billedet laver mellem til tekst boxen
hejligge 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
her vise jeg lidt bedre at der er mellem med billedet og det næste..
http://jesperbok.dk/skoleopgave/3.png
her er kode fra index.php
Kigge det her; <?php include("include/banner.php");?>
<?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>
<?php include("include/banner.php");?>
<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>
Det her er min style.css
* {
padding : 0;
margin : 0;
}
img {
padding : 0;
margin : 0;
border : 0;
}
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) right bottom no-repeat #000;
min-height : 600px;
color : #fff;
}
img a {
padding : 0;
margin : 0;
}
h1 {
padding : 5px;
color : #1583bf;
font-size : 24px;
}
#menu {
background : url(../img/bg-info/menu/menu_a.png) no-repeat;
margin : 0;
text-align : center;
padding : 2px;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
}
#menu ul {
margin : 0;
padding : 10px;
}
#menu ul li {
margin : 0;
display : inline;
padding : 10px;
}
#menu ul li a {
text-decoration : none;
color : #333;
}
#menu ul li a:hover {
text-decoration : none;
color : #fff;
}
#footer {
clear : both;
background : #535353;
color : #fff;
padding : 5px;
text-align : center;
}
Det her er min style_index.css
#bruger {
float : left;
width : 200px;
margin-bottom : 5px;
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 solid #000;
}
#bruger p {
margin : 3px;
}
.addsbruger {
padding : 5px;
border-bottom : 1px solid #000;
}
.addsbruger ul {
padding : 0;
margin : 0;
}
.addsbruger ul li {
display : inline;
clear: both;
}
.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;
}
Håber du kan sige til mig hvad der er galt siden at den laver noget mellem billedet og bruger osv.. :O ...
jeg har prøve alt muligt omkring at lave styles på den lign
