Avatar billede lillebror Nybegynder
15. april 2003 - 23:55 Der er 15 kommentarer og
1 løsning

To bokse ved siden af hinanden

Yes, så er det tredje gang i dag, at CSS'en driller :)

www.zpeed.dk/newzpeed/

Den kode jeg har lavet er med garanti helt ved siden af, men altså det jeg prøver på at lave, er to bokse der skal være ved siden af hinanden.

Jeg tror man kan se ideen i det på hjemmesiden.

vil nogen kigge stylesheet, så kan det findes på www.zpeed.dk/newzpeed/style.css
Avatar billede mikmakmuk Nybegynder
16. april 2003 - 00:26 #1
Nu ved jeg jo ikke hva det er du vil men har du overvejet at bruge en tabel?
Avatar billede lillebror Nybegynder
16. april 2003 - 00:28 #2
Damn det glemte jeg er at skrive
tabeller er yt, der må overhovedet ikke bruge tabeller til det layoutmæssige på min side... og eftersom jeg ved det kan lade sig gøre i css, så skal det laves i css
Avatar billede mikmakmuk Nybegynder
16. april 2003 - 00:31 #3
spændende holdning. Hvorfor mener du at tabeller er yt?
Avatar billede lillebror Nybegynder
16. april 2003 - 00:34 #4
Det er ikke noget jeg vil diskutere...
Det er sådan jeg vil bygge min side.
CSS er fremtiden!
Avatar billede mikmakmuk Nybegynder
16. april 2003 - 00:37 #5
Øhhh ja måske, men de to ting udelukker ikke hinanden :-)
Avatar billede lillebror Nybegynder
16. april 2003 - 00:39 #6
Ikke i din verden.
Når jeg skriver, at min side skal bygges i css only, så er tabeller udelukket!
:)
Avatar billede cdc Novice
16. april 2003 - 00:42 #7
hvad så med atlave en div som du placerer
Avatar billede lillebror Nybegynder
16. april 2003 - 00:45 #8
cdc, det lyder meget fristende, men med en absolut placering, vil det ikke virker host folk der har et mindre browservindue end mig, fordi størrelsen på selve designet af min hjemmeside er konstant.
Avatar billede mikmakmuk Nybegynder
16. april 2003 - 00:45 #9
<html>
<head>

<style type="text/css">
body {background-color: #999999}

.contentsbox1{
background-color: #ffffff;
height:150px;
width:150px;
}

.contentsbox2{
background-color: #ffffff;
height:100px;
width:100px;

}

</style>


</head>
<body>

     
<span class="contentsbox1">storboks</span>
<span class="contentsbox2">lilleboks</span>
     
     
</body>
</html>
Avatar billede lillebror Nybegynder
16. april 2003 - 00:54 #10
yes sir, du har den :)
Burde jeg selv have set, men jeg er sq ikke så godt inde i css endnu
Avatar billede lillebror Nybegynder
16. april 2003 - 00:55 #11
Kan vi få et svar på bordet?
Avatar billede mikmakmuk Nybegynder
16. april 2003 - 00:55 #12
Hvad med noget i den her stil

<html>
<head>

<style type="text/css">
body {
background-color: #999999
}

p.margin {
margin-top: 100px;
margin-left: 200px;
}

.contentsbox1{
background-color: #ffffff;
height:150px;
width:150px;
}

.contentsbox2{
background-color: #ffffff;
height:100px;
width:100px;

}

</style>


</head>
<body>

     
<p class="margin">
<span class="contentsbox1">storboks</span>
<span class="contentsbox2">lilleboks</span>
</p>     
     
</body>
</html>
Avatar billede lillebror Nybegynder
16. april 2003 - 00:58 #13
svar plz, så jeg kan komme i seng :)
Avatar billede mikmakmuk Nybegynder
16. april 2003 - 00:59 #14
Er løsningen som du gerne vil have den?
Avatar billede lillebror Nybegynder
16. april 2003 - 01:01 #15
Du har i hvert fald fortalt mig, hvordan jeg få to ting op på siden af hinanden, så kan jeg selv arbejde udfra det :)
Avatar billede mikmakmuk Nybegynder
16. april 2003 - 02:07 #16
Her er lidt mere at kigge på, hvis det kan have interesse.

<html>
<head>

<style type="text/css">
body {
background-color: #999999;
margin-top: 0px;
margin-left: 0px;
}


.boks1{
position:absolute;
background-color: #ffffff;
margin-top: 0px;
margin-left: 0px;
height:150px;
width:150px;
z-index: 1;

}

.boks2{
position:absolute;
background-color: #ff00ff;
margin-top:0px;
margin-left:150px;
height:100px;
width:100px;
z-index: 2;

}

.boks3{
position:absolute;
background-color: #00ffff;
margin-top:100px;
margin-left:150px;
height:100px;
width:100px;
z-index: 3;

}

</style>


</head>
<body>

<span class="boks1">boks1</span>
<span class="boks2">boks2</span>
<span class="boks3">boks3</span>
     
     
</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester