Søg
Avatar billede ra__mus Nybegynder
11. november 2004 - 14:51 Der er 10 kommentarer og
1 løsning

centrering af side

Hej.
Jeg vil gerne have centreret følgende på siden, nogen der ka hjælpe med det ? :

<HTML>

<HEAD><TITLE>Your Company Website</TITLE>

<STYLE type=text/css>

        body, td {

            font-family: verdana, sans-serif;

            font-size: 7pt;

            color: #000000;

        }



        pre {

            font-family: verdana, sans-serif;

            font-size: 8pt;

            color: #ffffff;

            font-weight: bold;

            margin: 0px;

        }



        ul  {

            margin: 0px;

            padding: 0px;

            list-style-position: inside;

            list-style-type: disc;

            font-weight: bold;

        }



        a {

            color: #000000;

            text-decoration: none;

        }



        a:hover {

            color: #888888;

        }



        h1 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 11pt;

            color: #000000;

        }



        h2 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 10pt;

            color: #000000;

        }



        h3 {

            margin: 0px;

            color: #ffffff;

            font-size: 8pt;

        }



        h4 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 8pt;

            color: #000000;

            font-weight: normal;

        }



        blockquote {

            margin: 15px;

            color: #000000;

        }



    </STYLE>



</HEAD>

<BODY style="MARGIN: 0px">


  <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=left border=0>

  <TBODY>

    <TR>

        <TD>

          <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" border=0>

            <TBODY>

                <TR>

                  <TD style="BACKGROUND: #999999" height=55><center><IMG src="/templates/b3002/images/hotcardpraes1.jpg"></center></TD>
                </TR>

                <TR>

                  <TD height=23>

                      <TABLE style="BORDER-COLLAPSE: collapse" height="100%" cellSpacing=0 cellPadding=0 width="80%" align=left border=0>

                        <TBODY>

                <TR>

                  <TD style="BACKGROUND: url(/templates/b3002/images/top-corner.gif)" width=130><IMG src="/templates/b3002/images/1.gif"></TD>

                  <TD style="BACKGROUND: #ffffff" align=middle><PRE><A href="#">- NEWS -</A>      <A href="#">- ABOUT US -</A>      <A href="#">- SERVICES -</A>      <A href="#">- PRODUCTS -</A>      <A href="#">- CONTACT -</A>      <A href="#">- PEOPLE -</A></PRE></TD>
                </TR>
            </TBODY>
          </TABLE>
      </TD>
  </TR>


  <TR>

      <TD style="BACKGROUND: url(/templates/b3002/images/top-background.jpg)" height=226 width="80%"><IMG src="/templates/b3002/images/1.gif" ></TD>
  </TR>
  </TBODY>
</TABLE>


       

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=12 width="80%" border=0>

  <TBODY>

    <TR>

        <TD style="BACKGROUND: #d6d5d5" vAlign=top width=196>

          <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" align=left border=0>

            <TBODY>

              <TR>

                  <TD><H2>Highlights:</H2></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra</P>

                    <P>magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P>

                    <P>Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P></TD>
              </TR>

              <TR>

                  <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra</P>

                    <P>magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna</P>
                  </TD>
              </TR>

              <TR>

                  <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>
            </TBODY>
        </TABLE>
      </TD>

      <TD vAlign=top>

        <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=left border=0>

            <TBODY>

              <TR>

                <TD>

                    <H2>Latest News:</H2>
                </TD>
              </TR>

              <TR>

                <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>26.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>27.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>27.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>

                    <P><A href="#">Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>
            </TBODY>
        </TABLE>
    </TD>

    <TD vAlign=top width=297>

        <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=left border=0>

          <TBODY>

              <TR>

                <TD>

                    <H2>Product Categories:</H2>
                </TD>
              </TR>

              <TR>

                <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD align=left>

                    <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" border=0>

                      <TBODY>

                        <TR>

                            <TD align=middle><IMG src="/templates/b3002/images/1.jpg" border=1><P>Boards</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/2.jpg" border=1><P>Style</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/3.jpg" border=1><P>Places</P></TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>

                        <TR>

                            <TD align=middle><IMG src="/templates/b3002/images/4.jpg" border=1><P>Wetsuits</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/5.jpg" border=1><P>Women</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/6.jpg" border=1><P>Apparel</P></TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>
                      </TBODY>
                    </TABLE>

                    <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=left border=0>

                      <TBODY>

                          <TR>

                            <TD style="BACKGROUND: #d6d5d5" height=35><IMG src="/templates/b3002/images/1.gif"></TD>
                          </TR>
                      </TBODY>
                    </TABLE>
                </TD>
              </TR>
        </TBODY>
      </TABLE>
    </TD>
  </TR>
  </TBODY>
</TABLE>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" align=left border=0>

  <TBODY>

    <TR>

      <center><TD style="BACKGROUND: #FF0000" align=middle height=35 width="80%"><H4> © 2004 • Privacy Policy • Terms Of Use</H4></TD></center>
    </TR>
  </TBODY>
</TABLE>
</TBODY>
Avatar billede juggalo Nybegynder
11. november 2004 - 14:54 #1
sæt align=center på dine tables :)
Avatar billede pixelboxdk Nybegynder
11. november 2004 - 14:58 #2
<HTML>

<HEAD><TITLE>Your Company Website</TITLE>

<STYLE type=text/css>

        body, td {

            font-family: verdana, sans-serif;

            font-size: 7pt;

            color: #000000;

        }



        pre {

            font-family: verdana, sans-serif;

            font-size: 8pt;

            color: #ffffff;

            font-weight: bold;

            margin: 0px;

        }



        ul  {

            margin: 0px;

            padding: 0px;

            list-style-position: inside;

            list-style-type: disc;

            font-weight: bold;

        }



        a {

            color: #000000;

            text-decoration: none;

        }



        a:hover {

            color: #888888;

        }



        h1 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 11pt;

            color: #000000;

        }



        h2 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 10pt;

            color: #000000;

        }



        h3 {

            margin: 0px;

            color: #ffffff;

            font-size: 8pt;

        }



        h4 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 8pt;

            color: #000000;

            font-weight: normal;

        }



        blockquote {

            margin: 15px;

            color: #000000;

        }



    </STYLE>



</HEAD>

<BODY style="MARGIN: 0px">


  <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>

  <TBODY>

    <TR>

        <TD>

          <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" border=0 align="center">

            <TBODY>

                <TR>

                  <TD style="BACKGROUND: #999999" height=55><center><IMG src="/templates/b3002/images/hotcardpraes1.jpg"></center></TD>
                </TR>

                <TR>

                  <TD height=23>

                      <TABLE style="BORDER-COLLAPSE: collapse" height="100%" cellSpacing=0 cellPadding=0 width="80%" align=center border=0>

                        <TBODY>

                <TR>

                  <TD style="BACKGROUND: url(/templates/b3002/images/top-corner.gif)" width=130><IMG src="/templates/b3002/images/1.gif"></TD>

                  <TD style="BACKGROUND: #ffffff" align=middle><PRE><A href="#">- NEWS -</A>      <A href="#">- ABOUT US -</A>      <A href="#">- SERVICES -</A>      <A href="#">- PRODUCTS -</A>      <A href="#">- CONTACT -</A>      <A href="#">- PEOPLE -</A></PRE></TD>
                </TR>
            </TBODY>
          </TABLE>
      </TD>
  </TR>


  <TR>

      <TD style="BACKGROUND: url(/templates/b3002/images/top-background.jpg)" height=226 width="80%"><IMG src="/templates/b3002/images/1.gif" ></TD>
  </TR>
  </TBODY>
</TABLE>


       

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=12 width="80%" border=0 align="center">

  <TBODY>

    <TR>

        <TD style="BACKGROUND: #d6d5d5" vAlign=top width=196>

          <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" align=left border=0>

            <TBODY>

              <TR>

                  <TD><H2>Highlights:</H2></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra</P>

                    <P>magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P>

                    <P>Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P></TD>
              </TR>

              <TR>

                  <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra</P>

                    <P>magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna</P>
                  </TD>
              </TR>

              <TR>

                  <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>
            </TBODY>
        </TABLE>
      </TD>

      <TD vAlign=top>

        <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>

            <TBODY>

              <TR>

                <TD>

                    <H2>Latest News:</H2>
                </TD>
              </TR>

              <TR>

                <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>26.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>27.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>27.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>

                    <P><A href="#">Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>
            </TBODY>
        </TABLE>
    </TD>

    <TD vAlign=top width=297>

        <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>

          <TBODY>

              <TR>

                <TD>

                    <H2>Product Categories:</H2>
                </TD>
              </TR>

              <TR>

                <TD style="BACKGROUND: url(/templates/b3002/images/dots.gif)" height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD align=left>

                    <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" border=0 align="Center">

                      <TBODY>

                        <TR>

                            <TD align=middle><IMG src="/templates/b3002/images/1.jpg" border=1><P>Boards</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/2.jpg" border=1><P>Style</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/3.jpg" border=1><P>Places</P></TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>

                        <TR>

                            <TD align=middle><IMG src="/templates/b3002/images/4.jpg" border=1><P>Wetsuits</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/5.jpg" border=1><P>Women</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/6.jpg" border=1><P>Apparel</P></TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>
                      </TBODY>
                    </TABLE>

                    <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>

                      <TBODY>

                          <TR>

                            <TD style="BACKGROUND: #d6d5d5" height=35><IMG src="/templates/b3002/images/1.gif"></TD>
                          </TR>
                      </TBODY>
                    </TABLE>
                </TD>
              </TR>
        </TBODY>
      </TABLE>
    </TD>
  </TR>
  </TBODY>
</TABLE>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" align=center border=0>

  <TBODY>

    <TR>

      <center><TD style="BACKGROUND: #FF0000" align=middle height=35 width="80%"><H4> © 2004 • Privacy Policy • Terms Of Use</H4></TD></center>
    </TR>
  </TBODY>
</TABLE>
</TBODY>



Hjalp det? :)
Avatar billede olebole Juniormester
11. november 2004 - 14:58 #3
<ole>

Begynd med at sætte en DTD. Det er et absolut *must*, når man skriver HTML!
Når du sætter DTD'en, er det endvidere vigtigt, du har en URL med i den. Har du ikke det, kan IE ikke forstå CSS. Dette er et bud på en DTD, der stemmer nogenlunde overens med den kode, du skriver:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Så kan du i din body-CSS skrive:
text-align: center;

... og på dine tables:
<table ........ style="margin:0px auto">

/mvh
</bole>
Avatar billede olebole Juniormester
11. november 2004 - 14:59 #4
... og en korrekt kommentar fortjener vel et svar  :)
Avatar billede per-olof Nybegynder
11. november 2004 - 15:04 #5
<HTML>

<HEAD><TITLE>Your Company Website</TITLE>

<STYLE type=text/css>

        body, td {

            font-family: verdana, sans-serif;

            font-size: 7pt;

            color: #000000;

        }



        pre {

            font-family: verdana, sans-serif;

            font-size: 8pt;

            color: #ffffff;

            font-weight: bold;

            margin: 0px;

        }



        ul  {

            margin: 0px;

            padding: 0px;

            list-style-position: inside;

            list-style-type: disc;

            font-weight: bold;

        }



        a {

            color: #000000;

            text-decoration: none;

        }



        a:hover {

            color: #888888;

        }



        h1 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 11pt;

            color: #000000;

        }



        h2 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 10pt;

            color: #000000;

        }



        h3 {

            margin: 0px;

            color: #ffffff;

            font-size: 8pt;

        }



        h4 {

            margin: 0px;

            font-family: verdana, sans-serif;

            font-size: 8pt;

            color: #000000;

            font-weight: normal;

        }



        blockquote {

            margin: 15px;

            color: #000000;

        }



    </STYLE>



</HEAD>

<BODY style="MARGIN: 0px">

  <div align="center">
    <center>

  <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 border=0>

  <TBODY>

    <TR>

        <TD align="center" width="80%">

          <div align="center">
            <center>

          <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" border=0>

            <TBODY>

                <TR>

                  <TD style="BACKGROUND: #999999" height=55 align="center"><center><IMG src="/templates/b3002/images/hotcardpraes1.jpg"></center></TD>
                </TR>

                <TR>

                  <TD height=23 align="center">

                      <TABLE style="BORDER-COLLAPSE: collapse" height="100%" cellSpacing=0 cellPadding=0 width="80%" align=left border=0>

                        <TBODY>

                <TR>

                  <TD style="BACKGROUND: url('/templates/b3002/images/top-corner.gif'); " width=130><IMG src="/templates/b3002/images/1.gif"></TD>

                  <TD style="BACKGROUND: #ffffff" align=middle><PRE><A href="#">- NEWS -</A>      <A href="#">- ABOUT US -</A>      <A href="#">- SERVICES -</A>      <A href="#">- PRODUCTS -</A>      <A href="#">- CONTACT -</A>      <A href="#">- PEOPLE -</A></PRE></TD>
                </TR>
            </TBODY>
          </TABLE>
      </TD>
  </TR>


  <TR>

      <TD style="BACKGROUND: url('/templates/b3002/images/top-background.jpg'); " height=226 width="80%" align="center"><IMG src="/templates/b3002/images/1.gif" ></TD>
  </TR>
  </TBODY>
</TABLE>


       

            </center>
          </div>


       

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=12 width="80%" border=0>

  <TBODY>

    <TR>

        <TD style="BACKGROUND: #d6d5d5" vAlign=top width=196>

          <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" align=left border=0>

            <TBODY>

              <TR>

                  <TD><H2>Highlights:</H2></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url('/templates/b3002/images/dots.gif'); " height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra</P>

                    <P>magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P>

                    <P>Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P></TD>
              </TR>

              <TR>

                  <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url('/templates/b3002/images/dots.gif'); " height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra</P>

                    <P>magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</P>

                    <P>Maecenas tristique orci ac sem. Duis ultricies pharetra magna</P>
                  </TD>
              </TR>

              <TR>

                  <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD style="BACKGROUND: url('/templates/b3002/images/dots.gif'); " height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                  <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>
            </TBODY>
        </TABLE>
      </TD>

      <TD vAlign=top>

        <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=left border=0>

            <TBODY>

              <TR>

                <TD>

                    <H2>Latest News:</H2>
                </TD>
              </TR>

              <TR>

                <TD style="BACKGROUND: url('/templates/b3002/images/dots.gif'); " height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>26.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>27.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD>

                    <H3>27.11.03 »</H3>

                    <P><A href="#">Maecenas tristique orci ac sem. Duis ultricies pharetra magna.Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>

                    <P><A href="#">Duis ultricies pharetra magna.Duis ultricies pharetra magna. Duis ultricies pharetra magna.</A></P>
                </TD>
              </TR>

              <TR>

                <TD height=10><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>
            </TBODY>
        </TABLE>
    </TD>

    <TD vAlign=top width=297>

        <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=left border=0>

          <TBODY>

              <TR>

                <TD>

                    <H2>Product Categories:</H2>
                </TD>
              </TR>

              <TR>

                <TD style="BACKGROUND: url('/templates/b3002/images/dots.gif'); " height=1><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD height=20><IMG src="/templates/b3002/images/1.gif"></TD>
              </TR>

              <TR>

                <TD align=left>

                    <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" border=0>

                      <TBODY>

                        <TR>

                            <TD align=middle><IMG src="/templates/b3002/images/1.jpg" border=1><P>Boards</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/2.jpg" border=1><P>Style</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/3.jpg" border=1><P>Places</P></TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>

                        <TR>

                            <TD align=middle><IMG src="/templates/b3002/images/4.jpg" border=1><P>Wetsuits</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/5.jpg" border=1><P>Women</P></TD>

                            <TD align=middle><IMG src="/templates/b3002/images/6.jpg" border=1><P>Apparel</P></TD>
                        </TR>

                        <TR>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>

                            <TD>&nbsp;</TD>
                        </TR>
                      </TBODY>
                    </TABLE>

                    <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" align=left border=0>

                      <TBODY>

                          <TR>

                            <TD style="BACKGROUND: #d6d5d5" height=35><IMG src="/templates/b3002/images/1.gif"></TD>
                          </TR>
                      </TBODY>
                    </TABLE>
                </TD>
              </TR>
        </TBODY>
      </TABLE>
    </TD>
  </TR>
  </TBODY>
</TABLE>

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="80%" align=center border=0>

  <TBODY>

    <TR>

      <center><TD style="BACKGROUND: #FF0000" align=middle height=35 width="80%"><H4> © 2004 • Privacy Policy • Terms Of Use</H4></TD></center>
    </TR>
  </TBODY>
</TABLE>
</TBODY>
</div></center>
  </div>
Avatar billede olebole Juniormester
11. november 2004 - 15:39 #6
... prøver lige igen, da alle åbenbart ikke fik den: Uden DTD er der ikke tale om et HTML-dokument  ;o)
Avatar billede ra__mus Nybegynder
11. november 2004 - 15:50 #7
hvad er DTD ??????????????
Avatar billede olebole Juniormester
11. november 2004 - 15:55 #8
Doc-Type ... se mit indlæg. Det var jo derfor, jeg skrev den til dig  :)
Avatar billede ra__mus Nybegynder
11. november 2004 - 20:52 #9
okay men ie forstår CSS uden DTD
Avatar billede olebole Juniormester
12. november 2004 - 05:28 #10
Så er der noget, du må forklare Microsoft og al verdens professionelle kodere  :)

Nej, ra__mus ... du tager fejl. DTD'en er en betingelse for, at browseren ved, hvad det er for et dokument, den skal til at behandle.

Derudover kan IE bl.a. ikke tolke CSS korrekt, hvis ikke den _rigtige_ DTD bliver brugt. Den tvivges til at gå i quirks-mode, hvor den tolker W3C's standarder - og specielt CSS - i kraftig uoverensstemmelse med, hvordan de skal tolkes ... og hvordan alle andre browsere tolker standarderne.
Derfor er der ofte så stor forskel på, hvordan IE viser en side - og hvordan alle andre browsere viser den. Det handler ikke kun om, at der er masser af ting i CSS-standarden, som IE ikke understøtter endnu. Som oftest handler det om fejlfyldt kode ... herunder manglende eller forkert DTD.

Du kan meget let teste, om IE tolker koden korrekt. Prøv at skrive dette i et dokument:
<script type="text/JavaScript">
alert(document.compatMode)
</script>

Returneres 'CSS1Compat' er alt i orden og IE er kompatibel med W3C's Css-standard.
Hvis der derimod returneres 'backCompat', overholder IE ikke standarderne - men opfører sig ligeså uregelmenteret, som IE altid har gjort.
Prøv scriptet uden DTD og med disse to forskellige DTD'er:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

... og:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Efter års klager, sørgede MS for at indføre denne feature i IE6. Når nu endelig IE er i stand til at vise sider på samme måde som alle andre browsere, bør man bruge denne mulighed i stedet for at spænde ben for sig selv  ;o)

Det er muligt, du ikke tror på mig - men i så fald tror du på noget, der ikke har hold i virkeligheden  :)
/mvh
Avatar billede olebole Juniormester
12. november 2004 - 05:35 #11
Du kan også prøve disse tre små dokumenter. Så ser du _meget_ tydeligt en af de mange forskelle:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
</head>
<body>

<div style="width:200px;height:200px;background-color:red;border:40px solid yellow">En tekst</div>

</body>
</html>

-------------- og dette: -----------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
</head>
<body>

<div style="width:200px;height:200px;background-color:red;border:40px solid yellow">En tekst</div>

</body>
</html>

-------------- og dette: -----------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
</head>
<body>

<div style="width:200px;height:200px;background-color:red;border:40px solid yellow">En tekst</div>

</body>
</html>

I følge W3C's standard skal border lægges _udenpå_ elementet. Dvs, div'ets gule område skal være 200px * 200px - og den røde border ligge udenom. Det er som du kan se kun tilfældet i det sidste eksempel  ;o)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
White papers
Flere white papers »