Navielemente "mittig" positionieren

 

Könntet Ihr mir auch ein konkretes Beispiel geben?
 

In Vorgriff auf die folgende Überlegung: Nö!

Möglichkeit 1:

Du hast die Seite kopiert und kommst nicht klar, weißt auch nicht was im Header der Seiten steht. Dir fehlen einfach die Grundlagen, deshalb hast Du die Seite mal eben ohne Erlaubnis kopiert.

Dann hilft Dir www.selfhtml.org mit dessen Inhalten Du prima HTML und CSS lernen kannst.

Möglichkeit 2:

Du möchtest das, was Du in den Header-Tags der Seite stehen hast 

Klassisches und Modernes Design von Websites

anbieten.

Siehe Navigation in 

  <li><a href="website-design.html">Design</a></li>
  <li><a href="website-generieren.html">Generieren</a></li>
  <li><a href="website-betreuung.html">Betreuung</a></li>
  <li><a href="website-referenzen.html">Referenzen</a></li>

der Seite:


Dann solltest Du als Anbieter schon in der Lage sein, Elemente oder Objekte in einer Seite nach Wunsch auszurichten.

Ansonsten solltest Du Dich vielleicht erst einmal gründlich mit der Materie befassen (siehe wieder www.selfhtml.org) ehe Du diese Head-Tags: Klassisches und Modernes Design von Websites, stehen lässt und hier um Hilfe fragst.

Das ist entweder naiv oder einfach nur frech.  

gute Überlegungen, nur beide falsch;)...
ich versuche HTML zu lernen und brauche ja ein Beispiel, an dem ich es lernen kann. Da ich es nicht mag, einfach nur immer mit Beispiel1 2 3 zu arbeiten, habe ich mir halt ein Thema gesucht... und wenn ich so eine Dienstleistung wirklich anbieten wollte, hätt ich hsocn eine andere Domain nehmen sollen, oder?!
Also gute Überlegung, aber ich versuche wirklich nur HTML zu lernen.
Kannst du mir dann helfen? Oder glaubst du mir nicht?
Gruß, Lars

 

Also gute Überlegung, aber ich versuche wirklich nur HTML zu lernen.
Kannst du mir dann helfen? Oder glaubst du mir nicht?

na dann 

Ok, aber an Selfhtml kommst Du ohnehin nicht vorbei.

Überlegung/Ansatz für Dich:

Horizontal zentrieren innerhalb einer Zelle oder eines Layers/Divs mit align="center". Das bringt Dich aber bei einer horizontalen Abfolge wie Deiner Navigation nicht weiter. Das ganze geht simpel über CSS indsem Du die Text-Formatierung über ein Stylesheet zuweist.

Beispiel:

<div id="navigationstext" style="position:absolute;
width:150px; //Breite des Divs
height:50px; // Höhe des Divs
left: 30px; // Abstand zum linken Seitenrand
top: 100px;"> // Abstand zum oberen Seitenrand

der nächste Teil

<div id="navigationstext" style="position:absolute;
width:150px; //Breite des Divs
height:50px; // Höhe des Divs
left: 180px; // Abstand zum linken Seitenrand, Folgt nach Ende des ersten Links
top: 100px;"> // Abstand zum oberen Seitenrand


Im Stylesheet weist Du der "navigationstext"-Formatierung die Werte für Schriftart, Größe, Abstände usw. zu

Bsp.:

div#navigationstext {
font-size: 12px;
padding-right: 20px // bestimmt den Abstand vom Ende des Textes bis zum Ende des Divs
 } 

Danke! Das Problem ist nur, wie kann ich es machen, dass wenn man mit der Maus draufzeigt, die untere Zeile mit den untermenüs sichtbar wird? Wie kann man das machen? Ich habe es mit der Pseudoklasse hover nur geschafft, dass sich direkt am Link was ändert, aber nicht, dass dann etwas anderes "sichtbar" wird. Ich glaube irgendwo stand auch, dass das im IE nicht ohne JavaScript geht, weshalb ich mich dann an dem tut
http://www.alistapart.com/articles/hybrid/
versucht habe. Ich bekomme es aber nicht hin, dieses so umzugestalten, dass es meinen Wünschen entspricht, dass ich die erste Zeile gleichmäßig mit gleich gr´ßen Abständen verteile und dann die zweite jeweils genau drunter steht. Habe es mit align="center" und padding-left und padding-right geschafft, dass die obere gleichmäßig nach meinen Wünschen ist, aber das klappt mit der untern nicht.
Gibt es vielleicht eine andere Möglichkeit? Also sollte im IE und anderen Browsern funktionieren.
Herzlichen Dank schonmal,
Lars

alistapart dürfte für den Einstieg ggf. etwas heavy sein, die Richtung stimmt allerdings.  Um die Unzulänglichkeiten des einen oder anderen Browsers zu umgehen, wirst Du bei dieser Art navigation leider fast immer auf JavaScript zurückgreifen müssen.

Die bessere Alternative wäre/ist die Kombi PHP/CSS, da sind ganz andere Dinge machbar, ich weiß allerdings nicht, wie weit Du da schon drin bist.

Auf Basis DHTMl gibt es allerdings reichlich Alternativen:

Hier eine vll. verständlichere Alternative, Anpassung erfordert vll. 20 Minuten wenn Du durch das Script "gestiegen" bist.

http://www.dhtmlgoodies.com/scripts/menu-for-applications/demos/demo-menu-bar.html

Eine schier "unerschöpfliche Quelle" bietet Dir u. a. diese Adresse:

http://www.hotscripts.com/JavaScript/Scripts_and_Programs/Navigation/Menus/index.html

OK, danke! Hilft schonmal sehr weiter diese Links. Dann noch einen schönen Restabend!
Lars