24.10.2005, 20:47
|
|||
|
|||
mit <li> horizontale navigationsleiste
hi!
http://web2.codersx.net/neu2/ http://web2.codersx.net/neu2/styles.css dass soll eine neue seite von mir werden. dazu habe ich folgendes Problem: Ich will mithilfe einer <ul> und[*]-Liste dass ganze zu einer horizontalen Navigationsleiste verarbeiten. Für den hintergrund habe ich die "faux coulmns technik" angewendet. und so solls aussehen: 
|
| Sponsored Links |
|
24.10.2005, 20:52
|
|||
|
|||
|
|
| Sponsored Links |
|
24.10.2005, 21:25
|
|||
|
|||
|
hallo tigereye!
damit komme ich irgendwie nicht klar. ich habe das befolgt, soweit ich es verstanden habe, aber jetzt gehts irgendwie nicht, wenn ich in die lis divs setze, die eine bestimmte größe haben: ich muss immer text einfügen. oder aber, sie liegen nicht neben- sondern untereinander. anyone could help me? HTML: Code:
<ul id="navi">[*]<div id="eckel"></div>[*]<div id="news"></div>[*]<div id="cds"></div>[*]Item one[*]Item one[*]Item one[/list] Code:
#menu {
width: 800px;
height: 33px;
}
/*<group=menu>*/
#navi {
display: inline;
list-style: none;
width: 800px;
}
#navi li {
display: inline;
height: 33px;
}
#eckel {
display: inline;
width: 50px;
height: 33px;
background: no-repeat url(images/eckel.jpg);
}
#news {
display: inline;
width: 70px;
height: 33px;
background: url(images/menu01news.jpg) no-repeat;
}
#cds {
display: inline;
width: 70px;
height: 33px;
background: url(images/menu02cds.jpg) no-repeat;
}
|
|
24.10.2005, 21:36
|
|||
|
|||
|
"#news" genügt schon.
|
|
24.10.2005, 23:19
|
||||
|
||||
|
Ich habe so etwas Ähnliches mal in einer Demonstration umgesetzt: (toten Link entfernt).
Vielleicht hilft dir das weiter. Gruß Thomas
__________________
toscho.de Geändert von toscho (24.01.2009 um 00:31 Uhr)
|
|
25.10.2005, 14:09
|
|||
|
|||
|
Hi!
da eure vorschläge bei mir leider nicht so richtig gewirkt haben, habe ich das ganze jetzt anders gemacht; und zwar mit inline-table. damit scheint es nämlich zu gehen http://web2.codersx.net/neu2/styles.css das ergebnis sieht man hier: http://web2.codersx.net/neu2/index.html Unter MacOS X 10.4.2 wird es perfekt dargestellt. könnt ihr das bitte mal testen, und schauen, wie es in eurem browser aussieht? So soll es sein: btw, wieso sagt mir der validator, dass transparent kein gültiges color-attribut ist? http://jigsaw.w3.org/css-validator/v...usermedium=all
|
|
25.10.2005, 14:50
|
||||
|
||||
|
Zitat:
Und deine neue »Lösung« funktioniert in Opera überhaupt nicht. Tut mir leid.
__________________
toscho.de
|
| Sponsored Links |
|
26.10.2005, 17:16
|
|||
|
|||
|
Das problemm ist, dass ich mit eurer Lösiung absolut nicht klarkomme. vielleicht mache ich irgendetwas fürchterlich falsch. aber ich will echt gerne ein standartorientiertes Layout auf die Beine stellen.
Also, wenn mir jemand helfen will/kann und unter umständen auch icq hat, soll er sich bitte mal melden. danke 
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| DIV statt Tabelle, für horizontale Navigationsleiste | Ashida | (X)HTML | 3 | 03.03.2016 20:03 |
| Horizontale Navigationsleiste an ganzes Fenster anpassen | ILaRy | CSS | 4 | 24.05.2012 22:36 |
| horizontale Navigationsleiste | Kaykay | (X)HTML | 3 | 04.11.2010 08:41 |
| horizontale Navigationsleiste | Tobe | CSS | 0 | 20.07.2008 10:34 |
| Horizontale Navigationsleiste | Marco D. | CSS | 10 | 19.08.2007 10:55 |
Linear-Darstellung
