| Autor |
Nachricht |
loozy
Threadersteller
Dabei seit: 12.03.2002
Ort: Nürnberg
Alter: -
Geschlecht:
|
Verfasst Di 09.08.2005 11:35
Titel [CSS] Navigationsleiste Schwierigkeiten |
 |
|
Hallo CSS Freaks!
Hab mich gerade ein bisschen eingelesen was CSS NAvigationsleisten betrifft, steige aber noch nicht ganz hinter die Logik der Breitenangaben etc.
Ich hab hier die Navigationsleiste: www.wuzzyfuzzy.de/test/login.htm
die Aufzählungszeichen sollten eigentlich sowohl im IE als auch im Mozilla (was nicht klappt) VOR den links sein und
die links sollten sowohl im IE (klappt nicht) als auch im Mozilla einzeilig sein.
Was mach ich schonwieder falsch ?
und wie positionier ich die navigation via div position?
Danke für Eure Hilfe!
|
|
| |
|
 |
| |
|
 |
Havok
Dabei seit: 05.08.2005
Ort: Nürnberg
Alter: 31
Geschlecht:
|
Verfasst Di 09.08.2005 11:55
Titel
|
 |
|
1. wozu die tabelle im code? sehe da keinen sinn drinn
2. wozu diese komischen IE korrekturen im CSS?
Zur Positionierung:
Meinst du damit, die komplette Navigation positionieren?
Kannst du über "position: absolute" machen (einfach, aber unsaubere Lösung, da aus Elementfluß gerissen).
Die saubere Lösung ist, das Navi-Div einfach im Elementbaum richtig zu positionieren und dann per CSS, margin noch etwas zurechtrücken.
|
|
| |
|
 |
loozy
Threadersteller
Dabei seit: 12.03.2002
Ort: Nürnberg
Alter: -
Geschlecht:
|
Verfasst Di 09.08.2005 12:02
Titel
|
 |
|
hallo mein Retter!
Die Tabelle hab ich reingepfuscht damit ich mittels td´s elemente einfügen kann die keine links sind.
Diese html korrektur hab ich mir von selfhtml abgeschaut. Ich werd Sie mal löschen aber: wird mein Problem dadurch gelöst? ich probiere es mal!
Im Internetexplorer ja, in Mozilla werden nun die eigenen list objekte nicht unterstützt
|
|
| |
|
 |
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 29
Geschlecht:
|
Verfasst Di 09.08.2005 12:24
Titel
|
 |
|
| Code: |
.navigation ul {
list-style: none;
margin: 0; padding: 0;
line-height: 25px;
}
.navigation ul a {
padding-left: 8px;
color: #16517D;
text-decoration: none;
display: block;
width: 160px;
height: 25px;
border-bottom: 1px dashed #16517D;
}
.navigation ul li a { background: url(list.gif) no-repeat 0 50%; }
.navigation ul li a:hover { background: #FFFFFF; }
|
Das sollte funktionieren.
|
|
| |
|
 |
loozy
Threadersteller
Dabei seit: 12.03.2002
Ort: Nürnberg
Alter: -
Geschlecht:
|
Verfasst Di 09.08.2005 12:31
Titel
|
 |
|
Wie geil! Dankeschön! Wie lern ichs nur?
|
|
| |
|
 |
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 29
Geschlecht:
|
Verfasst Di 09.08.2005 12:33
Titel
|
 |
|
So wie ich: durch Leute, die dir dabei helfen.
Bitte!
|
|
| |
|
 |
13pixelchen
Account gelöscht
Ort: -
|
Verfasst Di 09.08.2005 20:02
Titel
|
 |
|
|
|
| |
|
 |
| |
|
 |
| Ähnliche Themen |
HTML/CSS Navigationsleiste
(CSS) Navigationsleiste rechts unten positionieren?
Kleine Programmier Schwierigkeiten
Schwierigkeiten mit Ebenen bei JS-Layer
div's, clear's und andere schwierigkeiten
navigationsleiste php
|
 |