webForumDet fria alternativet

Skippa radbrytning mellan "boxarna"...

HTML & CSSur HTML, XHTML & CSS

4 svar · 366 visningar · startad av mahjar

mahjarMedlem sedan okt. 200457 inlägg
#1

kolla här:
http://persianbros.mine.nu/spel-fusk/start.php

om jag vill lägga till en "box" lr va de heter åt vänster bredvid logon hur gör jag då? för när jag använder <P> så gör den radbrytning hela tiden....

jarvkloMedlem sedan juli 20013 378 inlägg
#2

t.ex. såhär:

p.nyaboxen {float:left;width:150px;height:150px;margin:0;padding:0}
p.logon {
border: 1px solid #000000;
background-image: url(images/Untitled-1.gif);
height: 150px;
width: 800px;
[b]margin-left: 150px; /* samma som bredden på nyaboxen+2*(margin+padding+border) */ [/b]
}

[...]

<body>
<p class="nyaboxen"></p>
<p class="logon"></p>
mahjarMedlem sedan okt. 200457 inlägg
#3

Tack men det blir fortfarande radbrytning =(

jarvkloMedlem sedan juli 20013 378 inlägg
#4

Hmm...
Den box du har float på måste ligga före den du har margin-left på i koden för att det skall fungera ;)

Testa det här i koden som den såg ut nyss:

#content {
[b]float:left; /********/[/b]
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin: 0px;
height: 350px;
width: 600px;
background-color: #00CCFF
}
#content2 {
border: 1px solid #000000;
width: 200px;
height: 350px;
[b]margin: 0 0 0 600px;  /*****sista värdet är margin-left******/
border-top:none; /***UtseendeFix för border***/[/b]
padding: 0;
background-color: #00CCFF
}
mahjarMedlem sedan okt. 200457 inlägg
#5

funkar nu tack!

124 ms totalt · 3 externa anrop · v20260731065814-full.29ac60f6
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
122 ms — hämta tråd, inlägg och bilagor (db)