✔ Listen mit Bildern

[ffstardust]

Hallo zusammen!

Ich bin quasi ein Newbie im Bereich des Webdesigns, verzeiht deshalb meine dummen Fragen.

Mein Ziel ist es eine Navigation mit Hilfe eines Listenelements zu erstellen. Wird meine Seite ohne CSS aufgerufen, sollen die Links innerhalb der Liste als Text dargestellt werden, anders jedoch mit CSS. In diesem Fall möchte ich auf eine Textdarstellung verzichten und stattdessen mit Grafiken aufwarten.

Bisher habe ich die Möglichkeit gefunden, eine Hintergrundgrafik für alle Elemente zu benutzen. Das ist jedoch am Ziel vorbei.

Danke für eure Ideen!

 

[Maik]

Hi,

wenn das Hintergrundbild nicht erwünscht ist, bliebe ja nur noch das Grafikelement img übrig.

Und was spricht gegen den Einsatz von Hintergrundbildern?

 

[Chaosengel_Gabriel]

Versuch das nicht mit CSS sondern mit HTML ^^
Zum beispiel

<li><a href"#"><img src="pic.jpg" width="150" height="20" alt="Text-Link"></a></li>

Oder so in der Art, dann hast du Bilder, wenn die Bilder nicht angezeigt werden, gibts den "alt"ernativ Text zu sehen...

 

[Tyg3r]

Hi,

dann so:

<ul id="navi">
    <li><img src="...." alt="" />(eventuell text/link)</li>
    <li><img src="...." alt="" />(eventuell text/link)</li>
    <li><img src="...." alt="" />(eventuell text/link)</li>
    <li><img src="...." alt="" />(eventuell text/link)</li>
    <li><img src="...." alt="" />(eventuell text/link)</li>
    </ul>

// css
#navi { ... (eigenschaften der liste) ... }
#navi li { ... (eigenschaften der listen-elemente) ... }
#navi img { ... (eigenschaften der listen-bilder) ... }
... etc

/edit: wiedermal zu langsam ^^

Gruß tyg3r

Versuch das nicht mit CSS sondern mit HTML ^^
Zum beispiel

<li><a href"#"><img src="pic.jpg" width="150" height="20" alt="Text-Link"></a></li>

Single Tags (img, br, input) immer schließen
(<img />, <br/>, <input />)

 

[Chaosengel_Gabriel]

HTML 4.01 Transitional...
img, br, input brauchen da nicht geschlossen werden...
Wenn mans trotzdem macht, spuckt der W3C-Validator nen Fehler aus

 

[Maik]

Single Tags (img, br, input) immer schließen
(<img />, <br/>, <input />)

Kommt darauf an, ob es sich um ein "XHTML"- oder "HTML 4.01"-Dokument handelt.

 

[Tyg3r]

XHTML 1.0 und 1.1 aber schon.
Und wir wissen beide nicht was er einsetzt ^^

 

[Maik]

Und wir wissen beide nicht was er einsetzt

Dann lass einfach solch pauschale Kommentare sein.

 

[ffstardust]

Habt vielen Dank!