|
|||
Text umfließt Bild - Probleme mit Aufzählungszeichen
Hallo,
ich poste mein Problem mal hier, mit der Hoffnung, dass mir wer weiterhelfen kann - ich suche den Fehler schon ewig, aber komm einfach nicht dahinter: Ich habe auf meiner Seite ein Bild, das von Text umflossen wird. Funktioniert alles ganz gut, nur im Firefox 3 ragen die Aufzählungszeichen bei der Verwendung von Listenelementen aus dem div herraus in das Bild. Mein Code: HTML-Code:
<div class="rubrik_pic"><img alt="sunflower.jpg" src="http://www.falschparken.at/webknecht/allgemein/imgLoader.php?id=1379"/></div> <div class="rubrik_text"><ul> <li><strong>Februar 2008:</strong> die <span style="text-decoration: underline;">erste Version</span> von traumhoefe.at geht online</li> <li><strong>Juni 2008:</strong> <span style="text-decoration: underline;">108 Salzburger Orte</span> wurden <span style="text-decoration: underline;">erfasst</span>: Jeder Eintrag enthält ein Ortsfoto, eine detaillierte Beschreibung (Geschichte, Wirtschaft, Fremdenverkehr,...) sowie lokale Sehenswürdigkeiten.</li> </ul></div> HTML-Code:
#content table {style.css (Linie 266) border-collapse:collapse; font-size:100%; text-align:left; } .rubrik_pic {style_we...necht.css (Linie 227) float:left; margin:5px; } Bitte um Hilfe! |
Sponsored Links |
|
|||
Code:
ul { list-style-position: inside; }
__________________
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 Geändert von andir (19.02.2009 um 16:53 Uhr) |
Sponsored Links |
|
|||
Vielen Dank für die Antwort.
List-style-position rückt zwar die Punkte ein, aber bei mehr als einer Zeile wird der Text nicht mehr eingerückt (ist so gewünscht). Gibts dafür auch eine Lösung? |
|
|||
hallo..
hab mir den source mal auf der website die du gepostet hast angesehen. probiers mal so: .rubrik_test { float: left; } denn du hast vergessen das du den den text floatest. oder hab ich da was falsch verstanden? |
|
|||
Zitat:
Code:
<ul style="list-style-type: none;"> Wenn die gewünscht sind: Lass es so wie es bisher war und vergib dem floatenden div picture eine Breite von 220 px. Eine definierte Breite für floatende Elemente zu vergeben ist sowieso immer eine gute Idee....
__________________
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 |
|
|||
Hallo.
Naja, list-style-type: none; hilft mir leider nicht weiter, denn ich möchte ja die Bullets behalten. Ich hab selbst schon früher darüber nachgedacht, list-style-type: none zu benutzen und dann selbst definierte buttons über background-images einzufügen, aber das erschien mir zu kompliziert. Der Ansatz, dem Bild eine fixe Breite zu geben, ist nicht optimal, da ich ein CMS realisiert habe und die Bildbreiten beliebig variieren können. Es muss für dieses Problem doch irgendeine "einfache" Lösung geben!? |
|
||||
Zitat:
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Float:right fehler im IE6 | gertnaster | CSS | 9 | 04.01.2011 21:59 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 13:08 |
Grafik in einer Tabellenzelle rechts unten ausrichten ? | Worance | CSS | 1 | 19.11.2006 15:09 |
Text Position | barca | CSS | 14 | 10.05.2006 11:25 |