Avatar billede Slettet bruger
08. marts 2006 - 14:34 Der er 5 kommentarer og
1 løsning

Fastlås en tabel

Her burde være en nem én!

Nedenunder er vist en tabel jeg har fået ved at skære et template ud i photoshop! Nu er der opstået dét behov at tabel 1 - 5 skal fastlåses, og jeg ka´bare ikk´ hit' ud af det...

<TABLE WIDTH=792 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN=CENTER>
    <TR>
        <TD><IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=179 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
        <TD colspan="2"><IMG SRC="images/spacer.gif" WIDTH=547 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1></TD>
    </TR>
    <TR>
        <TD COLSPAN=3 ROWSPAN=3 background="images/logo.jpg" WIDTH=221 HEIGHT=371 style="background-repeat:no-repeat ">&nbsp;</TD>
        <TD COLSPAN=4 background="images/top_banner.jpg" WIDTH=571 HEIGHT=97 style="background-repeat:no-repeat ">&nbsp;</TD>
    </TR>
    <TR>
        <TD COLSPAN=4 background="images/showview.jpg" WIDTH=571 HEIGHT=139 ALT="">&nbsp;</TD>
    </TR>
    <TR>
        <TD COLSPAN=4 background="images/butikker.jpg" WIDTH=571 HEIGHT=135 style="background-repeat:no-repeat ">&nbsp;</TD>
    </TR>
    <TR>
        <TD ROWSPAN=6 background="images/left_block.jpg" WIDTH=27 HEIGHT=294 style="background-repeat:repeat-y ">&nbsp;</TD>
        <TD background="images/top_menu.jpg" WIDTH=179 HEIGHT="21" style="background-repeat:no-repeat " >1</TD>
        <TD COLSPAN=2 ROWSPAN=6 background="images/center_block.jpg" WIDTH=17 HEIGHT=294 style="background-repeat:repeat-y ">&nbsp;</TD>
        <TD ROWSPAN=6 background="images/main.jpg" WIDTH=70 HEIGHT=294>&nbsp;</TD>
        <TD ROWSPAN=6 background="images/main.jpg" WIDTH=477>&nbsp;</TD>
        <TD ROWSPAN=6 background="images/right_block.jpg" WIDTH=22 HEIGHT=294 style="background-repeat:repeat-y ">&nbsp;</TD>
    </TR>
    <TR>
        <TD WIDTH="100px" HEIGHT="36"><A HREF="default.aspx"><IMG SRC="images/forsiden.jpg" WIDTH=179 HEIGHT=36 BORDER=0></A>2</TD>
    </TR>
    <TR>
        <TD WIDTH=179 HEIGHT="32"><A HREF="salgsemner.aspx"><IMG SRC="images/salgsemner.jpg" WIDTH=179 HEIGHT=32 BORDER=0></A>3</TD>
    </TR>
    <TR>
        <TD WIDTH=179 HEIGHT="34"><A HREF="profil.aspx"><IMG SRC="images/profil.jpg" WIDTH=179 HEIGHT=34 BORDER=0></A>4</TD>
    </TR>
    <TR>
        <TD WIDTH=179 HEIGHT="32"><A HREF="kontakt.aspx"><IMG SRC="images/kontakt.jpg" WIDTH=179 HEIGHT=32 BORDER=0></A>5</TD>
    </TR>
    <TR>
        <TD background="images/menu_bottom.jpg" WIDTH=179 HEIGHT=139 style="background-repeat:repeat-y ">&nbsp;</TD>
    </TR>
    <TR>
        <TD COLSPAN=7 background="images/bottom.jpg" WIDTH=792 HEIGHT=203 style="background-repeat:no-repeat ">&nbsp;</TD>
    </TR>
</TABLE>
Avatar billede Slettet bruger
08. marts 2006 - 14:35 #1
Ok - lidt forvirende måske ~:|
Det vil nok hjælpe at kopier teksten ind i en editor...
Avatar billede jakoba Nybegynder
08. marts 2006 - 20:33 #2
Enhver HTML 'beholder' vil som default udvide sig for at give plads til det du kommer i den, uanset havad der er blevet specificeret som bredde og højde.

for at undgå det må du sætte en overflow attribut der fortæller hvordan du ønsker browserens HTML-tegner skal håndtere situationen.
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/textoverflow.asp

mvh JakobA
Avatar billede jakoba Nybegynder
08. marts 2006 - 20:42 #3
Men før du går såvidt, så sørg lige for at din html giver mening:

I første linie siger du tabellem skal være 792 pixels bred
<TABLE WIDTH=792 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN=CENTER>

I rækken lige nedenunder udvider du cellerne i tabellen er 27+179+15+2+22 = 245 pixel       
    <TR>
        <TD><IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=179 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
        <TD colspan="2"><IMG SRC="images/spacer.gif" WIDTH=547 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1></TD>
    </TR>

Så der er 547 pixel tilbage som browseren så selv må fordele på de forskellige tabelceller som den selv finder bedst. Og det vil så afhænge af hvad du stopper i tabelcellerne nedenunder.

mvh JakobA
Avatar billede jakoba Nybegynder
08. marts 2006 - 20:50 #4
Ups. Det link jeg gav ovenfor var ukorrekt. det burde have været:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/overflow.asp

text-overflow er en specialsituation i den forbindelse.
Avatar billede Slettet bruger
10. marts 2006 - 10:29 #5
Den ovenforviste tabel er temmelig irelevant for spørgsmålet! Ingen tabeller har behov for at blive fastlåst i bredden men derimod kun i højden.

Tabellerne som behøver fastlåselse er vist herunder:

<TD background="images/top_menu.jpg" WIDTH=179 HEIGHT="21" style="background-repeat:no-repeat " >1</TD>


<TR>
<TD WIDTH="100px" HEIGHT="36"><A HREF="default.aspx"><IMG SRC="images/forsiden.jpg" WIDTH=179 HEIGHT=36 BORDER=0></A>2</TD>
</TR>
<TR>
<TD WIDTH=179 HEIGHT="32"><A HREF="salgsemner.aspx"><IMG SRC="images/salgsemner.jpg" WIDTH=179 HEIGHT=32 BORDER=0></A>3</TD>
</TR>
<TR>
<TD WIDTH=179 HEIGHT="34"><A HREF="profil.aspx"><IMG SRC="images/profil.jpg" WIDTH=179 HEIGHT=34 BORDER=0></A>4</TD>
</TR>
<TR>
<TD WIDTH=179 HEIGHT="32"><A HREF="kontakt.aspx"><IMG SRC="images/kontakt.jpg" WIDTH=179 HEIGHT=32 BORDER=0></A>5</TD>
</TR>
Avatar billede Slettet bruger
16. marts 2006 - 08:25 #6
Fik løst problemet selv - men tak for hjælpen...
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
Kurser inden for grundlæggende programmering

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