Autor |
Nachricht |
gubbel
Threadersteller
Dabei seit: 27.03.2003
Ort: Daun /Eifel
Alter: 40
Geschlecht:
|
Verfasst So 13.01.2008 22:40
Titel CSS und eigene Grafik als Listpunkte |
|
|
das Problem liegt in meinen Aufzählzeichen und wie der Text dazu läuft. D.h. sobald ein Text mehr als eine Zeile einnimmt, geht der Text unter dem Aufzählzeichen weiter, anstatt bündig mit der vorigen Zeile weiterzulaufen.
jetzt habe ich es per CSS und DIV-Layern versucht, aber das Ergebnis ist ebenfalls nicht zufriedenstellend:
<div style="float:left; width=20px;"><img src="./img/listpunkt.gif" width=15 height=15 alt="Listpunkt"></div>
<p style=" float:right; width=430px;">Dies ist ein Beispieltext, der über eine Zeile hinausgeht und optisch ein nicht zufriedenstellendes Ergebnis liefert</p><br>
wie löse ich das am Besten per CSS?
Vielen Dank schon mal!!!
|
|
|
|
|
signliner
Dabei seit: 12.09.2005
Ort: BaWü
Alter: 37
Geschlecht:
|
Verfasst So 13.01.2008 23:06
Titel
|
|
|
Warum so kompliziert?
Probier's mal mit
Code: | <ul style="list-style-type:square;">
<li>Erster Punkt</li>
</ul> |
Hilfe gibt's unter anderem hier: Css4you
Falls du die Aufzählungspunkte noch anders möchtest, als über css definierbar:
Code: | .liste {
margin:0 0 0 0px;
padding:0 0 0 0px;
list-style:none;
}
.liste li {
padding-left: 15px;
background:url(grafik);
background-repeat:no-repeat;
} |
Nur so als Anregung.
Die Grafik ist hier als Hintergrundgrafik definiert,
da es sonst, je nach Browser zu unschönen Verschiebungen kommen kann.
|
|
|
|
|
Anzeige
|
|
|
gubbel
Threadersteller
Dabei seit: 27.03.2003
Ort: Daun /Eifel
Alter: 40
Geschlecht:
|
Verfasst So 13.01.2008 23:25
Titel
|
|
|
vielen Dank für deine Antwort.
Diesen Lösungsweg kenne ich, kommt für mich jedoch nicht in Frage, da durch das ul-tag das ganze um einen Tab nach rechts verschoben wird, was ich aber nicht möchte.
Ich gehe mal deinem angegebenen Link nach und schau, ob ich da eine Antwort finde.
|
|
|
|
|
signliner
Dabei seit: 12.09.2005
Ort: BaWü
Alter: 37
Geschlecht:
|
Verfasst So 13.01.2008 23:29
Titel
|
|
|
gubbel hat geschrieben: |
Diesen Lösungsweg kenne ich, kommt für mich jedoch nicht in Frage, da durch das ul-tag das ganze um einen Tab nach rechts verschoben wird, was ich aber nicht möchte.
|
Einfach padding und margin auf null und es bleibt am Rand!
|
|
|
|
|
gubbel
Threadersteller
Dabei seit: 27.03.2003
Ort: Daun /Eifel
Alter: 40
Geschlecht:
|
Verfasst So 13.01.2008 23:47
Titel
|
|
|
hey, vielen Dank nochmals,
hatte es inzwischen auch herausbekommen. Eigentlich super einfach, wenn man es weiß. Sorry, aber ich war diesmal einfach zu faul im Web nachzusuchen...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Flash- Bei Grafik-Mouseover soll Grafik vergrößert werden.
Eigene Pinsel
eigene Homepage
Eigene Dreamweavervorlagen?
eigene App für Mobile erstellen
iFrame / eigene Scrollbalken
|
|