zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Abstand zwischen Bildern soll weg

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.06.2005, 15:19
Benutzerbild von riot
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.09.2004
Beiträge: 195
riot befindet sich auf einem aufstrebenden Ast
Standard Abstand zwischen Bildern soll weg

Hallo,

Ich habe eine Aneinanderreihung von Bilder zwischen denen kein Abstand sein soll.
Ich habe schon Margin, Padding, Border auf 0 gestellt aber es ist immernoch ein Abstand da. Es sieht fast wie ein Leerzeichen!

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
      <style type="text/css"> 
      img {
				border:none;
				margin:0;
				padding:0;
			}
	</style>
  </head>
  <body class="detail_body" style="background-color:#7EA4EC; font-size:7pt">
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img]
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img]
     "ohne"

     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_empty.gif[/img]
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img]
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img]
     "Raumgröße"

  </body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.06.2005, 15:25
Philippp
Gast
 
Beiträge: n/a
Standard

Probiers doch mal mit display:block; . Dann brauchst du die breaks auch nicht mehr.
Gruß, Philippp
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.06.2005, 15:28
Benutzerbild von riot
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.09.2004
Beiträge: 195
riot befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Philippp
Probiers doch mal mit display:block; . Dann brauchst du die breaks auch nicht mehr.
Gruß, Philippp
Du hast dir das Beispiel nicht angesehen...oder?
Mit Zitat antworten
  #4 (permalink)  
Alt 28.06.2005, 15:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

mach mal global alle paddings und margins auf Null
Code:
* padding: 0;
margin: 0;
}
tritt der Abstand dann noch auf?
Einem IMG ein padding zuzuweisen wird es nicht beheben, aus "Sicht" des IMG ist margin der Abstand zum nächsten Element.
Mit Zitat antworten
  #5 (permalink)  
Alt 28.06.2005, 15:34
Philippp
Gast
 
Beiträge: n/a
Standard

Oh, hast recht, die Wörter habe ich übersehen. Stell die ganze Sache doch mal online. Mit den Bildern.
Gruß, Philippp
Mit Zitat antworten
  #6 (permalink)  
Alt 28.06.2005, 15:41
Benutzerbild von riot
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.09.2004
Beiträge: 195
riot befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von mazzo
mach mal global alle paddings und margins auf Null
Code:
* padding: 0;
margin: 0;
}
tritt der Abstand dann noch auf?
hilft nicht!

Zitat:
Zitat von mazzo
Einem IMG ein padding zuzuweisen wird es nicht beheben, aus "Sicht" des IMG ist margin der Abstand zum nächsten Element.
Ich weiß war nur Verzweiflung. Mit einem negativen Margin geht es, aber ich will kein negatives Margin...

Zitat:
Zitat von Philippp
Oh, hast recht, die Wörter habe ich übersehen. Stell die ganze Sache doch mal online. Mit den Bildern.
Gruß, Philippp
Wieder nicht richtig geschaut, das Beispiel kannst du so wie es ist auf deinem Rechner ausführen...
Mit Zitat antworten
  #7 (permalink)  
Alt 28.06.2005, 15:45
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Mach mal die Abstände im Quelltext raus. Das hat das Problem gelöst. (Den Grund kann ich nur vermuten.)
Generell würde ich um deine img irgendwas drum machen, sei es ein

oder ein anderes semantisch korrektes Element, in welchem " " vorkommen dürfen.



grüsse andir
__________________
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
Mit Zitat antworten
  #8 (permalink)  
Alt 28.06.2005, 15:52
Benutzerbild von riot
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.09.2004
Beiträge: 195
riot befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von andir
Mach mal die Abstände im Quelltext raus. Das hat das Problem gelöst. (Den Grund kann ich nur vermuten.)
Generell würde ich um deine img irgendwas drum machen, sei es ein

oder ein anderes semantisch korrektes Element, in welchem " " vorkommen dürfen.
grüsse andir
Also nimmt er die Abstände zwischen den Bildern im Quelltext als Leerzeichen , irgendwie auch logisch nur brauche ich es hier nicht. Werde es mal mit float probieren...
Mit Zitat antworten
  #9 (permalink)  
Alt 28.06.2005, 15:59
Philippp
Gast
 
Beiträge: n/a
Standard

So funktioniert es.
In der Regel habe ich keine Lust erst meinen Editor zu öffnen. Ich lade lieber direkt runter. Das ist schneller und bequemer. Außerdem kann man mittels der developer Toolbar direkt die CSS bearbeiten. Zumindest wenn sie extern ist, was ich dir genau so empfehlen möchte wie auf px umzusatteln. pt wurde für den Druck erfunden. Eigentlich nimmt man em. Aber damit kommst du bei deinem Beispiel wahrscheinlich nicht so weit.

Beim Quelltext fehlt eigentlich noch ein clear. Besser gesagt 2. Aber IE6, Opera 8 und FF haben mir keine Fehler angezeigt.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
      <style type="text/css">
      * {margin:0px; padding:0px;}
      body {background-color:#7EA4EC; font-size:7pt}
      img {height:16px; width:16px; display:block; float:left;}
   </style>
  </head>
  <body>
  <div>
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img]
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img]
     "ohne"
  </div>
  <div>
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_empty.gif[/img]
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img]
     [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img]
     "Raumgröße"
  </div>
  </body>
</html>
Gruß, Philippp
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.06.2005, 16:16
Benutzerbild von riot
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.09.2004
Beiträge: 195
riot befindet sich auf einem aufstrebenden Ast
Standard

@Philippp

deins Funktioniert leider nur bei einer Schriftgöße.

Habe aber eine Lösung die bei mehreren Schriftgrößen funktionieren...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
      <style type="text/css">

      img {
				border:0;
				margin:0;
				float:left;
			}
			span {
				padding-left:10px;
			}
			p {
	 			margin:0;
	 			padding:0;
	 			clear:both;
 			}
	</style>
  </head>
  <body class="detail_body" style="background-color:#7EA4EC; font-size:12px">
     

[img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img]
		 [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img]
		 <span>ohne</span></p>
		 

[img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_empty.gif[/img]
		 [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_angle.gif[/img]
		 [img]http://www.delphi-bazaar.de/baum_test/konfigurator/pic/tree_node.gif[/img]
		 <span>Raumgröße</span></p>
  </body>
</html>
Danke an alle.
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
mysteriöser Hovereffekt bei Bildern smile! CSS 7 18.02.2010 18:28
Abstände zwischen img wollen nicht weg Lili0312 CSS 2 03.09.2008 19:57
MF Rand bei Bildern (am unteren Ende) FeriX CSS 5 02.05.2008 18:37
Variabler Zwischenraum von Bildern... kick CSS 13 02.02.2006 13:54
template mit bildern cssmichl CSS 5 10.05.2005 11:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:03 Uhr.