Avatar billede cara-mint Nybegynder
13. december 2006 - 06:11 Der 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?

Jeg har uddybet koden lidt herunder:
###############################
<table width="233" border="0" 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 width="27" height="256" valign="top" background="kant_A.jpg"></td>
        <td rowspan="2" width="192" bgcolor="#00ffff">En helt masse indhold</td>
        <td width="14" height="256" valign="top" background="kant_A.jpg"></td>
    </tr>
    <tr>
        <td background="images/kant_B.jpg" width="27">&nbsp;</td>
        <td background="images/kant_B.jpg" width="14">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="3" width="233" height="28"><img src="images/bund.jpg" width="233" height="28" alt=""></td>
    </tr>
</table>
#########################################
Avatar billede fennec Nybegynder
13. december 2006 - 08:16 #1
Prøv at sætte brede/højde via styles i stedet:
<td style="width:27px;height:256px;" valign="top" background="kant_A.jpg"></td>
Avatar billede fennec Nybegynder
13. december 2006 - 08:21 #2
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>
Avatar billede sw_red_6 Nybegynder
13. december 2006 - 08:58 #3
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..?
Avatar billede cara-mint Nybegynder
13. december 2006 - 18:04 #4
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?
Avatar billede fennec Nybegynder
14. december 2006 - 08:22 #5
Nej det kan man desværre ikke.

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>
Avatar billede cara-mint Nybegynder
14. december 2006 - 16:58 #6
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!! =)
Avatar billede fennec Nybegynder
20. december 2006 - 12:20 #7
Undskyld det sene svar, men jeg har været syg, og er det stadig :(

.o) <-- One Eyed Jack
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester