Avatar billede cdull Nybegynder
10. juni 2008 - 19:03 Der er 2 kommentarer og
1 løsning

TD Border-Image forsvinder, ved ulighed i 2 td's indhold. Design.

Hej.

Jeg er i gang med at skære et design op, og det har indtil nu virket fint.
Designet er skåret op med en blanding af div's og tables.

Min Venstre menu og mit indholdsområde er skåret ud og der er brugt 3 TD's til det formål. Og 3 TR.
Top, Midt/Content og Bund.

Det virker også fint, så længe at begge TD's(menu og indhold) har det samme antal af linier tekst. Når den ene har flere liniers tekst, udvider den anden sig korrekt, men så forsvinder baggrundselementerne, left og right border image. Og Baggrundsimage for indholdet.

Giver det mening?

Hvordan får jeg de 2 td'er til at følge hinanden i højde, og samtidigt bevare de korrekte baggrundselementer.
Avatar billede olebole Juniormester
10. juni 2008 - 23:30 #1
<ole>

Prøv at vise noget kode - eller endnu bedre at lægge et link  =)

/mvh
</bole>
Avatar billede cdull Nybegynder
10. juni 2008 - 23:42 #2
Jeg har desværre intet link. Men her er koden. Billederne er desværre ikke tilgængelige. Men man kan se på de to bokse, at de ikke fyldes ud med baggrundsfarve. Selvom jeg vil ha at de skal følges ad.


<html>
<body bgcolor="#FFFFFF" style="text-align:center;">

<div style="width:954px; border:solid 0px black;">
<!-- START TOP Pictures -->
<div style="background-image:url(Images/Logo.gif); height:123px; width:145px; float:left;"></div>
<div style="background-image: URL(Images/Banner.gif); height:123px; width:808px;"></div>

<div style="background-image: URL(Images/LinkHome.gif); height:30px; width:145px; float:left;"></div>
<div style="background-image: URL(Images/LinkAboutUs.gif); height:30px; width:138px; float:left;"></div>
<div style="background-image: URL(Images/LinkFAQ.gif); height:30px; width:108px; float:left;"></div>
<div style="background-image: URL(Images/LinkTOS.gif); height:30px; width:220px; float:left;"></div>
<div style="background-image: URL(Images/LinkAdvertisers.gif); height:30px; width:206px; float:left;"></div>
<div style="background-image: URL(Images/LinkContact.gif); height:30px; width:136px;"></div>
<!-- END TOP Pictures -->


<!-- START Main Area Boxes -->
<div style="width:954px;">
<table border="0" cellpadding="0" cellspacing="0">

<!-- START Top Menu And Content Area. Graphics Top. -->
<tr style="height:7px;">
<td>
<table cellpadding="0" cellspacing="0" border="0" style="height:7px;">
    <tr>
        <td style="background-image: url(Images/MenuTopLeftBorder.gif); width:5px; height:7px; background-repeat:repeat-x;">

        </td>
        <td style="background-image: url(Images/MenuTopMiddle.gif); width:205px; height:7px; background-repeat:repeat-x;">
        </td>
        <td style="background-image: url(Images/MenuTopRightBorder.gif); width:6px; height:7px; background-repeat:repeat-x;">

        </td>
    </tr>
</table>

</td>

<td>
<div style="width:21px; height:7px; background-image: url(Images/MenuContentSpaceTop.gif); background-repeat:repeat-x;"></div>
</td>

<td style="width:714px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:7px;">
    <tr>
        <td style="background-image: url(Images/ContentTopLeftBorder.gif); width:5px; height:7px; background-repeat:repeat-x;">

        </td>
        <td style="background-image: url(Images/ContentTopMiddle.gif); width:703px; height:7px; background-repeat:repeat-x;">
        </td>
        <td style="background-image: url(Images/ContentTopRightBorder.gif); width:6px; height:7px; background-repeat:repeat-x;">

        </td>
    </tr>
</table>
</td>
</tr>
<!-- END Top Menu And Content Area. Graphics Top. -->

<!-- START Menu And Content area -->
<tr>
<td>

<table cellpadding="0" cellspacing="0" border="0" style="height:7px;">
    <tr>
        <td style="background-image: url(Images/MenuLeftBorder.gif);width:6px; background-repeat:repeat-y;">

        </td>
        <td style="width:204px; background-color:#9fd4f1;">
        <!-- START MENU AND MENUCONTENT -->

        <br />
        <div style="background-image:url(Images/Button.gif); width:184px; height:32px;">&nbsp</div>
        <div style="background-image:url(Images/Button.gif); width:184px; height:32px; margin-top:10px;">&nbsp</div>
        <div style="background-image:url(Images/Button.gif); width:184px; height:32px; margin-top:10px;">&nbsp</div>
        <div style="background-image:url(Images/Button.gif); width:184px; height:32px; margin-top:10px;">&nbsp</div>
        <div style="background-image:url(Images/Button.gif); width:184px; height:32px; margin-top:10px;">&nbsp</div>
        <br />

        <!-- END MENU AND MENUCONTENT -->
        </td>
        <td style="background-image: url(Images/MenuRightBorder.gif); width:6px; background-repeat:repeat-y;">

        </td>
    </tr>
</table>

</td>
<td>
<div style="width:21px;"></div>
</td>
<td>
<table cellpadding="0" cellspacing="0" border="0" style="height:7px;">
    <tr>
        <td style="background-image: url(Images/ContentLeftBorder.gif); width:6px; height:7px; background-repeat:repeat-y;">

        </td>
        <td style="width:702px; background-color:#9fd4f1;">
        <!-- START CONTENTAREA -->


        <!-- END CONTENTAREA -->
        </td>
        <td style="background-image: url(Images/ContentRightBorder.gif); width:6px; height:7px; background-repeat:repeat-y;">

        </td>
    </tr>
</table>
</td>
</tr>
<!-- END Menu And Content area -->

<!-- START Bottom Menu And Content Area. Graphics Bottom. -->
<tr style="height:7px;">
<td>
<table cellpadding="0" cellspacing="0" border="0" style="height:7px;">
    <tr>
        <td style="background-image: url(Images/BottomLeftBorder.gif); width:5px; height:7px; background-repeat:repeat-x;">

        </td>
        <td style="background-image: url(Images/BottomMiddle.gif); width:205px; height:7px; background-repeat:repeat-x;">
        </td>
        <td style="background-image: url(Images/BottomRightBorder.gif); width:6px; height:7px; background-repeat:repeat-x;">

        </td>
    </tr>
</table>

</td>

<td>
<div style="width:21px; height:6px; background-repeat:repeat-x;"></div>
</td>

<td style="width:714px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:7px;">
    <tr>
        <td style="background-image: url(Images/BottomLeftBorder.gif); width:6px; height:6px; background-repeat:repeat-x;">

        </td>
        <td style="background-image: url(Images/BottomMiddle.gif); width:703px; height:6px; background-repeat:repeat-x;">
        </td>
        <td style="background-image: url(Images/BottomRightBorder.gif); width:6px; height:6px; background-repeat:repeat-x;">

        </td>
    </tr>
</table>
</td>
</tr>
<!-- END Bottom Menu And Content Area. Graphics Bottom. -->

</table>
</div>
<!-- START Main Area Boxes -->

</div>



</body>
</html>
Avatar billede cdull Nybegynder
21. juli 2008 - 10:43 #3
Jeg lukker spørgsmålet.
Jeg fandt en løsning på www.google.com, jeg kan desværre ikke huske linket :(
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