Emil WMedlem sedan mars 2009512 inlägg Hej har ett litet problem med att få inlägg boxen att flytta sig lite ner
hela mitten boxen följer också med men det vill inte jag
och sen vill inte inlägg boxen åka ner, inlägg boxen är den som mitt namn står i
hur löser man detta ?
se bifogad bild
så här ser css koden ut
body{
background:#AAAAAA;
margin:0px;
}
.topp{margin-left:110px;}
.list{background:#EEEEEE; margin-left:110px; border:0px solid #000000; width:808px; text-align:center;}
.mitten{background:#FFFFFF; margin-left:110px; border:0px solid #000000; width:808px; height:800; text-align:center;}
.inlagg_box{border:1px solid #000000; width:600px; margin-left:100px; margin-top:10px;}
MelittaMedlem sedan sep. 2003448 inlägg Som alltid, posta länk till en skarp sida eller mer kod, jätte svårt att svara på vad det kan vara när du bara postar 4 rader från din css..
Emil WMedlem sedan mars 2009512 inlägg jag har kör lokalt på min dator
MelittaMedlem sedan sep. 2003448 inlägg Ja men posta resten av koden då..
Emil WMedlem sedan mars 2009512 inlägg här kommer alll kod
<head>
<title>Emils blogg</title>
<link href="tema1.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="topp"><img src="logo.gif"></div>
<div class="list"><?php echo "$dagar[$datum]"; echo " den".date(" d"); echo " $manader[$datumm]"; echo date(" Y");?></div>
<div class="mitten">
<?php
$server = "**************";
$anv = "**********'";
$los = "************''";
$databas = "***********";
$con = @mysql_connect($server,$anv,$los);
if(!$con)
{
die('fel' . mysql_error());
}
mysql_select_db($databas,$con);
$result = "SELECT namn,text,datum FROM blogg_inlagg";
$skriv = mysql_query($result);
while($row = mysql_fetch_array($skriv))
{
<div class=\"inlagg_box\">
echo $row['namn'];
echo "</div>";
}
mysql_close($con);
?>
</div>
</body>
</html>
Postar gärna ännu hellre den genererade html koden än blanding med php och html, visa källa i ditt dokument, jag gissar att du ha en p-element eller liknande med en default margin som ställer till det för dig.
Emil WMedlem sedan mars 2009512 inlägg så här ser käll koden ut när jag tar visa källa
<html>
<head>
<title>Emils blogg</title>
<link href="tema1.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="topp"><img src="logo.gif"></div>
<div class="list">Söndagen den 13 September 2009</div>
<div class="mitten">
<div class="inlagg_box">Emil Wiklund</div></div>
</body>
</html>
Rensat kod, flyttat in det i en wrapper istället, så slipper du uppdatera bredd på 3-4 css klasser, räcker att du gör det på ett ställe, sen centrerade jag "Emil Wiklund", istället för att köra på pixlar.
<html>
<head>
<title>Emils blogg</title>
<style>
body{
background: #aaa;
margin: 0px;
}
.list{
background: #eee;
text-align: center;
}
.mitten{
text-align: center;
height: 800px;
}
.inlagg_box{
border: 1px solid #000;
width: 600px;
margin-top: 10px;
margin: 10px auto 0 auto; /*Center container */
margin-top: 10px;
}
#wrapper {
background: #fff;
margin-left: 110px; /*Easier to center one item instead of all three items, same goes with width */
width: 808px;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="topp">
<img src="logo.gif">
</div>
<div class="list">
Söndagen den 13 September 2009
</div>
<div class="mitten">
<div class="inlagg_box">Emil Wiklund</div>
</div>
</div>
</body>
</html>
Emil WMedlem sedan mars 2009512 inlägg Det blir fortfarande samma jag vill att mitten rutan ska sitta i hop med listen där datumet står
och sen boxen där mitt namn står ska ner en liten bit
Emil WMedlem sedan mars 2009512 inlägg jag fick lägga till padding:5px; till classen mitten
