Tutorial HTML, CSS u. PHP - Forum

von **lauras** » Montag 9. Januar 2012, 19:09

Du kannst nicht auf ein "probier doch mal und schau was bei rauskommt" mit einem "das funktioniert nicht" antworten.. Das macht keinen Sinn..

von **Yamram** » Montag 9. Januar 2012, 19:30

Ja, okay: Bei sämtlichen Versuchen mit float und clear gab es keine Änderung. Nichts wurde irgendwie verschoben.

von **lauras** » Montag 9. Januar 2012, 21:04

Dann hast du wohl was falsch gemacht.

von **Yamram** » Dienstag 10. Januar 2012, 16:12

Was kann/ soll ich denn falsch gemacht haben?

von **lauras** » Dienstag 10. Januar 2012, 21:30

Wenn du sämtliche Kombinationen von float und clear ausprobiert hast und alles gleich aussieht, musst du zwangsläufig was falsch gemacht haben. Was musst du wohl selber wissen/herausfinden.

von **SilverLion** » Mittwoch 11. Januar 2012, 10:57

Vorschlag:

poste doch einfach mal Deinen Code, dann können wir uns den anschauen und Dir Hinweise geben, wo Du ansetzen kannst!

LG vom Löwen!

von **Yamram** » Mittwoch 11. Januar 2012, 16:02

Ich habe das jetzt anders geregelt -> Tabelle. Aber Danke trotzdem

von **drPHIP132** » Mittwoch 11. Januar 2012, 16:09

yamram hat geschrieben:Ich habe das jetzt anders geregelt -> Tabelle. Aber Danke trotzdem

Kompromisse sind aber doof.
Wenn du zum Beispiel in der Agentur arbeitest musst du es so machen wie der Kunde es will und nicht ein Kompromiss eingehen.
Habe nix dagegen wenn du das so machst aber ich meine ja nur. =)

von **lauras** » Mittwoch 11. Januar 2012, 16:11

Wenn du in einer Englisch-Klausur in der Schule nicht antworten kannst, schreibst du dann auch auf Deutsch? Was ist denn das für ne Herangehensweise..

von **Yamram** » Mittwoch 11. Januar 2012, 16:16

Erstens war ich in diesem Fall der Kunde und zweitens habe ich rumprobiert. Das hat nicht funktioniert und da ich auch nicht Tage für so eine kleine Sachen warten kann/ will, habe ich nun Tabellen benutzt auf Rat von webmaster3000:

Ansonsten musst du eine Tabelle nehmen.

von **lauras** » Mittwoch 11. Januar 2012, 16:39

Und irgendwann stehst du wieder vor dem gleichen Problem.. so lernst dus ja nie..

von **Yamram** » Mittwoch 11. Januar 2012, 17:27

ja, okay

Dann hast du jetzt gewonnen. Also folgende Situation liegt vor:

Es gibt eine Aufzählung, bei der die Bilder eigentlich zu groß sind, ich sie aber nicht kleiner machen möchte. Die Schriftgröße möchte ich jedoch auch nicht ändern. Deshalb möchte ich den Text und das Bild auf die gleiche Höhe platzieren. Bisher sieht der Code so aus:

Code: Alles auswählen: <!DOCTYPE html> <html> <head> <title> TEST </title> <style type="text/css"> body { padding: 100px; background: #1f7fbb; } ul { background: #3e3e3e; color: #ffff00; vertical-align: middle; padding: 40px; } ul li { list-style: url(images/files/file_extension_png.png); background: #aaaaaa; border: 1px solid lime; margin: 10px; } </style> </head> <body> <ul> <li>Eins</li> <li>Zwei</li> <li>Drei</li> <li>Vier</li> <li>Fünf</li> </ul> </body> </html>

Das ergibt folgendes:

Warum ich das so ausführlich dokumentiere? Ich möchte nicht durcheinander kommen.

von **lauras** » Mittwoch 11. Januar 2012, 17:59

Was spricht dagegen, einfach das Bild nicht als list-style, sondern als background-image einzubinden und es dann ganz normal zu positionieren?

von **Yamram** » Mittwoch 11. Januar 2012, 18:22

Den Rahmen habe ich jetzt einfach mal weggelassen, da das doof aussieht. Dann habe ich noch ein bisschen padding eingestellt. Das würde dann so aussehen:

Joa, das ist eine Lösung ;) Der Code sieht nun so aus:

Code: Alles auswählen: <!DOCTYPE html> <html> <head> <title> TEST </title> <style type="text/css"> body { padding: 100px; background: #1f7fbb; } ul { background: #3e3e3e; color: #ffff00; padding: 40px; } ul li { list-style: none; background: url(images/files/file_extension_png.png) top left no-repeat; margin: 10px; padding: 2px; } </style> </head> <body> <ul> <li>Eins</li> <li>Zwei</li> <li>Drei</li> <li>Vier</li> <li>Fünf</li> </ul> </body> </html>

Tutorial HTML, CSS u. PHP - Forum

automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Re: automatische Einrückung von Browsern bei Aufzählungen

Wer ist online?