Avatar billede dl Nybegynder
24. oktober 2007 - 23:11 Der er 4 kommentarer og
1 løsning

ingen margin på tabel med billede

Jeg har en tabel, som har et et billede(800xp*100xp).

denne tabel ligger i min masterpage. Som et banner.

jeg har også en CSS, hvor alt mit lay out ligger i.
Mit problem er så, at når jeg sætter en  margin: 0xp 0xp 0xp 0xp;
Så virker det ikke. HVORFOR ?

Jeg har en aspx fil, som høre til denne masterpage, den indeholder kun en contextplaseholder, så der er ikke så meget i den.

<CODE CSS>


.subpage
{
    TEXT-TRANSFORM: none;   
}

body {
    background: white;
}


#header
{   
    background-color: lime;
    margin: 0px 0px 0px 0px;
    padding: 0xp 0xp 0xp 0xp;
    text-align: center;
    BORDER-TOP : black 1px solid;
    BORDER-RIGHT : black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: white;
    width: 800px;
}

#context
{
    text-align: center;
    BORDER-TOP : black 1px solid;
    BORDER-RIGHT : black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: white;
    width: 800px;
   
    MARGIN: 5px 0px 5px 0px;
}

#footer
{
    text-align: center;
    BORDER-TOP : black 1px solid;
    BORDER-RIGHT : black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: white;
    width: 800px;
}

#headerLink
{
    text-align: center;
    BORDER-TOP : black 0px solid;
    BORDER-RIGHT : black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
   
    TEXT-ALIGN: left;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: none;
    COLOR: black;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
   
    width: 800px;
}



<CODE>


<CODE  MASTERPAGE>


<%@ Master Language="C#" AutoEventWireup="true" CodeFile="indexview.master.cs" Inherits="masterpage_mainview" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>title</title>
    <link href="~/css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <table class="subpage">
    <tr>
        <td>   
            <table border="0" id="header">
                <tr>
                    <td>
                        <asp:Image ImageUrl="~/images/banner.gif" runat="server" />
                    </td>
                </tr>
            </table>
           
            <table border="0" id="headerLink">
                <tr>
                    <td>
                        ?? :: ??         
                    </td>
                </tr>
            </table>
           

            <table border="0" id="context">
                <tr>
                    <td>
                        <asp:contentplaceholder id="MainContentPlaceHolder" runat="server">
                        </asp:contentplaceholder>
                    </td>
                </tr>
            </table>
           
            <table border="0" id="footer">
                <tr>
                    <td>
                        info
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    </table>

</body>
</html>

<CODE>




// Dennis
Avatar billede dl Nybegynder
24. oktober 2007 - 23:13 #1
Det skal lige siges at denne margin, skal være på dette banner, så der ikke er nogle margin fra billedet til tabel kanten, så jeg kan få et pænt layout på 800xp i længden.

// dennis
Avatar billede a1a1 Novice
24. oktober 2007 - 23:35 #2
<table border="0" id="header">
<tr>
                    <td>
                        <asp:Image ImageUrl="~/images/banner.gif" runat="server" />
                    </td>
                </tr>
            </table>
til:´
<table border="0" id="header" cellspacing="0" cellpadding="0">
<tr>
                    <td>
                        <asp:Image ImageUrl="~/images/banner.gif" runat="server" />
                    </td>
                </tr>
            </table>
Avatar billede a1a1 Novice
24. oktober 2007 - 23:38 #3
grunden til at din css ikke virker er at du ikke har en "TD" "class", body er "kun" i body og ikke i tabeller, lav evt.:
body {background: white;}
om til
body, td {background: white;}

;o)
Avatar billede a1a1 Novice
24. oktober 2007 - 23:40 #4
du bør også specificere din "font-family" i "body,td"
Avatar billede dl Nybegynder
25. oktober 2007 - 07:33 #5
Det ser ud til at virke:  man jeg vil gerne have den cellpadding i min css fil ?  Hvordan ?

PS. hvor er denne table:

            <table border="0" id="headerLink">
                <tr>
                    <td>
                        ?? :: ??       
                    </td>
                </tr>
            </table>


ikke lige så "width"  som min top table med banner.


//Dennnis

PS. a1, kom med et svar :)  da du enlig har svaret på mit sp.
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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