13. december 2006 - 06:11Der er
6 kommentarer og 1 løsning
tabel med variabel størrelse
Hej
Jeg han en tabel som ligner denne tegning: --------- |A| C |A| |B| |B| ---------
A og B er <td>'er som faktisk bare indeholder en fancy grafisk kant til tabellen. Grafikken er sat som baggrund i TD'erne og det er så meningen at denne kant skal blive længere (background repeat) alt efter hvor meget indhold der er i 'C' feltet.
A felterne har fået faste værdier for højden: <td width="27" height="256" valign="top" background="kant_A.jpg"></td>
B felterne har ingen værdier for højde: <td background="images/kant_B.jpg" width="27"></td>
Men til min store irritation er det alligevel A felterne som udvider sig (i højden) når der kommer meget indhold i C feltet. Det er meningen at det er B felterne som skal "følge med" C feltet..
Mit spørgsmål: Hvordan får jeg B felterne til at være dem som skifter størrelse dynamisk?
Og nu du er igang, kan du flytte billedet ind i style, hvor det høre hjemme, hvis siden skal validere, også kan valign også smides heri så vi får et rent style: <td style="width:27px;height:256px;background-image:url(kant_A.jpg);vertical-align:top;"></td>
Det kunne også være en fordel hvis du flyttede 'C' ned så den er i samme linie som 'B': --------- |A| |A| |B| C |B| --------- Jeg kan ikke umiddelbart se nogen fordel ved at lave det som du har gjort, muligvis hvis du havde et link så vi kunne se hvordan det ser ud..?
fennec -> tak for kommentaren. Koden bliver selvfølgelig pænere ved brugs af styles. Jeg har forsøgt, men det ændrer ikke udfaldet i dette tilfælde. Burde det gøre det?
sw_red_6 -> hvis man rykker C ned i rækken med B-kanterne. Kan man så få C til også at udfylde fletet over sig. Altså en rowspan som "går opad" så at sige. Findes der en sådan kode?
Jeg går ud fra du vil lave det sådan her, fordi du har en eller anden flydende overgang i rammen. Du burde opnå det samme med denne kode:
<table width="233" border="1" cellpadding="0" cellspacing="0"> <tr> <td colspan="3" width="233" height="35"><img src="top.jpg" width="233" height="35" alt=""></td> </tr> <tr> <td style="width:27px;height:256px;background-image:url(images/kant_B.jpg);vertical-align:top;"><img src="kant_A.jpg" width="233" height="27" alt=""></td> <td width="192" bgcolor="#00ffff"> En helt masse indhold<br><br><br><br> En helt masse indhold<br><br><br><br> En helt masse indhold<br><br><br><br> En helt masse indhold<br><br><br><br> En helt masse indhold<br><br><br><br> En helt masse indhold<br><br><br><br> </td> <td style="width:27px;height:256px;background-image:url(images/kant_B.jpg);vertical-align:top;"><img src="kant_A.jpg" width="233" height="27" alt=""></td> </tr> <tr> <td colspan="3" width="233" height="28"><img src="images/bund.jpg" width="233" height="28" alt=""></td> </tr> </table>
fennec -> Alle tiders! Den løsning vil jeg gerne acceptere som et svar. Den virker i hvert fald til mit formål. Så hvis du opretter et svar får du point. Tusind tak for hjælpen!! =)
Undskyld det sene svar, men jeg har været syg, og er det stadig :(
.o) <-- One Eyed Jack
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.