Problem mit zwei Bildern

[amryyr]

jo als erstes mal: hi ^^

Also ich hab ein problem. Ich hab zwei bilder und ich möchte dass diese GANZ aneinander grenzen.. (hab keinen <br> oder <p> befehl zwischen den bildern)
Aber irgendwie ist da immernoch ein kliner abstand

D-sein

Die beiden Buttons mit "Home" links!
Da hats noch nen kleinen Abstand dazwischen...
Wie macht man den weg?

Hoffe auf baldige antwort.. mfg amryyr

 

[Deadman44]

Wär vllt. grad nützlich, wenn du den relevanten Code aus deinem Tabellengewuseldesign kopiert und hier einfügst.
THX

 

[amryyr]

<td background="images_03.gif" width="166" height="490" alt="" valign="top" cellpadding="0" cellspacing="10">
<center>

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','BUTTONHOMEAMI.gif',1)"></a>
<center>
<img src="navigation.gif" width="159" height="26">
<br>

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','BUTTONHOME2.gif',1)">
<img src="BUTTONHOME1.gif" name="Image5" width="159" height="26" border="0" cellpadding="0"></a>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','BUTTONHOME2.gif',1)">
<img src="BUTTONHOME1.gif" name="Image6" width="159" height="26" border="0" cellpadding="0"></a>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','BUTTONHOME2.gif',1)">
</a>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','BUTTONHOME2.gif',1)">
</a>

</center></td>

 

[3UGENE]

Bitte [ code] Tag benutzen wen du HTML-Code postest.

CSS:

<style type="text/css">
a {
 margin: 0px;
}

.bild {
 line-height: 26px;
 margin: 0px;
 border: 0px none;
}
</style>

Du musst diesen Bildern dann die Klasse "bild" zuweisen.

 

[gruenspan]

und was soll den dieser unfug:

<img  ... cellpadding="0" border="0" height="26" width="159">

 

[amryyr]

Mh, irgendwie krieg ichs nicht ganz gebacken.
Das mit der Klasse.. macht man das so:

<div class="bild">
bilder
</div>

oder so:

<img src="bild.jpg" height="xx" width="xx" class="bild">

Oder wie? Komm da nicht so draus :(

Aber danke für die Antwort!

@vorposter: Hab ma ausprobiert obs vielleicht an cellpadding liegt^^

 

[dasch]

also, er mein, das du eine CSS Datei schreibst, und in diese fügst du die Größenaangaben für das Bild die ein, das könnte dann so aussehen:

<style type="text/css">
.Homebild1 {
height: 20px;
}
.Homebild2 {
height: 20px;
</style>

Inklusive deines Quelltext:

<td background="images_03.gif" width="166" height="490" alt="" valign="top" cellpadding="0" cellspacing="10">
        <center>
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','BUTTONHOMEAMI.gif',1)"></a>
        <center>
            <img src="navigation.gif" width="159" height="26">
            <br>

            
              <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','BUTTONHOME2.gif',1)">
<p class="Homebild1"
              <img src="BUTTONHOME1.gif" name="Image5" width="159" height="26" border="0" cellpadding="0"></a>
</P>
             <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','BUTTONHOME2.gif',1)">    
<p class="Homebild2"
<img src="BUTTONHOME1.gif" name="Image6" width="159" height="26" border="0" cellpadding="0"></a></p>
             <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','BUTTONHOME2.gif',1)"> 
             </a>
              <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','BUTTONHOME2.gif',1)">        
            </a>
                        
            </center></td>

 

[gruenspan]

@vorposter: Hab ma ausprobiert obs vielleicht an cellpadding liegt^^

<img> hat kein attribut cellpadding