webdesign - Hjælp til "height" - Udvikleren.dk - Programmering, webdesign og grafik

Tags: webdesign

<< < 1 2 > >>

Bruger #17390 @ 14.02.13 15:26

Hey

Er ved at kode et template til et CMS (webspell), men er igen igen gået i stå

Har problemer med min heigh et eller andet sted, ville jeg tro.
Men bruger position:absolute; til positionering af diverse ting, og ved ikke om dette kan være problemet.

Men har f.eks på min #contentarea en height, men når jeg så f.eks skal kommentere på en test nyhed, så fylder test nyheden mere end hvad der er plads til "Se billede: LINK TIL BILLEDE

Det kan måske også være pga. jeg bruger position:absolute på min footer osv?

HTML kode

 <?php
 include("_mysql.php");
 include("_settings.php");
 include("_functions.php");
 $_language->read_module('index');
 $index_language = $_language->module;
 ?>
 
 <!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>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" type="text/css" href="style/style.css"/>
 <title><?php echo PAGETITLE; ?></title>
 <link href="_stylesheet.css" rel="stylesheet" type="text/css">
 <script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
 </head>
 <body>
     <div id="wrapper">
         <div id="headertop">
             <div id="topwelcome">
             </div>
             <div id="headerlogin">
             <?php include("login.php"); ?>
             </div>
         </div>
         <div id="headerimg">
         </div>
         <div>
             <div>
             <a href="index.php" target="_self" id="navhome">HOME</a>
             </div>
             <div>
             <a href="index.php?site=members" target="_self" id="navmembers">MEMBERS</a>
             </div>
             <div>
             <a href="index.php?site=clanwars" target="_self" id="navmatches">MATCHES</a>
             </div>
             <div>
             <a href="index.php?site=forum" target="_self" id="navforum">FORUM</a>
             </div>
             <div>
             <a href="index.php?site=sponsors" target="_self" id="navsponsors">SPONSORS</a>
             </div>
             <div>
             <a href="index.php?site=files" target="_self" id="navdownloads">DOWNLOADS</a>
             </div>
             <div>
             <a href="index.php?site=gallery" target="_self" id="navmedia">MEDIA</a>
             </div>
             <div>
             <a href="index.php?site=contact" target="_self" id="navcontactus">CONTACTUS</a>
             </div>
               <div id="navrest">
             </div>
             </div>
             <div id="navunderline">
             </div>
             
             <div id="contentbg">
                 <div id="contentbar">
                     <div id="contentarea">
                     <?php
                     if(!isset($site)) $site="news";
                     $invalide = array('\\','/','//',':','.');
                     $site = str_replace($invalide,' ',$site);
                     if(!file_exists($site.".php")) $site = "news";
                     include($site.".php");
                     ?>
                     </div>
                 </div>
                
                 <div id="latestnewsbg">
                     <div id="latestnewsbar">
                     </div>
                     <div id="latestnewscontent">
                     <?php include("sc_headlines.php"); ?>
                     </div>
                 </div>
                 
                 <div id="latestmatchesbg">
                     <div id="latestmatchesbar">
                     </div>
                     <div id="latestmatchescontent">
                     <?php include("sc_results.php"); ?>
                     </div>
                 </div>
                 
                 <div id="latestforumthreadsbg">
                     <div id="latestforumthreadsbar">
                     </div>
                     <div id="latestforumthreadscontent">
                     <?php include("latesttopics.php"); ?>
                     </div>
                     
                 <div id="sponsorsbg">
                   <div id="sponsorsbar">
                 </div>
                 <div id="sponsorscontent">
                 <?php include("sc_sponsors.php"); ?>
                 </div>
                 
             </div> 
         </div>
     <div id="footerbg">
         <div id="footerbar">
             <div id="copyright">
             </div>
             <div id="author">
                 <a href="http://ufrag.net/" target="_blank" id="author2">UFRAG</a
             ></div>
             <div>
             <ul id="ulfooter">
                 <li id="lifooter"><a href="index.html" target="_self" class="lifooterstyle">Contact</a></li>
                 <li id="lifooter"><a href="index.html" target="_self" class="lifooterstyle">|</a></li>
                 <li id="lifooter"><a href="index.html" target="_self" class="lifooterstyle">Imprint</a></li>
              </ul>
             </div>
         </div>
     </div>
     
     </div>
 </body>
 </html>

CSS kode

 @charset "utf-8";
 /* CSS Document */
 
 *{
       margin:0px;
       padding:0px;
 }
 
 body{
     background-image:url(/banjows/images/template/bg2.jpg);
 }
 
 #wrapper{
     width:1000px;
     height:100%;
     position:relative;
     margin:auto;
 }
 
 #headertop{
     width:1000px;
     height:40px;
     background-image:url(/banjows/images/template/headertop.jpg);
     position:absolute;
     top:0px;
     left:0px;
 }
 
 #topwelcome{
     width:189px;
     height:9px;
     background-image:url(/banjows/images/template/welcome.png);
     position:absolute;
     top:16px;
     left:15px;
 }
 
 #headerlogin{
     position:absolute;
     top:10px;
     left:300px;
 }
 
 #headerimg{
     width:1000px;
     height:200px;
     background-image:url(/banjows/images/template/headercsgo2.jpg);
     position:absolute;
     top:40px;
     left:0px;
 }
 
 #navhome{
     width:76px;
     height:40px;
     background-image:url(/banjows/images/template/navhome.jpg);
     position:absolute;
     top:240px;
     left:0px;
     text-indent:-9999px;
 }
 
 #navmembers{
     width:95px;
     height:40px;
     background-image:url(/banjows/images/template/navmembers.jpg);
     position:absolute;
     top:240px;
     left:76px;
     text-indent:-9999px;
 }
 
 #navmatches{
     width:93px;
     height:40px;
     background-image:url(/banjows/images/template/navmatches.jpg);
     position:absolute;
     top:240px;
     left:171px;
     text-indent:-9999px;
 }
 
 #navforum{
     width:81px;
     height:40px;
     background-image:url(/banjows/images/template/navforum.jpg);
     position:absolute;
     top:240px;
     left:264px;
     text-indent:-9999px;
 }
 
 #navsponsors{
     width:101px;
     height:40px;
     background-image:url(/banjows/images/template/navsponsors.jpg);
     position:absolute;
     top:240px;
     left:345px;
     text-indent:-9999px;
 }
 
 #navdownloads{
     width:114px;
     height:40px;
     background-image:url(/banjows/images/template/navdownloads.jpg);
     position:absolute;
     top:240px;
     left:446px;
     text-indent:-9999px;
 }
 
 #navmedia{
     width:77px;
     height:40px;
     background-image:url(/banjows/images/template/navmedia.jpg);
     position:absolute;
     top:240px;
     left:560px;
     text-indent:-9999px;
 }
 
 #navcontactus{
     width:110px;
     height:40px;
     background-image:url(/banjows/images/template/navcontactus.jpg);
     position:absolute;
     top:240px;
     left:637px;
     text-indent:-9999px;
 }
 
 #navrest{
     width:253px;
     height:40px;
     background-image:url(/banjows/images/template/navrest.jpg);
     position:absolute;
     top:240px;
     left:747px;
     text-indent:-9999px;
 }
 
 #navunderline{
     width:1000px;
     height:8px;
     background-image:url(/banjows/images/template/navunderline.jpg);
     position:absolute;
     top:280px;
     left:0px;
 }
 
 #contentbg{
     width:1000px;
     height:933px;
     background-color:#242424;
     position:absolute;
     top:288px;
     left:0px;
 }
 
 #latestnewsbg{
     width:270px;
     height:197px;
     background-color:#FFF;
     position:absolute;
     top:0px;
     left:730px;
 }
 
 #latestnewsbar{
     width:268px;
     height:40px;
     background-image:url(/banjows/images/template/latest_news_bar.jpg);
     position:absolute;
     top:1px;
     left:1px;
 }
 
 #latestnewscontent{
     width:268px;
     height:155px;
     position:absolute;
     top:41px;
     left:1px;
     background-color:#FFF;
 }
 
 #latestmatchesbg{
     width:270px;
     height:197px;
     background-color:#FFF;
     position:absolute;
     top:197px;
     left:730px;
 }
 
 #latestmatchesbar{
     width:268px;
     height:40px;
     background-image:url(/banjows/images/template/latest_matches_bar.jpg);
     position:absolute;
     top:0px;
     left:1px;
 }
 
 #latestmatchescontent{
     width:268px;
     height:155px;
     background-color:#FFF;
     position:absolute;
     top:41px;
     left:1px;
 }
 
 #latestforumthreadsbg{
     width:270px;
     height:197px;
     background-color:#FFF;
     position:absolute;
     top:394px;
     left:730px;
 }
 
 #latestforumthreadsbar{
     width:268px;
     height:40px;
     background-image:url(/banjows/images/template/latest_forumthreads_bar.jpg);
     position:absolute;
     top:0px;
     left:1px;
 }
 
 #latestforumthreadscontent{
     width:268px;
     height:155px;
     background-color:#FFF;
     position:absolute;
     top:41px;
     left:1px;
 }
 
 #sponsorsbg{
     width:270px;
     height:342px;
     background-color:#FFF;
     position:absolute;
     top:197px;
     left:0px;
 }
 
 #sponsorsbar{
     width:268px;
     height:40px;
     background-image:url(/banjows/images/template/sponsors_bar.jpg);
     position:absolute;
     top:0px;
     left:1px;
 }
 
 #sponsorscontent{
     width:268px;
     height:300px;
     position:absolute;
     top:41px;
     left:1px;
     background-color:#FFF;
 }
 
 #contentbar{
     width:728px;
     height:12px;
     background-image:url(/banjows/images/template/Content_bar.jpg);
 }
 
 #contentarea{
     width:728px;
     height:921px;
     background-color:#FFF;
     position:absolute;
     top:12px;
     left:0px;
 }
 
 p.contentarea{
     margin-left:10px;
     margin-right:10px;
 }
 
 #footerbg{
     width:1000px;
     height:80px;
     background-color:#FFF;
     position:absolute;
     top:933px;
     left:0px;
 }
 
 #footerbar{
     width:998px;
     height:79px;
     background-image:url(/banjows/images/template/footer_bar.jpg);
     position:absolute;
     top:0px;
     left:1px;
 }
 
 #copyright{
     width:279px;
     height:13px;
     position:absolute;
     background-image:url(/banjows/images/template/copyright.png);
     top:27px;
     left:12px;
 }
 
 #author2{
     width:306px;
     height:13px;
     background-image:url(/banjows/images/template/author.png);
     position:absolute;
     top:42px;
     left:12px;
     display:block;
     text-indent:-9999px;
 }
 
 #ulfooter{
     position:absolute;
     top:27px;
     left:885px;
     list-style-type:none;
 }
 
 #lifooter{
     float:left;
     padding-left:4px;
 }
 
 a.lifooterstyle:link, a.lifooterstyle:visited, a.lifooterstyle:hover, a.lifooterstyle:active{
     font-family:Arial, Helvetica, sans-serif;
     font-weight:bold;
     font-size:12px;
     color:#FFF;
     text-decoration:none;
 }
 
 /*Style for Logged.html*/
 
 #ul_logged_login{
     list-style-type:none;
 }
 
 #il_logged_login{
     float:left;
     margin:4px;
 }
 
 a.logged_style:link, a.logged_style:visited, a.logged_style:hover, a.logged_style:active{
     font-family:Arial, Helvetica, sans-serif;
     font-size:10px;
     font-weight:bold;
     color:#FFF;
     text-decoration: none;
     text-transform:uppercase;
     display:block;
 }
 
 /*END of Logged.html*/
 
 /*Style of login.php*/
 
 #admin{
     font-family:Arial, Helvetica, sans-serif;
     font-size:10px;
     font-weight:bold;
     color:#FFF;
     text-decoration: none;
     text-transform:uppercase;
     display:block;
 }
 
 /*END of login.php*/
 
 /*Style login.html*/
 
 #login1{
 }
 
 #login1 .userfield{
  width:160px;
  height:14px; 
  border:solid 1px #6699ff;
  background-color:transparent;
  position:absolute;
  top:2px;
  left:198px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
 }
 
 #login1 .pwdfield{
  width:160px;
  height:14px;
  border:solid 1px #6699ff;
  background-color:transparent;
  position:absolute;
  top:2px;
  left:366px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
 }
 
 #login1 .loginbutton{
     position:absolute;
     left:538px;
     top:1px;
 }
 
 #login1 .register{
     width:51px;
     height:9px;
     background-image:url(/banjows/images/template/login/login_register.png);
     position:absolute;
     top:7px;
     left:577px;
     display:block;
     text-indent:-9999px;
 }
 
 #login1 .lostpassword{
     width:52px;
     height:9px;
     background-image:url(images/template/login/login_lostpw.png);
     position:absolute;
     top:7px;
     left:636px;
     display:block;
     text-indent:-9999px;
 }
 
 input[type=password]{
     padding-left:4px;
 }
 
 input[type=text]{
     padding-left:4px;
 }

Håber at der er nogle kloge hoveder

Har kun haft med css at gøre i omkring et par uger

13 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 6 karma

Sorter efter stemmer Sorter efter dato

Bruger #17081 @ 15.02.13 13:42

1.258

Nogle gange er det ikke nødvendigt, at placere elementer, hvis de bare skal ligge oven på hinanden. Hvis du skal have elementer placeret i f.eks. klonner er det muligt med floats og positions.

Bruger #8884 @ 15.02.13 13:52

300

Det eneste tidspunkt hvor man kan forsvare brug af tabeller i dag, er hvis man decideret skal opskrive tabeldata.

Nok om det. For at placere elementer korrekt uden brug af tabeller og position absolute kan du som Dan så fint skriver bruge float og positions. Herudover kan du yderligere bruge margins til at holde dine elementer de rigtige steder så de ikke ligger klods op ad hindanden.

En div er et såkaldt block-element. Det betyder at den som udgangspunkt altid vil have samme bredde som dens parent, og at der ikke kan være 2 ved siden af hindanden medmindre de floater eller har position absolute. Derfor behøver man overhovedet ikke position absolute til at placere elementer under hinanden, der kan simpel margin-bottom sørge for at der er den rigtige afstand.

En anden ulempe ved at bruge position absolute hvis du skal "stable" elementer er at hvis indholdet i et af de øvre elementer bliver udvidet vil elementet under stadig være det samme sted, og elementerne vil overlappe, hvilket får din side til at se dum ud.

Hvis der er andet må du spørge.

Mvh. Andreas Voss

Bruger #17390 @ 15.02.13 22:03

Okay tak Andreas

DAN

Her er min index.php

PHP kode

 <?php
 include("_mysql.php");
 include("_settings.php");
 include("_functions.php");
 $_language->read_module('index');
 $index_language = $_language->module;
 ?>
 
 <!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>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" type="text/css" href="style/style.css"/>
 <title><?php echo PAGETITLE; ?></title>
 <link href="_stylesheet.css" rel="stylesheet" type="text/css">
 <script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
 </head>
 <body>
     <div id="wrapper">
         <div id="headertop">
             <div id="topwelcome">
             </div>
             <div id="headerlogin">
             <?php include("login.php"); ?>
             </div>
         </div>
         <div id="headerimg">
         </div>
         <div>
             <div>
             <a href="index.php" target="_self" id="navhome">HOME</a>
             </div>
             <div>
             <a href="index.php?site=members" target="_self" id="navmembers">MEMBERS</a>
             </div>
             <div>
             <a href="index.php?site=clanwars" target="_self" id="navmatches">MATCHES</a>
             </div>
             <div>
             <a href="index.php?site=forum" target="_self" id="navforum">FORUM</a>
             </div>
             <div>
             <a href="index.php?site=sponsors" target="_self" id="navsponsors">SPONSORS</a>
             </div>
             <div>
             <a href="index.php?site=files" target="_self" id="navdownloads">DOWNLOADS</a>
             </div>
             <div>
             <a href="index.php?site=gallery" target="_self" id="navmedia">MEDIA</a>
             </div>
             <div>
             <a href="index.php?site=contact" target="_self" id="navcontactus">CONTACTUS</a>
             </div>
               <div id="navrest">
             </div>
             </div>
             <div id="navunderline">
             </div>
             
             <div id="contentbg">
                 <div id="contentbar">
                     <div id="contentarea">
                     <?php
                     if(!isset($site)) $site="news";
                     $invalide = array('\\','/','//',':','.');
                     $site = str_replace($invalide,' ',$site);
                     if(!file_exists($site.".php")) $site = "news";
                     include($site.".php");
                     ?>
                     </div>
                 </div>
                
                 <div id="latestnewsbg">
                     <div id="latestnewsbar">
                     </div>
                     <div id="latestnewscontent">
                     <?php include("sc_headlines.php"); ?>
                     </div>
                 </div>
                 
                 <div id="latestmatchesbg">
                     <div id="latestmatchesbar">
                     </div>
                     <div id="latestmatchescontent">
                     <?php include("sc_results.php"); ?>
                     </div>
                 </div>
                 
                 <div id="latestforumthreadsbg">
                     <div id="latestforumthreadsbar">
                     </div>
                     <div id="latestforumthreadscontent">
                     <?php include("latesttopics.php"); ?>
                     </div>
                     
                 <div id="sponsorsbg">
                   <div id="sponsorsbar">
                 </div>
                 <div id="sponsorscontent">
                 <?php include("sc_sponsors.php"); ?>
                 </div>
                 
             </div> 
         </div>
 </div>
 
 <div id="footerbg">
         <div id="footerbar">
             <div id="copyright">
             </div>
             <div id="author">
                 <a href="http://ufrag.net/" target="_blank" id="author2">UFRAG</a
             ></div>
             <div>
             <ul id="ulfooter">
                 <li id="lifooter"><a href="index.html" target="_self" class="lifooterstyle">Contact</a></li>
                 <li id="lifooter"><a href="index.html" target="_self" class="lifooterstyle">|</a></li>
                 <li id="lifooter"><a href="index.html" target="_self" class="lifooterstyle">Imprint</a></li>
              </ul>
             </div>
         </div>
     </div>
 </body>
 </html>

CSS kode

 @charset "utf-8";
 /* CSS Document */
 
 *{
       margin:0px;
       padding:0px;
 }
 
 body{
     background-image:url(../images/template/bg2.jpg);
 }
 
 #wrapper{
     width:1000px;
     height:1600px;
     position:relative;
     margin:auto;
 }
 
 #headertop{
     width:1000px;
     height:40px;
     background-image:url(../images/template/headertop.jpg);
     position:absolute;
     top:0px;
     left:0px;
 }
 
 #topwelcome{
     width:189px;
     height:9px;
     background-image:url(../images/template/welcome.png);
     position:absolute;
     top:16px;
     left:15px;
 }
 
 #headerlogin{
     position:absolute;
     top:10px;
     left:300px;
 }
 
 #headerimg{
     width:1000px;
     height:200px;
     background-image:url(../images/template/headercsgo2.jpg);
     position:absolute;
     top:40px;
     left:0px;
 }
 
 #navhome{
     width:76px;
     height:40px;
     background-image:url(../images/template/navhome.jpg);
     position:absolute;
     top:240px;
     left:0px;
     text-indent:-9999px;
 }
 
 #navmembers{
     width:95px;
     height:40px;
     background-image:url(../images/template/navmembers.jpg);
     position:absolute;
     top:240px;
     left:76px;
     text-indent:-9999px;
 }
 
 #navmatches{
     width:93px;
     height:40px;
     background-image:url(../images/template/navmatches.jpg);
     position:absolute;
     top:240px;
     left:171px;
     text-indent:-9999px;
 }
 
 #navforum{
     width:81px;
     height:40px;
     background-image:url(../images/template/navforum.jpg);
     position:absolute;
     top:240px;
     left:264px;
     text-indent:-9999px;
 }
 
 #navsponsors{
     width:101px;
     height:40px;
     background-image:url(../images/template/navsponsors.jpg);
     position:absolute;
     top:240px;
     left:345px;
     text-indent:-9999px;
 }
 
 #navdownloads{
     width:114px;
     height:40px;
     background-image:url(../images/template/navdownloads.jpg);
     position:absolute;
     top:240px;
     left:446px;
     text-indent:-9999px;
 }
 
 #navmedia{
     width:77px;
     height:40px;
     background-image:url(../images/template/navmedia.jpg);
     position:absolute;
     top:240px;
     left:560px;
     text-indent:-9999px;
 }
 
 #navcontactus{
     width:110px;
     height:40px;
     background-image:url(../images/template/navcontactus.jpg);
     position:absolute;
     top:240px;
     left:637px;
     text-indent:-9999px;
 }
 
 #navrest{
     width:253px;
     height:40px;
     background-image:url(../images/template/navrest.jpg);
     position:absolute;
     top:240px;
     left:747px;
     text-indent:-9999px;
 }
 
 #navunderline{
     width:1000px;
     height:8px;
     background-image:url(../images/template/navunderline.jpg);
     position:absolute;
     top:280px;
     left:0px;
 }
 
 #contentbg{
     width:1000px;
     height:933px;
     background-color:#242424;
     position:absolute;
     top:288px;
     left:0px;
 }
 
 #latestnewsbg{
     width:270px;
     height:197px;
     background-color:#FFF;
     position:absolute;
     top:0px;
     left:730px;
 }
 
 #latestnewsbar{
     width:268px;
     height:40px;
     background-image:url(../images/template/latest_news_bar.jpg);
     position:absolute;
     top:1px;
     left:1px;
 }
 
 #latestnewscontent{
     width:268px;
     height:155px;
     position:absolute;
     top:41px;
     left:1px;
     background-color:#FFF;
 }
 
 #latestmatchesbg{
     width:270px;
     height:197px;
     background-color:#FFF;
     position:absolute;
     top:197px;
     left:730px;
 }
 
 #latestmatchesbar{
     width:268px;
     height:40px;
     background-image:url(../images/template/latest_matches_bar.jpg);
     position:absolute;
     top:0px;
     left:1px;
 }
 
 #latestmatchescontent{
     width:268px;
     height:155px;
     background-color:#FFF;
     position:absolute;
     top:41px;
     left:1px;
 }
 
 #latestforumthreadsbg{
     width:270px;
     height:197px;
     background-color:#FFF;
     position:absolute;
     top:394px;
     left:730px;
 }
 
 #latestforumthreadsbar{
     width:268px;
     height:40px;
     background-image:url(../images/template/latest_forumthreads_bar.jpg);
     position:absolute;
     top:0px;
     left:1px;
 }
 
 #latestforumthreadscontent{
     width:268px;
     height:155px;
     background-color:#FFF;
     position:absolute;
     top:41px;
     left:1px;
 }
 
 #sponsorsbg{
     width:270px;
     height:342px;
     background-color:#FFF;
     position:absolute;
     top:197px;
     left:0px;
 }
 
 #sponsorsbar{
     width:268px;
     height:40px;
     background-image:url(../images/template/sponsors_bar.jpg);
     position:absolute;
     top:0px;
     left:1px;
 }
 
 #sponsorscontent{
     width:268px;
     height:300px;
     position:absolute;
     top:41px;
     left:1px;
     background-color:#FFF;
 }
 
 #contentbar{
     width:728px;
     height:12px;
     background-image:url(../images/template/Content_bar.jpg);
 }
 
 #contentarea{
     width:728px;
     height:921px;
     background-color:#FFF;
     position:absolute;
     top:12px;
     left:0px;
 }
 
 p.contentarea{
     margin-left:10px;
     margin-right:10px;
 }
 
 #footerbg{
     width:1000px;
     height:80px;
     background-color:#FFF;
     position:absolute;
     top:933px;
     left:0px;
 }
 
 #footerbar{
     width:998px;
     height:79px;
     background-image:url(../images/template/footer_bar.jpg);
     position:absolute;
     top:0px;
     left:1px;
 }
 
 #copyright{
     width:279px;
     height:13px;
     position:absolute;
     background-image:url(../images/template/copyright.png);
     top:27px;
     left:12px;
 }
 
 #author2{
     width:306px;
     height:13px;
     background-image:url(../images/template/author.png);
     position:absolute;
     top:42px;
     left:12px;
     display:block;
     text-indent:-9999px;
 }
 
 #ulfooter{
     position:absolute;
     top:27px;
     left:885px;
     list-style-type:none;
 }
 
 #lifooter{
     float:left;
     padding-left:4px;
 }
 
 a.lifooterstyle:link, a.lifooterstyle:visited, a.lifooterstyle:hover, a.lifooterstyle:active{
     font-family:Arial, Helvetica, sans-serif;
     font-weight:bold;
     font-size:12px;
     color:#FFF;
     text-decoration:none;
 }
 
 /*Style for Logged.html*/
 
 #ul_logged_login{
     list-style-type:none;
 }
 
 #il_logged_login{
     float:left;
     margin:4px;
 }
 
 a.logged_style:link, a.logged_style:visited, a.logged_style:hover, a.logged_style:active{
     font-family:Arial, Helvetica, sans-serif;
     font-size:10px;
     font-weight:bold;
     color:#FFF;
     text-decoration: none;
     text-transform:uppercase;
     display:block;
 }
 
 /*END of Logged.html*/
 
 /*Style of login.php*/
 
 #admin{
     font-family:Arial, Helvetica, sans-serif;
     font-size:10px;
     font-weight:bold;
     color:#FFF;
     text-decoration: none;
     text-transform:uppercase;
     display:block;
 }
 
 /*END of login.php*/
 
 /*Style login.html*/
 
 #login1{
 }
 
 #login1 .userfield{
  width:160px;
  height:14px; 
  border:solid 1px #6699ff;
  background-color:transparent;
  position:absolute;
  top:2px;
  left:198px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
 }
 
 #login1 .pwdfield{
  width:160px;
  height:14px;
  border:solid 1px #6699ff;
  background-color:transparent;
  position:absolute;
  top:2px;
  left:366px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
 }
 
 #login1 .loginbutton{
     position:absolute;
     left:538px;
     top:1px;
 }
 
 #login1 .register{
     width:51px;
     height:9px;
     background-image:url(../images/template/login/login_register.png);
     position:absolute;
     top:7px;
     left:577px;
     display:block;
     text-indent:-9999px;
 }
 
 #login1 .lostpassword{
     width:52px;
     height:9px;
     background-image:url(../images/template/login/login_lostpw.png);
     position:absolute;
     top:7px;
     left:636px;
     display:block;
     text-indent:-9999px;
 }
 
 input[type=password]{
     padding-left:4px;
 }
 
 input[type=text]{
     padding-left:4px;
 }

<< < 1 2 > >>

Hjælp til "height"

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler