zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Liste mit unterschiedlichen Bildern?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.11.2009, 20:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.11.2009
Beiträge: 7
cordi befindet sich auf einem aufstrebenden Ast
Standard Liste mit unterschiedlichen Bildern?

Hallo,

Ich würde gerne eine Liste mit unterschiedlichen Bildern erstellen.
Geht das?

Hier mein Codeschnipsel, aber so funktioniert es nicht, im IE gehts garnicht und Firefox zeigt es auch komisch an:

HTML-Code:
<ul>
<!--Schaltflaeche Kontakt-->
<li style="list-style-image:url(pix/button_kontakt.jpg)" title="Bild: Schaltflaeche Kontakt"></li> 
<div style="position:absolute; width:229px; height:43px; top: 703px; left: 563px;">KONTAKT</div>
                
<!--Schaltflaeche Blubb-->
<li style="list-style-image:url(pix/button_blubb.jpg)" title="Bild: Schaltflaeche Blubb"></li>
<div style="position:absolute; width:229px; height:43px; top: 823px; left: 563px;">BLUBB</div>
                
<!--Schaltflaeche Blubber-->
<li style="list-style-image:url(pix/button_blubber.jpg)" title="Bild: Schaltflaeche Blubber"></li>
<div style="position:absolute; width:229px; height:43px; top: 963px; left: 563px;">BLUBBER</div>  
</ul>
Kann mir jemand sagen, ob dies überhaupt möglich ist, oder nur mit:
HTML-Code:
<ul style="list-style-image:url(...)">
ein allgemein gültiges Bild?

Hat jemand schon mal so ein ähnliches Problem gehabt?
Danke im Voraus!!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.11.2009, 21:27
Benutzer
neuer user
 
Registriert seit: 20.08.2006
Beiträge: 82
efwe befindet sich auf einem aufstrebenden Ast
Standard

-den listen eine #id und dazu das passende hg-bild?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.11.2009, 06:50
Benutzerbild von hubspe
display: klotz;
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau und Ösiland
Beiträge: 4.347
hubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig nett
hubspe eine Nachricht über Skype™ schicken
Standard

Moin,

wie mein Vorredner schon kurz und knapp andeuten wollte, list-style-image ist ungeeignet um Listenzeichen browserübergreifend einheitlich darzustellen.

Machs besser mit einem Hintergrundbild.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus


Blog oder watt?!
Mit Zitat antworten
  #4 (permalink)  
Alt 30.11.2009, 09:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.11.2009
Beiträge: 7
cordi befindet sich auf einem aufstrebenden Ast
Standard

Danke, danke!
Mit bissle Hirnschmalz und Spucke hab ichs jetzt auch hin bekommen.
Danke für die gute Erklärung...
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
<li> von einer Liste in andere verschieben tichy Javascript & Ajax 5 16.07.2009 13:54
Liste mit Bildern in einem div Marco D. CSS 2 20.08.2007 16:02
Liste (inline) Umbruch erzeugen Steakfred CSS 3 09.05.2006 12:27
Liste mit HG bildern Peter Klein CSS 1 25.03.2006 06:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:32 Uhr.