[XHTML/CSS] Wo ist mein Denkfehler ? Der Freiraum will nicht weg *geklärt*

theHacker

theHacker

sieht vor lauter Ads den Content nicht mehr
Teammitglied
ID: 69505
L
20 April 2006
22.682
1.316
Huhuu.

Was mach ich falsch ? Ich hab sogar schon
Code: 
* { margin: 0; padding: 0; }
gesetzt und nix ging.

Wie krieg ich das hin, dass die grünen Pixel unter dem Bild verschwinden ?



HTML: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Test</title>

<style type="text/css">
<!--
div#a {
  background: #00ff00;
}
-->
</style>

</head>

<body>
  <div id="a">
    X<br />X<br />X<br />X<br />
    <img src="test.gif" style="width: 100px; height: 50px;" alt="Dummy" />
  </div>
</body>
</html>
 
Ich weiss nicht, ob's Dir wirklich weiterhelfen wird, aber setz beim <img> das Display auf block, dann verschwindet der Zwischenraum.

[edit]

Alternativ ginge auch ein margin-bottom: -4px.
 
tleilax schrieb:
Ich weiss nicht, ob's Dir wirklich weiterhelfen wird, aber setz beim <img> das Display auf block, dann verschwindet der Zwischenraum.
Zum Vergrößern anklicken....
Ja, das hilft mir weiter. Danke :)

Ich bin grade eben auf
Code: 
position: relative;
top: 3px;
gekommen, aber das gefällt mir nicht wirklich. Da is das Blocken schon schöner.

Wer noch ne Idee hat, woher diese 3 Pixel überhaupt herkommen, gerne posten.
 
der abstand kommt durch die zeilen höhe... zb wenn du
PHP: 
div#a img {
	vertical-align: bottom;
}
machst ist der abstand auch weg... würde aber drotzdem block nehmen da es sinniger ist.
 
jetzt spiel mal ne runde mit textgrößen rum, dann wirst du was feststellen ;)
hatte das selbe auch mal, warum das so war hab ich im web gefunden.
Der Grund liegt darin, das ein Text eine Unterlänge, eine Oberlänge und die Grundline besitzt. Das Bild wird hier an der Grundlinie des Textes ausgerichtet und nicht an der Unterlänge.
Zum Vergrößern anklicken....
 
Cool danke.

Dann macht das auch Sinn, warums bei tleilax 4 Pixel waren und bei mir 3 Pixel. Wegen unterschiedlicher Schriftgrößen :idea:
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben