[NightTiger]

Das mit der Werbung mach ich auf eine seperate Seite.. Dann ist jedenfalls einfach die Startseite valid..

Das mit der Überschrift hab ich ja bereits geändert..

Ich bitte nun um Hilfe bei meinem Problem...

[axx]

Zitat (NightTiger: 25.06.2006, 20:06)

Dann ist jedenfalls einfach die Startseite valid..

Valid heißt syntaktisch OK, soweit der Validator das erkennen kann. Das Dokument ist dennoch voller semantischer Fehler. Außerdem trennst du nicht ausreichend markup von design. Aber deine Sache...

[NightTiger]

Zitat (axx: 25.06.2006, 20:19)

Außerdem trennst du nicht ausreichend markup von design.

Wie meinst du das?

[axx]

Zitat (NightTiger: 25.06.2006, 20:41)

Wie meinst du das?

Zeile 15: <br /><br /></div>
Zeile 24: <li> </li>
Zeile 45,48,49,50: <br /><br />
Zeile 46: </p><br /><br /><br />

Genaugenommen sollten die pipes ('|') in 'links_oben' auch ersetzt werden, jedoch kann ein vielgenutzter Browser mit den Pseudoelementen :before und :after nichts anfangen.
Die pipes werden hier aber als Designelement genutzt, und haben als solches im HTML-code nichts zu suchen. Vielleicht lässt sich mit Hintergrundbildern der gleiche Effekt erzielen.

Zu den semantischen Fehlern:
Auch auf die Gefahr hin, mich zu wiederholen: Die Links in 'links_oben' gehören in eine Liste.
Wie wäre es mit:

<ul id="links_oben">
  <li><a href="index.php">Home</a> | </li>
  <li><a href="http://podcast.nighttiger.net">Podcast</a> | </li>
  <li><a href="http://gb.nighttiger.net">Gästebuch</a> | </li>
  <li><a href="kontakt.php">Kontakt</a></li>
</ul>

In 'text' willst du mit doppelten und dreifachen Zeilenumbrüchen Absätze simulieren. Benutze dafür Absätze, also das Element <p>.

In der Liste 'menu' verwendest du das Element <li> für 3 verschiedene Zwecke: Listenelement, Überschrift, Leerzeile.
Wie wäre es stattdessen mit:

	
<div id="menu">
  <h3><a href="index.php">Home</a></h3>
  <ul>
	<li><a href="http://gb.nighttiger.net">Gästebuch</a></li>
	<li><a href="http://podcast.nighttiger.net">Podcast</a></li>
	<li><a href="kontakt.php">Kontakt</a></li>
	<li><a href="linkme.php">LinkMe</a></li>
  </ul>
  <h3><a href="partner.php">Partner</a></h3>
  <ul>
	<li><a href="projekte.php">Meine Projekte</a></li>
	<li> </li>
	<li><a href="steckbrief.php">Steckbrief</a></li>
	<li><a href="fotos.php">Fotos</a></li>
	<li><a href="hobbys.php">Hobbys</a></li>
  </ul>
  <h3>test</h3>
  <ul>
  .
  .
  .
  </ul>
</div>

#menu ul {
  margin-bottom:1em;
}
#links_oben {
  margin-bottom:1em;
}
#links_oben li {
  display:inline;
}
#text p {
  margin-bottom:1em;
}

Edit: Fehlerkorrektur.

Dieser Beitrag wurde von axx bearbeitet: 26. Juni 2006 - 12:24

[NightTiger]

Danke erstmal axx für deine Mühe!

Leider, entweder bin ich dumm oder der Code funzt nicht, geht das nicht ganz!

Ich habe nun alles schön eingefügt und bearbeitet, doch nun sieht es folgendermassen aus:




Sieht meiner Meinung ziemlich versch(l)issen aus..

Ich hoffe, dass ihr mir immernoch weiterhelfen wollt, obwohl ich so nerve..

Hier noch die (neuen) Dateien:

 index.php (2,85K)
Anzahl der Downloads: 2
 style.css (1,83K)
Anzahl der Downloads: 191

[axx]

Zitat (NightTiger: 26.06.2006, 16:32)

Leider, entweder bin ich dumm oder der Code funzt nicht, geht das nicht ganz!

Was genau meinst du?

Zitat

obwohl ich so nerve..

Quatsch, dafür ist doch das Forum da.

[NightTiger]

Ich meine damit, dass es nicht funktioniert.. Und die kleine Apposition ",entweder bin ich dumm oder der Code funzt nicht," war nur ein Einschub.. Also entweder bin ICH dumm und der Code funzt, oder ich bin nicht dumm und der Code funktioniert nicht..

[axx]

Verstehe ich richtig, dass etwas nicht so angezeigt wird wie du es dir vorstellst? Wenn das so ist, was wird nicht so dargestellt, wie du es dir vorstellst?

Es fehlen noch einige Formatierungen, das ist richtig. Machen wir's mal Schritt für Schritt.

Edit: Stört dich die Formatierung der Überschriften im Menu oder dass das Menu "abgeschnitten" scheint?

Dieser Beitrag wurde von axx bearbeitet: 26. Juni 2006 - 17:21

[NightTiger]

Mich stört der Rand oberhalb der Links_oben. Also dass der Header praktisch nicht direkt oberhalb des Contents ist. Ist ja in der momentanen Version so..

Dann soll das Menü ganz auf die Webseite passen. D.h. der Contentbereich soll sich anpassen und machen, dass unten die Links unter Extra etc.. auch noch auf dem weissen Hintergrund zu sehen sind. Verstanden oder war das zu undeutlich?

Zitat

Würde in der Nav. Leiste noch Extra und NightTiger fett drucken.

1. Extra ist bei mir in den Dateien fettgedruckt, da ja <h2> gebraucht wurde.
2. Wo ist NightTiger?

[axx]

Zitat (NightTiger: 26.06.2006, 20:32)

Mich stört der Rand oberhalb der Links_oben. Also dass der Header praktisch nicht direkt oberhalb des Contents ist. Ist ja in der momentanen Version so..

Wenn 'links_oben' keinen Abstand nach oben haben soll, muss es entsprechend formatiert werden. Bisher fehlt eine entsprechende Angabe in deinem stylesheet, sodass die Angabe im browsereigenen stylesheet greift.

Du willst also den Außenabstand von 'links_oben' auf 0 setzen.

#links_oben {
	margin-bottom:1em; 
	margin-top:0;}

bzw:

#links_oben {
	margin:0 0 1em 0;}

Zitat

Dann soll das Menü ganz auf die Webseite passen. D.h. der Contentbereich soll sich anpassen und machen, dass unten die Links unter Extra etc.. auch noch auf dem weissen Hintergrund zu sehen sind.

In deinem stylesheet hast du 'footer' ein Hintergrundbild background_unten.jpg zugewiesen, dass nicht verfügbar ist.

'menu' ist mit float:right formatiert. Das heißt, dass 'menu' in Bezug auf das Elternelement (nämlich 'inhalt') rechtsanliegend dargestellt wird. Alle Elemente fließen jetzt um 'menu' herum, und zwar solange, bis das Umfließen beendet wird.

'footer' fließt auch um 'menu'. Um das zu vermeiden, formatierst du 'footer' mit clear:right;

Edit:

Zitat

1. Extra ist bei mir in den Dateien fettgedruckt, da ja <h2> gebraucht wurde.
2. Wo ist NightTiger?

1. <h2> kann fettgedruck sein oder nicht, kommt ganz auf die Formatierung an.
2. Offenbar hat er sich die Datei gar nicht angesehen.

Dieser Beitrag wurde von axx bearbeitet: 26. Juni 2006 - 19:59

[NightTiger]

Hab jetzt footer mit clear:right; formatiert. Ausserdem habe ich margin-top:0px; in links_oben eingefügt. Jetzt ist der Abstand oben weg. Herzlichen Dank!

Nur kapier ich ehrlich gesagt nicht, wie genau ich nun "menu" formatieren muss..

Wäre froh, wenn du mir das noch erklären könntest!

PS: Menü sieht immernoch so aus wie auf dem Screen oben!

[axx]

Bei mir sieht's jetzt so aus:
Ist das das Gleiche, was du siehst?

[NightTiger]

Ehrlich gesagt: nein

"background_unten.jpg" ist bei mir übrigens lokal vorhanden. Im Anhang habt ihr die Datei auch noch


Habe jetzt die Dateien in Firefox, Opera und IE angeschaut.. Katastrophal! Ich glaube, dass ich jetzt ein wirkliches Problem habe!

Hier die Screens:

Firefox (Opera wird auch so dargestellt)
IE (6)

Da scheint der IE was wirklich nicht zu begreifen..


Hier noch das Background-Bild des Footers: