3 svar · 195 visningar · startad av KalsongCesar
Har en tabell som ska vara en meny med underrubriker.
Dvs 5 columner där första columnen bara är en distans till vänsterkanten, sedan följer rubrikerna med olika nivåer enl följande.
<TABLE border="1" WIDTH="150" cellspacing="0" cellpadding="0">
<TR>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('1',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
<TD valign="middle" colspan=4><A href="javaScript:parent.reDisplay('1',false)" >RUBRIK 1</A></TD>
</TR>
<TR>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3',true);"><IMG src="/start/Images/minus.gif" border=0></A></TD>
<TD valign="middle" colspan=4><A href="javaScript:parent.reDisplay('3',true)" >RUBRIK 2</A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.1',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.1',false)" >Under 2.1 </A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2',true);"><IMG src="/start/Images/minus.gif" border=0></A></TD>
<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.2',true)" >Under 2.2 </A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2.1',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
<TD valign="middle" colspan=2><A href="javaScript:parent.reDisplay('3.2.1',false)" >avd 2.2.1 </A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2.2',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
<TD valign="middle" colspan=2><A href="javaScript:parent.reDisplay('3.2.2',false)" >avd 2.2.2</A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2.3',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
<TD valign="middle" colspan=2><A href="javaScript:parent.reDisplay('3.2.3',false)" >avd 2.2.3 </A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2.4',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
<TD valign="middle" colspan=2><A href="javaScript:parent.reDisplay('3.2.4',false)" >avd 2.2.4 </A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.3',false);"><IMG src="/start/Images/plus.gif" border=0></A></TD>
<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.3',false)" >Under 2.3 </A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.4',false);"><IMG src="/start/Images/plus.gif" border=0></A></TD>
<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.4',false)" >Under 2.4 </A></TD>
</TR>
<TR>
<TD width="1" align="left"> </TD>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.5',false);"><IMG src="/start/Images/plus.gif" border=0></A></TD>
<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.5',false)" >Under 2.5 </A></TD>
</TR>
<TR>
<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('4',false);"><IMG src="/start/Images/plus.gif" border=0></A></TD>
<TD valign="middle" colspan=4><A href="javaScript:parent.reDisplay('4',false)" >RUBRIK 3 </A></TD>
</TR>
</table>
Denna hiearki ser bra ut i explorer men har en netscape 4.51 samt en explorer i mac och testar på och det ser för dj*ligt ut. Avståndet i de tomma cellerna blir alldeles för stora med földen att texten inte syns i menyn iom att jag kör den i en frames.
Ngn som ser ngt eller vet ngt som kan hjälpa mig?? Så tacksam för alla svar.
Hmm - Utan att ha testat koden kan jag tipsa dig om att inte köra med "tomma celler" om du vill/har krav på dig att din kod skall fungera i NN4.X... Kör med
<td><img src="en_pixel_stor_genomskinlig.gif"></td>
istället...
Just NN4 är orsaken till att "enpixelgifar" överhuvudtaget började användas som utfyllnad i tabellceller en gång i tiden
Tack.. men jag får samma resultat. Även med pixel som jag anger sorlek på. Verka som om det är första cellen under den första colspan som sätter hur brett det ska vara..
<TR><TD colspan=5>Rubrikhuvud</TD></TR>
<TR>
<TD height=18 valign="middle" width="10"><IMG src="/start/Images/leaf.gif" border=0 width=10></TD>
<TD valign="middle" colspan=4><A href="javaScript:parent.reDisplay('1',false)" >RUBRIK 1</A></TD>
</TR>
Gör att första "tomma" cellen blir alldeles för bred.. jag blir inte klok på det här.
Hmm...
Men vänta nu...
Du har fem kolumner på varje rad...
Den första är "indrag"...
Men kolla värdena du sätter på den första kolumnen på de olika raderna!
<TABLE border="1" WIDTH="150" cellspacing="0" cellpadding="0">
<TR>
<TD height=18 valign="middle" [b]width="10"[/b]>...
...
</TR>
<TR>
<TD height=18 valign="middle" [b]width="10"[/b]>...</TR>
...
<TR>
<TD [b]width="1"[/b] align="left"> </TD>
...
</TR>
<TR>
<TD [b]width="1"[/b] align="left"> </TD>
...
</TR>
Ser du problemet ?
(alla celler i en kolumn skall automatiskt få samma bredd oavsett om man anger olika i koden) ;)