Re: Problem with stylesheet in page and images

  •  06-26-2006, 4:24 AM

    Re: Problem with stylesheet in page and images

    Hi, here's my code (normal asp btw, is that a problem?):
     
    --------------------------
    <%'template_1-M1%>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Noa Nederland</title>
    <link href="/css/stijl.css" rel="stylesheet" type="text/css" />
    </head>
    <body topmargin="0" marginheight="0">
    <div id="center">
     <div id="all">
        <div id="top">
            <div id="logo"><a href="/default.asp"><img border="0" src="/images/algemeen/logo.gif" alt="NOA" /></a></div>
            <div id="menu"></div>
            <div id="locatie"></div>
            <div id="algemeen"></div>
        </div>
        <div id="content">
         <div id="tekst">
          <tekst>
           <h1>Links</h1>
           ... <img height=100 alt="" src="/images/uploads/robert_hoeve_en_team.jpg" width=100 border=0>
          </tekst>
         </div>
        </div>
     </div>
    </div>
    </body>
    </html>
    --------------------------
     
    and stylesheet:
    -------------------------
    body {
     font-family: arial, helvetica, trebuchet MS, verdana;
     font-size: 9pt;
     margin: 0px;
     padding: 0px;
     margin-top:0px;
     margin-right:0px;
     margin-bottom:0px;
     margin-left:0px;
     line-height: 17px;
     background-color: #F7F7E6;
     background-position: center top;
     background-image: url('/images/algemeen/bg.gif');
     background-repeat: no-repeat;
     z-index: 0; }
     
    P, TD, TH, DIV { 
     color: #0B2161; 
     font-family: arial, helvetica, trebuchet MS,
     verdana; font-size: 9pt; }
     
    A:link, A:active, A:visited { 
     text-decoration: none; color: #353F7D; }
    A:hover { 
     text-decoration: underline; color: #353F7D; }
     
    INPUT, TEXTAREA, SELECT { 
     font-family: arial, helvetica, trebuchet MS, verdana; 
     font-size: 9pt; 
     height: 20px; 
     color: #0B2161; }
     
    HR { 
     height: 1px; 
     color: #0B2161; }
     
    #center { 
     width: 100%; 
     height: 100%; 
     text-align: center; 
     z-index: 1; }
     
    #all { 
     width : 760px; 
     height: 100%; 
     margin-right: auto; 
     margin-left: auto; 
     margin-top: 0px; 
     margin-bottom: 0px;
     text-align : left; z-index: 0; }
     
    #top { 
     float: left; 
     display: block; 
     position: absolute; 
     width: 760px; 
     height: 120px; 
     color: #FFFFFF; 
     padding: 0px 0px 0px 0px; 
     margin: 0px 0px 0px 0px; 
     vertical-align: bottom; 
     z-index: 10; }

    #logo { 
     float: left; 
     display: table; 
     position: absolute; 
     margin: 10px 0 0 25px; }

    #menu { 
     width: 435px; 
     display: inline; 
     float: right; 
     margin: 0px 0px 0 0; 
     position: relative; }
        
    #locatie { width: 420px;
     display: inline;
     margin: 89px 0 0px 335;
     padding: 0px 0 0px 0;
     font-size: 8pt;
     color: #0B2161; 
     position: absolute; 
     z-index: -1; }
     
    #algemeen {
     display: inline;
     margin: 60px 0 0px 660;
     padding: 0px 0 0px 0;
     color: #FFFFFF;
     width: 100px;
     position: absolute; }
     
    #content {
     position: absolute; 
     display: inline;
     float: left;   
     margin: 109px 0px 0px -11px;
     text-align: left;
     color: #0B2161;
     background-color: #FFFFFF;
     z-index: 1; } 
     
    #tekst {
     position: absolute;
     display: inline;
     float: left;
     background: #FFFFFF;
     margin: 20px 0 0 65px;
     padding: 0px 20px 20px 20px;
     border-right: solid 3px #CCCC33;
     z-index: 10; 
     width: 658px;
     _width: 701px; }
     
    #tekst H1 {
     color: #CCCC33;
     font-size: 130%;
     font-family: trebuchet MS, arial, helvetica, verdana;
     margin: 0 0 18px 0; }
     
    #tekst H2 {
     color: #0B2161;
     font-size: 120%;
     font-family: trebuchet MS, arial, helvetica, verdana;
     margin: 0 0 0 0; }
     
    #tekst HR {
     margin: -11px 0 0 0px;
     top: 10px; }
     
    #tekst a {
     color: #CCCC33; }
     --------------------------
     
    If I remove all aligns, widths, margins and paddings it works...
View Complete Thread