So ich hab hier mal ein Design am für mein neuestes Projekt. Problem ist im Bild mit einem kleinem Pfeil gekennzeichnet... (ich hab einmal den border auf 1 damit mans genau sieht worans liegt)
Die Kagge ist nur die, dass dieser Abstand nur vorhanden ist wenn der Text (hier "Bla") kürzer ist als die eingebettete Tabelle die das Menü beinhaltet... und welche Frage auch, dieser Fehler tritt bei mir nur im Windoof mit IE6 auf... im Linux mit dem Konqui nicht...
Der Fehler MUSS aber weg... ich tüftel schon ewig dran rum aber meint ihr ich würd ma rausfinden worans liegt?! *grml*
Lange Rede kurzer Sinn: Hier erstma der Code
ich bin wirklich schon am verzweifeln ich komm mir vor wie ein Depperle
Ich hoff ihr habt ne Lösung...
PS: der Code ist nochnet Fertig, also teils ist er noch ziemlich "Photoshopdumm"
Die Kagge ist nur die, dass dieser Abstand nur vorhanden ist wenn der Text (hier "Bla") kürzer ist als die eingebettete Tabelle die das Menü beinhaltet... und welche Frage auch, dieser Fehler tritt bei mir nur im Windoof mit IE6 auf... im Linux mit dem Konqui nicht...
Der Fehler MUSS aber weg... ich tüftel schon ewig dran rum aber meint ihr ich würd ma rausfinden worans liegt?! *grml*
Lange Rede kurzer Sinn: Hier erstma der Code
Code:
<table width="750" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="200" height="150" rowspan="5"> <img src="_images/Slice_01.jpg" width="200" height="150" alt="" /></td> <td width="506" height="6" colspan="3"> <img src="_images/Slice_02.jpg" width="506" height="6" alt="" /></td> # Hier in der Gegend vermute ich das Problem?! Bzw dies ist eine der zu großen Zellen <td width="12" height="165" rowspan="6" valign="top"> <img src="_images/Slice_03.jpg" width="12" height="165" alt="" /></td> <td width="32" height="165" rowspan="6" valign="top"> <img src="_images/Slice_04.jpg" width="32" height="165" alt="" /></td> </tr> <tr> <td width="38" height="129" colspan="2" rowspan="3"> <img src="_images/Slice_05.jpg" width="38" height="129" alt="" /></td> <td width="468" height="60"> advertisment</td> </tr> <tr> <td width="468" height="4"> <img src="_images/Slice_07.jpg" width="468" height="4" alt="" /></td> </tr> <tr> <td width="468" height="65"> <img src="_images/Slice_08.jpg" width="468" height="65" alt="" /></td> </tr> <tr> <td width="506" height="15" colspan="3"> <img src="_images/Slice_09.gif" width="506" height="15" alt="" /></td> </tr> <tr> <td width="200" rowspan="2" style="background-image:url('bg_left.jpg');" valign="top"> <table width="200" border="0" cellpadding="0" cellspacing="0"> <tr> <form action="#" method="post"> <td width="150" height="99" align="left" valign="middle" style="background-image:url('_images/menu/Slice_01.gif');"> <input type="text" style="width:125px;" /><br /> <input type="password" style="width:125px;" /><br /> <input type="submit" value="Login" style="width:60px;" /> </td> </form> <td width="50" height="101" rowspan="2"> <img src="_images/menu/Slice_02.jpg" width="50" height="101" alt="" /></td> </tr> <tr> <td width="150" height="2"> <img src="_images/menu/Slice_03.jpg" width="150" height="2" alt="" /></td> </tr> <tr> <td width="200" height="22" colspan="2"> <img src="_images/menu/Slice_04.jpg" width="200" height="22" alt="" /></td> </tr> <tr> <td width="200" height="1" colspan="2"> <img src="_images/menu/Slice_05.jpg" width="200" height="1" alt="" /></td> </tr> <tr> <td width="200" height="22" colspan="2"> <img src="_images/menu/Slice_06.jpg" width="200" height="22" alt="" /></td> </tr> <tr> <td width="200" height="1" colspan="2"> <img src="_images/menu/Slice_07.jpg" width="200" height="1" alt="" /></td> </tr> <tr> <td width="200" height="22" colspan="2"> <img src="_images/menu/Slice_08.jpg" width="200" height="22" alt="" /></td> </tr> </table> </td> <td width="506" height="15" colspan="3" valign="top"> <img src="_images/Slice_11.jpg" width="506" height="15" alt="" /></td> </tr> <tr> <td width="15" style="background-image:url('left_shade.jpg');"></td> <td width="535" colspan="4" valign="top"> bla </td> </tr> <tr> <td width="200" height="1"> <img src="_images/spacer.gif" width="200" height="1" alt="" /></td> <td width="15" height="1"> <img src="_images/spacer.gif" width="15" height="1" alt="" /></td> <td width="23" height="1"> <img src="_images/spacer.gif" width="23" height="1" alt="" /></td> <td width="468" height="1"> <img src="_images/spacer.gif" width="468" height="1" alt="" /></td> <td width="12" height="1"> <img src="_images/spacer.gif" width="12" height="1" alt="" /></td> <td width="32" height="1"> <img src="_images/spacer.gif" width="32" height="1" alt="" /></td> </tr> </table>
Ich hoff ihr habt ne Lösung...
PS: der Code ist nochnet Fertig, also teils ist er noch ziemlich "Photoshopdumm"
Kommentar