Emil WMedlem sedan mars 2009503 inlägg
Har problem med en box
titta på bifogad bild
om man skriver lång text i mitten
så blir där det står navigering blir lång jag vill att den boxen ska vara liten ska vara liten
här är css-koden
body{
background:#DCDCDC;
}
#ram{
border:1px solid #000000;
width:700;
margin-left:150px;
}
.topp{
background:#FFFFFF;
padding:3px;
height:63px;
}
.mitten{
background:#FFCCFF;
padding:3px;
width:538px;
margin-left:156px;
float:left;
}
.meny{background:#FFFFFF; width:150px; padding:3px; text-align:center;}
.menyn{background:#0099CC; padding:3px; color:#FFFFFF; font-weight:bold; text-align:center;}
joserMedlem sedan mars 2002634 inlägg
Posta din html också.
Css utan html gör det onödigt svårt att ge en fungerande lösning eftersom svaret skulle behöva täcka flera varianter.
Emil WMedlem sedan mars 2009503 inlägg
<html>
<head>
<link href="gastbok_mall.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="ram">
<div class="topp">
<img src="logo_annonstorg.png">
</div>
<div class="mitten">
Får inte att felet att funka !
<br>
<br>
<br>
<br>
<br>
Test
</div>
<div class="meny">
<div class="menyn">
Navigering
</div>
<?php
$server = "**********";
$user = "**********";
$pass = "*******************";
$con = @mysql_connect($server,$user,$pass);
if(!$con)
{
die('fel' . mysql_error());
}
mysql_select_db("***************", $con) or die('Databas fel ' . mysql_error());
$kor = "SELECT namn,lanken FROM lankar";
$visa = mysql_query($kor);
while($row = mysql_fetch_array($visa))
{
echo "<a href=".htmlspecialchars($row['lanken']).">".htmlspecialchars($row['namn'])."</a><br>";
}
?>
</div>
</div>
</body>
</html>
joserMedlem sedan mars 2002634 inlägg
Du har två lösningar.
Ge både mitten och meny float:right och ta bort vänstermarginalen från "mitten".
.mitten {
background: #FFCCFF;
padding: 3px;
width: 538px;
float: right;
}
.meny {
background: #FFFFFF;
width: 150px;
padding: 3px;
text-align: center;
float: right;
}
.menyn {
background: #0099CC;
padding: 3px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
Eller skifta plats för meny och mitten och ge bara meny float:left och låt mitten behålla vänstermarginalen. Då kan du ta bort bredden och låta mitten ta den bredd som blir över.
<div id="ram">
<div class="topp">
<img src="logo_annonstorg.png">
</div>
<div class="meny">
<div class="menyn">
Navigering
</div>
</div>
<div class="mitten">
Får inte att felet att funka !
<br>
<br>
<br>
<br>
<br>
Test
</div>
</div>
.meny {
background: #FFFFFF;
width: 150px;
padding: 3px;
text-align: center;
float: left;
}
.menyn {
background: #0099CC;
padding: 3px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
.mitten {
background: #FFCCFF;
padding: 3px;
margin-left: 156px;
}
Emil WMedlem sedan mars 2009503 inlägg
