  | |
| Navielemente "mittig" positionieren | |
|
Von: Lars282 am 09.04.2007 http://internetseite.pytalhost.de/ Die Zeile die mit Home beginnt, in dieser Zeile sollen die fünf Navielemente gleichmäßig verteilt werden, also jeweil vom Ende des einen Wortes bis zum Anfang des nächsten soll gleichviel Platz sein. Wie geht das? Könntet Ihr mir auch ein konkretes Beispiel geben? Gruß, Lars | |
|
Antwort 1 von PWT ***** am 09.04.2007 Zitat 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 Zitat Klassisches und Modernes Design von Websites anbieten. Siehe Navigation in Zitat <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> 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. | |
|
Antwort 2 von Lars282 am 09.04.2007  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 | |
|
Antwort 3 von PWT ***** am 09.04.2007 Zitat Also gute Überlegung, aber ich versuche wirklich nur HTML zu lernen. na dann Kannst du mir dann helfen? Oder glaubst du mir nicht?  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 } | |
|
Antwort 4 von Lars282 am 09.04.2007 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 | |
|
Antwort 5 von PWT ***** am 09.04.2007 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 | |
|
Antwort 6 von Lars282 am 10.04.2007 Lars | |
| « zurück | Antworten |
