zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Smilie anstadt kreis als Listenelement

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.09.2006, 08:01
Benutzerbild von ML2000
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2006
Beiträge: 12
ML2000 befindet sich auf einem aufstrebenden Ast
Standard Smilie anstadt kreis als Listenelement

Hallo,
wir nehmen im Informatikunterricht grade XHTML und CSS durch, und ich weis bei einer Sache leider nicht weiter!
Die Aufgabe sieht wie folgt aus:
Wir sollen bei einer Aufzählung den letzten punkt mit einem Smiley anstadt eines gewöhnlichen Kreises versehen, also so:


meine lösung sieht dabei wie folgt aus:

Code:
<ul class="kreis">
  <li>Belletristik<br /><br /></li>
  <li>Reiseliteratur<br /><br /></li>
  <li>Computerbücher<br /><br /></li>
  <li>Haushalt &amp; Familie<br /><br /></li>
<img src="smiley.gif" style="margin-left:-17px">Der Tip des Monats>
</ul>
das sieht zwar richtig aus, doch ich glaube es ist vollkommen falsch! könnt ihr mir villeicht ne bessere Lösung geben?
mfg Matthias
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.09.2006, 11:40
Benutzerbild von Yhi
Yhi Yhi ist offline
/* no comment */
XHTMLforum-Mitglied
 
Registriert seit: 28.05.2006
Beiträge: 208
Yhi befindet sich auf einem aufstrebenden Ast
Standard

http://www.css4you.de/list-style-image.html
__________________
PHP und Webdesign Blog
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.09.2006, 12:01
Benutzerbild von Gumbo
XHTMLforum-Kenner
 
Registriert seit: 22.08.2004
Ort: Trier
Beiträge: 2.733
Gumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekannt
Standard

Eine Alternative wäre die Grafiken als Hintergrundgrafik im „li“-Element einzusetzen.
__________________
Markus Wulftange
Mit Zitat antworten
  #4 (permalink)  
Alt 30.09.2006, 16:00
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

Freilich ist das falsch. Du hast ja den letzten Punkt gar nicht in ein li-Element gesetzt.
Wer hat eigentlich diese Schriften gewählt? Mich würde der Quelltext zu der Seite nur zu sehr interessieren.
Mit Zitat antworten
  #5 (permalink)  
Alt 30.09.2006, 19:58
Benutzerbild von ML2000
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2006
Beiträge: 12
ML2000 befindet sich auf einem aufstrebenden Ast
Standard

ja ich weis, das layout des textes ist schrecklich!!!! Aber das war ja die Vorgabe, wenn es nach mir ginge würde ich das ganz anders machen!
Mit Zitat antworten
  #6 (permalink)  
Alt 01.10.2006, 09:55
Benutzerbild von ML2000
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2006
Beiträge: 12
ML2000 befindet sich auf einem aufstrebenden Ast
Standard

Als das mit dem smiley hat ja super geklappt! danke nochmal!
jetzt hab ich aber leider noch ein problem. bei validieren gabs diese meldung hier:
Warning: <img> lacks "alt" attribute

und das ist der code dazu:

Code:
<img src="kette.gif" width="100%"/>
was mache ich falsch?
Mit Zitat antworten
  #7 (permalink)  
Alt 01.10.2006, 09:57
Benutzerbild von ML2000
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2006
Beiträge: 12
ML2000 befindet sich auf einem aufstrebenden Ast
Standard

sry, hat sich erledigt
Mit Zitat antworten
  #8 (permalink)  
Alt 06.10.2006, 18:49
Benutzerbild von ML2000
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2006
Beiträge: 12
ML2000 befindet sich auf einem aufstrebenden Ast
Standard

gibt es auch die möglichkeit eine mischung aus kreisen und bildern in der aufzählungsliste zu verwenden?!
ich hab nämlich jetzt 2 listen untereinander gemacht, bei der die ersten die kreise und bei der zweiten das smiley bild. aber da muss es doch noch eine bessere lösung geben oder? also hier nochmal das problem:
der letze punkt der Aufzählung soll einen smiley sein und die ersten punkte sollen kreise sein. geht das irgentlwie???
mfg Matthias
Mit Zitat antworten
  #9 (permalink)  
Alt 06.10.2006, 18:52
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Ich sehe schon - Anfänger.

Haben wir alle mal.

Nutze die Selektoren,sprich, gib dem anderen li eine Klasse mit.

HTML
Code:
<li class="smiley">Text</li>
CSS

Code:
li.smiley {
background-image......
}
Klar geworden?
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.10.2006, 19:01
Benutzerbild von ML2000
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2006
Beiträge: 12
ML2000 befindet sich auf einem aufstrebenden Ast
Lächeln

sehr gut das klappt ja sogar! achja und mit anfänger hattest du recht
Mit Zitat antworten
Sponsored Links
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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verschachtelter Bildaufbau Rico88 (X)HTML 5 08.03.2011 19:50
Listenelement Länge chaossepp CSS 3 25.09.2010 15:07
Problem mit aktivem Selektor im Listenelement rockpianist CSS 2 10.04.2009 09:36
Listenelement für IE formatieren tomtech CSS 1 21.11.2008 01:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:48 Uhr.