E Emil W Medlem sedan mars 2009 512 inlägg Frågan 19 dec. 2009 16:36 #1 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;}
joser Medlem sedan mars 2002 1 152 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.
E Emil W Medlem sedan mars 2009 512 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>
joser Medlem sedan mars 2002 1 152 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;
}
