css - Billede giver mellemrum - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css

Bruger #16353 @ 05.02.12 00:10

hej

ligge nu arbejder med at et billede hvor den gå henn og laver mellem billedet bruger og tekst.. jeg synes det virker mærkeligt jeg har skrevet alt muligt i min css og html og gået frem og tilbage og ikke rigtigt komme frem til noget seriøst godt eller lign..

her vise jeg at billedet gået hen og lave et mellem til det næste
http://jesperbok.dk/skoleopgave/2.png

http://jesperbok.dk/skoleopgave/3.png
her vise jeg lidt bedre at der er mellem med billedet og det næste..

her er kode fra index.php

PHP kode

 <?php include("include/banner.php");?>

Det er her banner/logo er,

PHP kode

 <?php include("include/database/database.php");?>
 <!DOCTYPE HTML>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>Jesper</title>
 <link rel="stylesheet" type="text/css" href="style/style.css">
 <link rel="stylesheet" type="text/css" href="style/style_index.css">
 </head>
 <body>
 <?php include("include/logo.php");?>
 <!--wrapper-->
 <div id="wrapper">
     <!--Menu-->
     <div id="menu">
           <ul>
                 <?php
                 $result = mysql_query("SELECT * FROM menu");
                 while($row = mysql_fetch_array($result))
                     {
                 ?>
                     <li><a href="<?php echo $row["navn"];?>.php"><?php echo $row["side_navn"];?></a></li>    
                 <?php
                         }
                 ?>
             </ul>
         </div>
         [b]<?php include("include/banner.php");?>[/b]
         <div id="bruger">
         <h3>Nyeste profiler</h3>
         <p>test</p>
         </div>
         <!--Om djinfo.dk-->
         <div id="omosbox">
             <p>test</p>
         </div>
 <?php include("include/footer.php");?>
 </div>
 </body>
 </html>

min style.css ser sådan her ude;

CSS kode

 @charset "utf-8";
 /*Vigtigt Infomation*/
     * {
         padding:0px;
         margin:0px;
     }
         img {
             padding: 0px;
             margin: 0px;
             border: 0px;
         }
     body {
         background:url(../img/bg-info/bg.png) #333;
         font-family:"MS Serif", "New York", serif;
         font-size:14px;
         width:970px;
         margin:0 auto;
     }
     #wrapper {
         background:url(../img/bg-info/menu/bg_info.png) bottom right no-repeat #000;
         min-height:600px;
                 color: #fff;
         
         box-shadow:0px 0px 15px #FFF;
         -moz-box-shadow:0px 0px 15px #FFF;
         -webkit-box-shadow:0px 0px 15px #FFF;
     }
     img a {
         padding:0px;
         margin:0px;
     }
 /*h1*/
     h1 {
         padding:5px;
         color:#1583BF;
         font-size:24px;
     }
 /*Menu*/
     #menu {
         background:url(../img/bg-info/menu/menu_a.png) no-repeat;
         margin:0px;
         text-align:center;
         padding:2px;
         font-size:14px;
         font-family:Arial, Helvetica, sans-serif;
     }
     #menu ul {
         margin:0px;
         padding:10px;
     }
     #menu ul li {
         margin:0px;
         display:inline;
         padding:10px;
     }
     #menu ul li a {
         text-decoration:none;
         color:#333;
     }
     #menu ul li a:hover {
         text-decoration:none;
         color:#ffF;
     }
 /*Footer*/
     #footer {
         clear:both;
         background:#535353;
         color:#FFF;
         padding:5px;
         text-align:center;
     }

sådan her ser style_index.css ude;

CSS kode

 @charset "utf-8";
 
 #bruger {
     float:left;
     width:200px;
         margin-bottom: 10px;
     min-height:480px;
     background:url(../img/bg-info/menu/menu_ahover.png) no-repeat;
     color:#000;
     padding-bottom:5px;
 }
 #bruger h3 {
     color:#000;
     padding:5px;
     font-size:15px;
     border-bottom:1px #000 solid;
 }
 #bruger p {
     margin: 3px;
 }
 #addsbruger {
     padding:5px;
     border-bottom:1px #000 solid;
 }
 #addsbruger ul {
     padding:0px;
     margin:0px;
 }
 #addsbruger ul li {
     display:inline;
 }
 #addsbruger ul li a {
     padding:3px;
     text-decoration:none;
     color:#000;
 }
 #addsbruger ul li a:hover {
     padding:3px;
     text-decoration:none;
     color:#F90;
 }
 
 
 #omosbox {
     float:left;
     width:760px;
     min-height:400px;
     padding:5px;
 }