9 svar · 342 visningar · startad av sorhh
Hej!
Jag har ett litet tabellproblem.
Jag vill att A, B och C skall ligga högst upp oavsett hur hög pic.gif är. Den skall kunna vara 1000 pix hög lika gärna som 100.
Jag har försökt med det mesta och placerat valign="top" på lite olika platser men inget har fungerat.
Därför söker jag nu hjälp här och hoppas att någon kan lösa detta åt mig.
Jag har bifogat en bild för att visa lite mer hur jag menar.
(1) visar hur det är nu.
(2) visar hur jag vill ha det.
Tack på förhand!
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD>A</TD>
<TD ROWSPAN="3"><IMG SRC="pic.gif" HEIGHT="100"></TD>
</TR>
<TR>
<TD>B</TD>
</TR>
<TR>
<TD>C</TD>
</TR>
</TABLE>
Detta kanske kan duga.
[red]
<table style='border: solid 1px #000;'>
<tr>
<td style='width: 200px; vertical-align: top;'>
<table>
<tr>
<td>
a
</td>
</tr>
<tr>
<td>
b
</td>
</tr>
<tr>
<td>
c
</td>
</tr>
</table>
</td>
<td style='width: 400px; text-align: center; height: 500px;'>
3
</td>
</tr>
</table>
[/red]
mv icaaq
Javisst, det där skulle fungera. Jag vill dock undvika att placera tabeller i tabeller.
Någon som vet hur jag kan lösa detta?
Tack för ditt svar, icaaq!
Jag tror inte att du får någon bättre lösning. Kanske finns någon css-property men det är väl bara i Mozilla den funkar ändå så det är inte lönt. Vad är det för fel på tabeller i tabeller?
Hmm...
Så fort man använder ROWSPAN vill MSIE fördela höjden av kolumnerna A, B och C lika (oavsett om man sedan sätter height: på några av dem eller ej)...
Så, som Cheguelin också säger, troligen finns ingen lösning så länge du vill köra ROWSPAN pga MSIE:s tolkning av W3C-standard 
Kanske detta kan va en lösning!
<HTML>
<HEAD>
<STYLE TYPE=TEXT/CSS>
<!--
BODY {background-color:gray;}
TABLE {width:100%; height:100%; border-collapse:collapse; border:1px solid black;}
.left {background-color:green; width:8%; height:100%; padding:5px; vertical-align:top;}
.right {background-color:blue; width:92%; height:100%; border:1px solid black;}
-->
</STYLE>
</HEAD>
<BODY>
<table>
<tr>
<td class=left>
<img src=dinbild1.jpg width=50 height=50 >
<img src=dinbild2.jpg width=80 height=60 >
<img src=dinbild3.jpg width=50 height=100 >
</td>
<td class=right></td>
</tr>
</table>
</BODY>
</HTML>
Alltså, även om det fanns en css-property som fixade till "felet" så skulle det inte se särskilt elegant ut. Tabeller är ju inte till för att fixa en snygg layout, så jag tycker att det är bra att cellhöjderna fördelas jämt (dock inte om man sätter height), det är snyggast så. Men en tabell i cellen är en bra lösning och faktiskt den mest eleganta lösningen man kan få. bossse, var lite mer konsekvent alltså. Jag förstår inte varför du skriver vissa taggar i uppercase och andra i lower. Det är snyggast om du skriver allt i lower- eller uppercase, och då föreslår jag att du skriver allt i lowercase.
Okej, tack för alla svar! Jag kör nog på en tabell i cellen trots allt då.
Jag har dock hört att man skall undvika tabeller i tabeller. Det skulle tydligen påverka laddningstiden avsevärt. Stämmer detta eller är det överreklamerat?
I en miljö där folk har "hyfsat snabba" datorer, kör med "moderna" webbläsare och sitter uppkopplade med "bättre än modem"-anslutningar är det nog överreklamerat
Och har du bara en tabell i en annan spelar det troligen ingen som helst roll prestandamässigt - men har du ett par dussin tabeller i samma tabell med några hundra rader hit eller dit så kanske ...
Hehe, jamen dåså. Jag tackar och bugar för all hjälp.