|
|||
div img space entfernen ohne float
Hallo miteinander,
HTML-Code:
div { white-space: nowrap; } img { display: inline; } Ich möchte den Abstand zwischen den einzelnen Bildern entfernen. "float: left;" ist ausgeschlossen. Gibt es noch eine andere Möglichkeit, als dem div ein "font-size: 0px;" zu verpassen? Vielen Dank! |
Sponsored Links |
|
|||
Entferne den Whitespace zwischen den Bildern im Quellcode.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Gibt es zwecks der Übersichtlichkeit noch eine Methode?
Darüber hinaus stehe ich jetzt vor einem weiteren Problem: HTML-Code:
#image-strip { white-space: nowrap; float: left; } #info { float: left; } img { display: inline; } HTML-Code:
<div id="content"> <div id="image-strip"> <img src="1.jpg"> <img src="1.jpg"> <img src="1.jpg"> <img src="1.jpg"> <img src="1.jpg"> </div> <div id="info"> Hier steht ein Text zum Image-Strip. </div> </div> Weiß jemand Rat? |
|
|||
Du kannst den Whitespace auch auskommentieren.
Ich habe keine Ahnung, was für dich "richtig" sein soll. Positionierung hast du doch überhaupt keine in deinem Schnipsel. Bitte poste einen Link zum Problem und erklär, was du erreichen willst und was an dem, was du machst, nicht deinen Erwartungen entspricht. http://xhtmlforum.de/40080-f-r-frage...twortende.html
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Web Test
Der Info-Text soll am rechten Rand platziert werden, so als wäre er ein weiteres Bild. Float und nowrap haben mir dabei nicht geholfen. Eine fixe breite kann ich für "image-strip" nicht angeben. |
|
|||
Setz das Element #info nach das letzte Bild; nicht gefloatet, sondern als inline-block mit passendem vertical-align.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Danke! Ich war der Meinung, dass ich das schon probiert hatte, da muss mir ein kleiner Fehler unterlaufen sein.
Kannst du mir sagen, woher dieser schwarze Streifen am unteren Ende kommt, nachdem ich #image-strip eingefärbt habe? |
|
|||
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Auch immer wieder hilfreich ist es; die Seite validieren zu lassen.
Da kommen dann die Fehler ans Licht. [Invalid] Markup Validation of http://www.julian-urabl.com/web-test/index.html - W3C Markup Validator
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Webseite für Smartphones Optimieren | Cybertronic | CSS | 8 | 18.08.2011 10:16 |
Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 21:24 |
float wird ignoriert? nach änderung Dokumenttypdeklaration ! | caja13 | (X)HTML | 13 | 07.07.2008 14:00 |
Testcase: float, overflow: hidden; und alte Geckos... | heiko_rs | CSS | 0 | 19.11.2007 22:26 |
Zeilenumbruch bei horizontal nebeneinanderliegenden divs | GrafZahl | Knowledge Base | 10 | 16.07.2004 17:13 |