Navielemente "mittig" positionieren


(Read 279 times - 0 Members and 1 Guest are viewing this topic.)
 Reply Send this topic Print Anmelden / Register

Webmaster-Fragen » Navielemente "mittig" positionieren

Pages: [1]

Lars282
Guest

Navielemente "mittig" positionieren

« on: 09.04.07, 17:09:13 »


hey!

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
Report to moderator   Logged


PWT Offline
Sr. Member Pro (8.311)
*****

Re: Navielemente "mittig" positionieren

« Reply #1 on: 09.04.07, 21:03:11 »


 
Quote
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 
Quote
Klassisches und Modernes Design von Websites
anbieten.

Siehe Navigation in 
Quote

  <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.  
« Last Edit: 09.04.07, 21:07:30 by PWT » Report to moderator   Logged


Lars282
Guest

Re: Navielemente "mittig" positionieren

« Reply #2 on: 09.04.07, 22:25:22 »


Cheesy 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
Report to moderator   Logged


PWT Offline
Sr. Member Pro (8.311)
*****

Re: Navielemente "mittig" positionieren

« Reply #3 on: 09.04.07, 22:54:15 »


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

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
 } 
Report to moderator   Logged


Lars282
Guest

Re: Navielemente "mittig" positionieren

« Reply #4 on: 09.04.07, 23:25:36 »


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
Report to moderator   Logged


PWT Offline
Sr. Member Pro (8.311)
*****

Re: Navielemente "mittig" positionieren

« Reply #5 on: 09.04.07, 23:55:48 »


alistapart dürfte für den Einstieg ggf. etwas heavy sein, die Richtung stimmt allerdings.  Cheesy 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
Report to moderator   Logged


Lars282
Guest

Re: Navielemente "mittig" positionieren

« Reply #6 on: 10.04.07, 00:01:07 »


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

Pages: [1]  Reply Send this topic Print Anmelden / Register 



Ähnliche Themen:
Mai-Patchday: Microsoft will 4 Lücken schließen
"""Bitte um Hilfe"""D-Link Router W-Lan für andere
Kann man in einem "system();" befehl "Text" und "String
Win95: Outlook Express 6 zeigt Menü "Konten" unter "Extras"
Wie kann ich einen "string" in eine "const char*" konvertier
PC fährt nicht hoch, statt "grün" leuchtet nur "orange"

add bookmark Bookmark:
Jump to:  
Webmaster-Forum am 09.04.2007 | | Mobile Version (Handy, PDA)




Computerhilfen.com | Powered by SMF 2.5.1.
© 2001-2009, Lewis Media. All Rights Reserved.