zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div img space entfernen ohne float

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.08.2013, 22:18
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.09.2011
Beiträge: 41
Philidor befindet sich auf einem aufstrebenden Ast
Standard div img space entfernen ohne float

Hallo miteinander,

HTML-Code:
div { white-space: nowrap; }
img { display: inline; }
... liefert das gewünschte Ergebnis nebeneinander gestellter Bilder, die einen horizontalen Scroll erzwingen.
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!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.08.2013, 23:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Entferne den Whitespace zwischen den Bildern im Quellcode.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.08.2013, 23:41
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.09.2011
Beiträge: 41
Philidor befindet sich auf einem aufstrebenden Ast
Standard

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>
Gewünscht ist eine horizontale Anordnung von Bildern auf den der Info-Text folgt. Ich schaffe es jedoch nicht, das info-div richtig zu positionieren.
Weiß jemand Rat?
Mit Zitat antworten
  #4 (permalink)  
Alt 18.08.2013, 00:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 18.08.2013, 00:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.09.2011
Beiträge: 41
Philidor befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 18.08.2013, 00:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Setz das Element #info nach das letzte Bild; nicht gefloatet, sondern als inline-block mit passendem vertical-align.
Mit Zitat antworten
  #7 (permalink)  
Alt 18.08.2013, 00:28
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.09.2011
Beiträge: 41
Philidor befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #8 (permalink)  
Alt 18.08.2013, 01:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

DOCTYPE-Switch: Unerklärliche Lücken zwischen Elementen
Mit Zitat antworten
  #9 (permalink)  
Alt 18.08.2013, 01:40
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

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.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:30 Uhr.