mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 23:29 Benutzername: Passwort: Auto-Login

Thema: CSS und eigene Grafik als Listpunkte vom 13.01.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> CSS und eigene Grafik als Listpunkte
Autor Nachricht
gubbel
Threadersteller

Dabei seit: 27.03.2003
Ort: Daun /Eifel
Alter: 40
Geschlecht: Männlich
Verfasst So 13.01.2008 22:40
Titel

CSS und eigene Grafik als Listpunkte

Antworten mit Zitat Zum Seitenanfang

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!!!
  View user's profile Private Nachricht senden
signliner

Dabei seit: 12.09.2005
Ort: BaWü
Alter: 37
Geschlecht: Männlich
Verfasst So 13.01.2008 23:06
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
gubbel
Threadersteller

Dabei seit: 27.03.2003
Ort: Daun /Eifel
Alter: 40
Geschlecht: Männlich
Verfasst So 13.01.2008 23:25
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
signliner

Dabei seit: 12.09.2005
Ort: BaWü
Alter: 37
Geschlecht: Männlich
Verfasst So 13.01.2008 23:29
Titel

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
gubbel
Threadersteller

Dabei seit: 27.03.2003
Ort: Daun /Eifel
Alter: 40
Geschlecht: Männlich
Verfasst So 13.01.2008 23:47
Titel

Antworten mit Zitat Zum Seitenanfang

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...
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.