clan page... bitte überprüfen und helfen

cain · 16 Juni 2008

nun ich habe 2 bitten an euch user dieses genialen forums...

könntet ihr diese clan page bitte überprüfen auf fehler und mir verbesserungen sagen???

index

dann zu meiner frage...

das hintergrund bild habe ich breite mal höhe genommen (1280px * 1024px)

aber ich muss es trotzdem mit einem

Code:

background: url(background2.jpg) repeat-x;

repeaten lassen.... kann ich das bild nicht mit einem befehl über die ganze seite strecken??? dass es einmal angezeigt wird???...

und außerdem zeigt der IE leider die box vom banner mit einem blauen strich unten an, und links von der mittleren box baut er einen weißen strich ein...

könnt ihr mir dafür helfen??? ich poste euch noch die css.css-Datei.

mfg leo

Code:

body {
 background: url(background2.jpg) repeat-x;
 text-align: center;
}
 
#container {
 margin-top: 30px;
 float: left;
 margin-left: 19%;
 background: #fff;
 text-align: left;
 width: 900px;
 height: auto;
 margin-bottom: 30px;
}
 
#box_head {
 background: #0b24fd;
 text-align: left;
 height: 100px;
 width: 900px;
 border-bottom: 1px solid black;
}
 
#box_news {
 padding: 2px;
 background: url(back_text.jpg) repeat-x;
 text-align: left;
 width: 195px;
 height: 596px;
 overflow: auto;
 float: right;
 border-left: 1px solid #040d67;
}
 
#box_navi {
 background: url(back_text.jpg);
 text-align: left;
 float: left;
 height: 600px;
 width: 199px;
 overflow: auto;
 border-right: 1px solid #040d67;
}
#box_text {
 padding: 2px;
 background: url(back_text.jpg);
 width: 496px;
 height: 596px;
 overflow: auto;
 float: right;
}
 
li {
 height: 20px;
 border: 1px solid black;
 list-style: none;
 width: 180px;
 background: url(back_navi1.jpg);
}
li a {
 display: block;
 font-size: 16px;
 text-decoration: none;
 color: #000;
 font-family: arial, helvetica, sans-serif;
}
 
li a:hover {
 background: url(back_navi_hover.jpg);
 font-size: 16px;
 text-decoration: none;
 color: #000;
 font-family: arial, helvetica, sans-serif; 
}
 
h2 {
 font-style: italic;
 font-size: 20px;
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
}
 
p {
 font-size: 14px;
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
}
 
h3 {
 font-style: italic;
 font-size: 16px;
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
}
 
 
a {
 position: relative;
 color: #646464;
 text-decoration: none;
 font-size: 14px;
 font-family: Arial, Helvetica, sans-serif; 
}
 
a:hover {
 color: #000;
 text-decoration: underline;
 font-size: 14px;
 font-family: Arial, Helvetica, sans-serif;
}

mfg leo

EDIT:

die Links zeigt der IE auch ziemlich komisch an... obwohl ich kein margin und kein padding drinnen hab... :-(

gollum1990 · 16 Juni 2008

Falsches Forum...

cain · 16 Juni 2008

meinst du??^^ vllt sollte man es in den css-bereich verschieben...

andererseits, wollte ich euch ja nach eurer meinung fragen^^

Icy · 16 Juni 2008

Ein Link zu diener Clanpage wäre zum Bewerten der Seite sicher sehr produktiv :)

MfG Icy

cain · 16 Juni 2008

oh danke^^ ich ändere oben auch noch mal die beschreibung...^^

index

Maxi · 16 Juni 2008

verschoben -> css.

Asterixus · 16 Juni 2008

Auch wenn es jetzt nicht direkt CSS ist: benutze bitte einen Doctype.

Loon3y · 17 Juni 2008

Überprüfe deine Seite auf Fehler im Quelltext damit doch einmal:

The W3C Markup Validation Service

Ansonsten. Wieso ist die Seite rechtsbündig? oder sehr weit rechts bei mir im Mozilla? Mach sie doch wenigstens linksbündig oder mittig mit margin:0 auto;

Leben doch net in China :-)

csstester · 17 Juni 2008

und warum hast du deine Hintergrundgrafiken so groß?
1px Breite reicht doch hin wenn du sie wiederholst!

das spart massig Platz.

Gruß
csstester

Loon3y · 17 Juni 2008

hab mir nochmal deine css angeguggt, wieso schreibst du beim container:

Code:

float: left;
margin-left: 19%;

was macht das für einen sinn?

Efchen · 17 Juni 2008

cain schrieb:
kann ich das bild nicht mit einem befehl über die ganze seite strecken???

Nein, das Strecken von Hintergrundbildern ist nicht möglich.

Und, so nebenbei, weder in HTML noch in CSS gibt es Befehle, die gibt es nur in Programmier- (oder Script-)Sprachen, sowohl HTML als auch CSS sind das nicht.

Gruß,
-Efchen

cain · 17 Juni 2008

ok danke für eure überprüfungen meiner codes und der website... ich versuche mal alles aufzubessern.

mfg leo

EDIT:

ich habe einen doctype eingefügt, aber er zeigt immer noch 12 fehler an... ich persönlich konnte nichts entdecken, was falsch sein könnte.

könntet ihr auch mal über den quelltext schauen??? ich gebe euch mal von der Index-seite.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
        <title>index</title><link href="css.css" rel="stylesheet" type="text/css"> 
   </head>
<body>
<div id="container">  
  <div id="box_head"><img src="banner.jpg"></img>   
 </div> 
       <div id="box_navi">
<br />
<ul>    <li><a href="index.html">Home</a></li>
    <li><a href="http://dragonofmystic.foren-city.de">Forum</a></li> 
   <li><a href="history.html">Geschichte</a></li> 
   <li><a href="impressum.html">Impressum</a></li>
    <li><a href="htg.html">How to-Guide</a></li>
    <li><a href="mitglieder.html">Mitglieder</a></li>
    <li><a href="partner.html">Partner/B&uuml;ndnis</a></li>
</ul>   
 </div>        
<div id="box_news">
<h2>Newsbox</h2>
<h3>15.6.08</h3>
<p>        Sooo. Endlich habe ich einen guten Banner hinbekommen, und der Hintergrund sieht auch besser    aus, als ein tristes grau. Der Hover-Effekt bei der Navigation ist auch besser geworden.</p>
 
<h3>14.6.08</h3>
<p>    Heute habe ich die Seite voll mit Inhalt gestopft. Die Mitgliederliste kommt noch.    Au&szlig;erdem ist der Hover-Effekt bei den Links verbessert worden, sowie der Banner.    weitere &Auml;nderungen werden sich noch ergeben, aber das Grundlayout steht schon, sowie das    Ger&uuml;st. 
</p>
 
<h3>10.6.2008</h3>
<p>    Leider zeigt der Internet Explorer die Seite nicht genauso an, wie der Firefox oder der    Opera. Ich werde versuchen in der n&auml;chsten Zeit das zu &auml;ndern. Ansonsten, ist dieses    Layout entstanden.</p>
 
<br /> 
   </div>
    <div id="box_text">
<h2>Home</h2>
<p>Willkommen auf der Seite der Guild Wars-Gilde Dragon of Mystic (DOM). Wir sind eine Luxon-Gilde, unddie Main-Gilde im B&uuml;ndnis.<br />
<br />
<br />
Mfg Leo
<br />
<br />
<br />
<br />
Die Seite ist nun vorerst fertig, alle Links gehen. Vielleicht &uuml;berarbeite ich den Banner noch einmal.
</p>
    </div>
</div>
</body>
</html>

mfg leo (ich hoffe ihr könnt mir helfen)

Efchen · 18 Juni 2008

Hallo,

die 6 Fehler auf der Seite sind doch recht selbsterklärend.

Line 2, Column 1: Missing xmlns attribute for element html. The value should be: XHTML namespace.
Many Document Types based on XML need a mandatory xmlns="" on the root element. For example, the root element for XHTML will look like:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Line 4, Column 82: end tag for "link" omitted, but OMITTAG NO was specified.

In XHTML muss jedes Tag geschlossen werden. Inhaltsleere Tags schreibt man so: <link />

Line 8, Column 42: required attribute "alt" not specified.

Bei Images ist das alt-Attribut Pflicht!

Die anderen drei Fehler sind Folgefehler!

Gruß,
-Efchen

Nachtrag:

ich freu mich über feedback... und verbesserungsvorschläge

Alle -Tags rausschmeissen, die dienen dem Layout, nicht der Auszeichnung.
Die Newsbox evtl. auch als Definitionsliste möglich.

cain · 18 Juni 2008

vielen dank für die überarbeitung.. sry wenn ich frage, aber meinst du mit "definitionsliste" bei der box_news???

und wenn ich die tags rausschmeiße, sind dann die fehler weg??? weil ich die ja auch wegen dem layout eingefügt habe...

und wenn ich sie raus schmeiße, dann steht da nur text, ohne zeilenumbrüche... vllt kannst du es mir noch mal erklären oder vllt jmd anders...

trotzdem schon mal vielen dank für diese meldung...

mfg leo:-D

Efchen · 18 Juni 2008

cain schrieb:
vielen dank für die überarbeitung.. sry wenn ich frage, aber meinst du mit "definitionsliste" bei der box_news???

Ja genau. Aber ich finde es ist, wie gesagt, nur eine andere Möglichkeit, ob es wirklich die bessere ist, möchte ich nicht behaupten ohne andere Meinungen eingeholt zu haben. So ist es auf jeden Fall um Längen besser als Layout mit Tabellen.

und wenn ich die tags rausschmeiße, sind dann die fehler weg?

Nein, die Fehler gehen so weg, wie ich oben geschrieben habe, hast Du das nicht gelesen?

weil ich die ja auch wegen dem layout eingefügt habe.

Ja eben, und genau deswegen sollen sie weg, denn Layout macht man mit CSS, nicht mit HTML!

Gruß,
-Efchen

cain · 18 Juni 2008

ok jetzt habe ich es begriffen... danke effchen^^.... ich werde dann die seite nochmal überarbeiten

ich habe die Seite überarbeitet, aber bei mir stehen insgesamt noch 8 fehler da...

diese haben immer den tag:

<script type=text/javascript src=http://www5.kilu.net/extra/a1/remote_changes.js.php?kilu_account=dragonofmystic></script></body>

dieser stammt von der werbung, die mein webhoster einblendet. keine ahnung, weil er angeblich werbefrei sein sollte. aber ich habe diesen tag auch
auf seiner seite gefunden wenn ich mich einlogge. da kann ich nämlich einen link andrücken, bei dem ich die werbung aussuchen kann, und dann sieht man diesen tag...
vllt kann ich die werbung abschalten

mfg leo

PS @ effchen: ohne die -tags kann ich keine zeilenumbrüche machen. zumindest fällt mir keine andere lösung dafür ein (wenn du eine hast, vllt kannst du mir diese mitteilen)

Efchen · 19 Juni 2008

cain schrieb:
PS @ effchen: ohne die -tags kann ich keine zeilenumbrüche machen. zumindest fällt mir keine andere lösung dafür ein (wenn du eine hast, vllt kannst du mir diese mitteilen)

Wozu brauchst Du Zeilenumbrüche?
Fließtext wird normalerweise als Absatz ausgezeichnet (), der hat dann einen bestimmten Abstand oben und/oder unten. Wenn man keinen Abstand will, dann setzt man margin:0 (o.ä.). Man kann über Klassen unterschiedliche Absätze erzeugen, solche bei denen es einen Abstand gibt und solche ohne Abstand.
Oftmals benutzt man an Stellen, wo der Inhalt eigentlich eine Aufzählung ist. Hier braucht man dann auch kein .
Wo ich persönlich noch einen Sinn im sehe, ist z.B. in Adressen.

Code:

<address>
Vorname Nachname<br />
Straße Hausnummer<br />
PLZ Ort
</address>

Ich weiß nicht, ob das sinnvoll ist, hier jede Zeile wiederum in ein einzubinden.

Aber in den meisten Fällen geht es auch ohne, meistens wird gesetzt, obwohl man eigentlich nur einen bestimmten Abstand haben möchte. Überprüf das mal, sieh es als Zusatzaufgabe zur perfekten CSS-Website ;-)

didi111 · 19 Juni 2008

Efchen schrieb:
Nein, das Strecken von Hintergrundbildern ist nicht möglich.

Frage: ist es nicht möglich in html anzugeben wie groß es sein soll, und das man da größere zahlen als die ursprüngliche größe reinzuschreiben?

dan müste es doch gestreckt angezeigt werden oder?

oder wird das dan mehrmals angezeigt das das bild nicht die ursprüngliche größe verliert
sodas dan da zum füllen fill auch das bild halb zu sehen ist?

Efchen · 19 Juni 2008

didi111 schrieb:
Frage: ist es nicht möglich in html anzugeben wie groß es sein soll, und das man da größere zahlen als die ursprüngliche größe reinzuschreiben?

Das-Strecken-von-Hintergrundbildern-ist-nicht-möglich.

Ist doch eine klare Aussage, oder? :-)

Wenn, dann müsstest Du das Bild als Content per <img>-Tag einbinden und in eine andere z-Ebene, also hinter den restlichen Content legen. Das <img> kann gestreckt werden.

Gruß,
-Efchen

didi111 · 20 Juni 2008

Efchen schrieb:
Das-Strecken-von-Hintergrundbildern-ist-nicht-möglich.

teste ma oder bin ich doof?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE></TITLE>
</HEAD>
<BODY LANG="de-DE" DIR="LTR">
<P><IMG SRC="uih_html_m383c2393.jpg" NAME="Grafik1" ALIGN=LEFT WIDTH=1108 HEIGHT=175 BORDER=0><BR CLEAR=LEFT><BR><BR>
</P>
</BODY>
</HTML>

und bitte anderen link fürs bild angeben;)

mein firefox liest das so wies sein soll solte kein fehler drin sein^^

clan page... bitte überprüfen und helfen

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Efchen

Guest

Neues Mitglied

Efchen

Guest

Neues Mitglied

Efchen

Guest

Neues Mitglied

Efchen

Guest

Neues Mitglied

Efchen

Guest

Neues Mitglied