tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
5
ZUGRIFFE
1668
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 16.02.06 17:02 #1
    folio folio ist offline Mitglied Gold
    Registriert seit
    Jun 2004
    Beiträge
    189
    Hallo,

    ich mcöhte eine Navigationsleiste machen...sie soll so aussehen

    http://img291.imageshack.us/img291/9162/screen5tz.png

    Wie mache ich das denn mit HTML? Ich möchte keine Tabellen verwenden...hab schon vieles probiert, es war immer alles links positioniert.

    Würde mich sehr über Hilfe freuen

    gruß
    folio
     
  2. 16.02.06 18:12 #2
    sadi sadi ist offline Mitglied Silber
    Registriert seit
    May 2004
    Beiträge
    81
    Tach auch,
    eine Lösung wäre es Div-Container zu verwenden. Ein Div würde die Größe des gesamten Menüs repräsentieren. In diesem Div würden dann zwei weitere Divs positioniert sein, eines links ausgerichtet und eines rechts ausgerichtet. Der Text steht dann im jeweiligen Div. Die Formatierung und Positionierung kann man ja über CSS erreichen.

    Gut Glück

    Sascha
     
  3. 16.02.06 18:27 #3
    folio folio ist offline Mitglied Gold
    Registriert seit
    Jun 2004
    Beiträge
    189
    Hm joah, wie positioniere ich die beiden divs denn dann mit CSS? Hab grad was mit float probiert, das klappt aber nicht.

    danke schon mal!
     
  4. 16.02.06 18:30 #4
    Avatar von steff aka sId
    steff aka sId steff aka sId ist offline Mitglied Brokat
    Registriert seit
    Jan 2004
    Ort
    Mannheim
    Beiträge
    341
    Das geht entweder mit float (wenns nicht geklappt hat zeig mal wie du das gemacht hast) oder halt mit absoluter Positionierung.
    Gruß Steff

    HTML-Code:
    <html>
	<head>
		<title>
			ein kleiner test mit divs
		</title>
	</head>
	<body>
		<div style="border:1px solid black; spacing:5px">
			<div style="float:left; border:1px solid black">
				div1
			</div>
			<div style="border:1px solid black">
				div2
			</div>
		</div>
	</body>
</html
    edit: hier mal ein kleines Beispiel wies funktioniert
    Geändert von steff aka sId (16.02.06 um 18:34 Uhr)
     
  5. 16.02.06 18:44 #5
    folio folio ist offline Mitglied Gold
    Registriert seit
    Jun 2004
    Beiträge
    189
    Jaah es klappt. Das Problem war, dass ich irgendwas mit clear rumgespielt habe (dachte das muss so) und was zweite Element dann rechts floaten wollte, auch wenn das mit text-align:right viel einfacher geht.

    Herzlichen Dank
     
  6. 17.02.06 08:19 #6
    Maik Tutorials.de Gastzugang
    Der Thread wird nachträglich ins CSS-Forum verschoben.
     
« Div Container Verwirrungen | Tooltip Umsetzung - alles mit CSS möglich? »

Ähnliche Themen

  1. 2 Divs nebeneinander gleich groß positionieren
    Von oldputz1990 im Forum CSS
    Antworten: 3
    Letzter Beitrag: 01.11.08, 21:43
  2. s:textfield in Struts nebeneinander positionieren
    Von Tservarius im Forum Enterprise Java (JEE, J2EE, Spring & Co.)
    Antworten: 3
    Letzter Beitrag: 08.10.07, 14:24
  3. Zwei Absätze nebeneinander positionieren
    Von chaosente im Forum CSS
    Antworten: 5
    Letzter Beitrag: 06.06.07, 06:06
  4. Zwei divs nebeneinander positionieren
    Von messmar im Forum CSS
    Antworten: 11
    Letzter Beitrag: 30.06.05, 18:13
  5. Drei Listen nebeneinander positionieren
    Von son gohan im Forum CSS
    Antworten: 13
    Letzter Beitrag: 16.02.05, 06:58