Som rubriken säger, undrar jag om det är möjligt på något sätt att pladera till exempel en tabell, eller ännu hellre en annan div brevid en div?
Jag har en <div class="meny">
där klassen ser ut som följer:
.meny
{
margin-top: 125; margin-left: 50;
}
dvs. placerar ut diven 125 px ner och 50 px in från vänsterkanten.
jag skulle vilja ha en till div brevid (till höger om) denna, är det tekniskt möjligt?
Jag testade med <span> istället men då verkar inte margin-attributen fungera.
Idéer någon? (jag har sökt lite, men inte hittat något som överensstämde)
Web-TorMedlem sedan nov. 200013 890 inlägg <div>taggen skapar automatiskt ett nytt stycke (en tomrad).
1. Du kan lägga det hela i någon slags container:
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td width="300">Innehåll till vänster</td>
<td width="300">Innehåll till höger</td>
<tr>
</table>
2. Du får lägga in ett lager:
<div id="namn" style="position:absolute; width:200px; left: 300px; top: 125px; z-index: 1;">Innehåll till höger</div>
Web-tor: Ditt förslag del 2 ser ut att fungera precis som jag vill ha det! tackar :)
jockekMedlem sedan jan. 200134 inlägg jockek: intressant sida! tack för länken :)
Sökte för att finna ett liknande problem, men jag tänkte att jag kan fortsätta i den här..
Jag har en centrerad div-box på sidan, som alltid är centrerad, nu vill jag ha en till div-box till höger om den som ska flyta med ifall fönstret ändrar storlek.
Hur löser jag detta med CSS?
Är det ingen som har någon lösning på ovanstående problem? Kommer med lite kod senare om det behövs.. Har lite brottom till annat nu.
Jag vet att man kan få tips så väldans fort annars, så jag börjar bli lite orolig nu ;)
InsiderMedlem sedan jan. 2000978 inlägg Menar du så här?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
* {margin:0;padding:0;}
#wrap {
margin:0 auto;
width:50em;
position:relative;
left:6em;
background:#888;
}
#left {
width:38em;
float:left;
background:#aaf;
}
#right {
width:12em;
float:right;
background:#eda;
}
</style>
</head>
<body>
<div id="wrap">
<div id="left">
<p>#left</p>
<p>asdasd adasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd
Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
</div>
<div id="right">
<p>#right</p>
<p>asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
<p>Vänster asdasd asdasd asda adsdasd asdasd asdasd asdasd asdasd asdasdasd</p>
</div>
</div>
</body>
</html>
Ja tack, det va så jag menade :)
Tack för hjälpen!
bossseMedlem sedan juni 2003772 inlägg Tranceformer skrev:
Jag har en centrerad div-box på sidan, som alltid är centrerad, nu vill jag ha en till div-box till höger om den som ska flyta med ifall fönstret ändrar storlek.
Hur löser jag detta med CSS?
<html>
<head>
<title></title>
<style type="text/css">
<!--
div
{
width:600px;
height:400px;
background-color:gray;
border:1px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:-300; /* hälften av bredden */
margin-top:-200; /* hälften av höjden */
}
#höger
{
width:50px;
height:400px;
background-color:gray;
border:1px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:302;
margin-top:-200;
}
-->
</style>
</head>
<body bgcolor=green>
<div>
Tryck tangent F11 för helskärm.
</div>
<div id=höger>
</div>
</body>
</html>
bossseMedlem sedan juni 2003772 inlägg Tranceformer skrev:
Jag har en centrerad div-box på sidan, som alltid är centrerad, nu vill jag ha en till div-box till höger om den som ska flyta med ifall fönstret ändrar storlek.
Hur löser jag detta med CSS?
<html>
<head>
<title></title>
<style type="text/css">
<!--
div
{
width:600px;
height:400px;
background-color:gray;
border:1px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:-300; /* hälften av bredden */
margin-top:-200; /* hälften av höjden */
}
#höger
{
width:50px;
height:400px;
background-color:gray;
border:1px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:302;
margin-top:-200;
}
-->
</style>
</head>
<body bgcolor=green>
<div>
Tryck tangent F11 för helskärm.
</div>
<div id=höger>
</div>
</body>
</html>
