|
||||
Navigation & Layout - Semantisch korrekt?
Hallo zusammen
Ich arbeite gerade an einer Navigation, die ich zwar in XHTML korrekt gelöst hätte, semantisch aber nicht ganz passt. Dabei geht es mir allerdings nicht um die Listennavigation, sondern um das Layout "rundum", vor allem um das div am Schluss. Ich würde mich freuen wenn ihr sie euch kurz mal ansehen und eure Verbesserungsvorschläge posten könntet Aussehen sollte das ganze so: Wobei das Bild unten rechts der obere Teile eines Bilder ist von dem der Rest dann im Content Bereich Rechts gefloatet wird. Code:
<div id="navcontainer"> <ul>[*]Vereinigung[img]images/navspace.jpg[/img] [*]Mitglieder[img]images/navspace.jpg[/img] [*]Liechtenstein[img]images/navspace.jpg[/img] [*]Links[img]images/navspace.jpg[/img] [*]Kontakt[img]images/navspace.jpg[/img] [/list] [img]images/navbg.jpg[/img] </div> <div id="navgb">[img]images/sidepictop.jpg[/img]</div> Code:
#navcontainer { width:658px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } #navcontainer ul { list-style-type:none; margin:0; padding:3px; } #navcontainer ul li { display:inline; } #navcontainer a { text-decoration:none; color:#4B4B4B; } #navcontainer a:hover { text-decoration:underline; color:#4B4B4B; } #navgb { height:20px; width:660px; background-color:#344B75; } Lloyd |
Sponsored Links |
|
|||
Das Bild rechts unten kannst du besser als Hintergundbild von navcontainer einsetzen.
mit background: url() 100% 100%; kannst du ein Bild ganz rechts unten ausrichten, wobei das eine die waagerechte und das andere die senkrechte ausrichtung ist (von links oben an) |
Sponsored Links |
|
||||
Sollte ich dann das ganze Blau und das navbg.jpg mit in das eine Bild packen? Kann mir es anders nicht erklären.
Das Problem liegt daran, dass ich für jede Seite ein anderes sidepictop (rechts unten) brauche und ich es dadurch nicht mit in die externe Datei auslagern könnte. |
|
|||
Achso. Das muss man natürlich wissen. Ich war jetzt davon ausgegangen, dass es sich um eine immergleiche Grafik handelt. In dem Fall ist das natürlich einfacher über das img-Element, obwohl das semantisch gesehen eher zweifelhaft ist, da das Bild ja zum Verständnis des Inhalts nichts beiträgt.
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Semantisch korrekt und HTML5 konform? | doc.schiwagos | (X)HTML | 3 | 15.09.2013 20:57 |
Problem mit Navigation (<a>) in ul bzw. li | stefanw | CSS | 1 | 10.11.2008 16:52 |
Container mit 2 Container darin -> Hintergrund anzeigen | bendar | CSS | 4 | 05.04.2005 18:18 |
Layout mit css ohne wegscrollen der Navigation | Anonymous | CSS | 8 | 28.07.2003 08:39 |
Layout mit css ohne wegscrollen der Navigation | Anonymous | CSS | 1 | 04.07.2003 08:35 |