CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Klaus2620 Nybegynder

12. august 2011 - 16:42 Der er 5 kommentarer

Boks siden af hinanden

Hvordan kan man få box til at stå lige ved siden af hinanden? eks. <div id="gray-top"></div>
<div="gray-middle"></div>

Også lave en til hvor de er siden af hinanden, istedet for nedenunder?

Synes godt om

olsensweb.dk Ekspert

12. august 2011 - 17:14 #1

prøv at se hvad float left gør for dig

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">    
    #gray-top{
        float: left;
    }    
    </style>
    <script type="text/javascript">
    </script>
</head>
<body>
<div id="gray-top">sefw</div>
<div id="gray-middle">rewrw</div>
</body>
</html>

Synes godt om

Klaus2620 Nybegynder

12. august 2011 - 18:14 #2

Den får jo kun gray-top til at rykke sig, kan man ikke rykker dem begge?

Synes godt om

olsensweb.dk Ekspert

12. august 2011 - 20:21 #3

>Den får jo kun gray-top til at rykke sig, kan man ikke rykker dem begge?
du kan lave det sammen på den anden id eller lave en class som du tildeler dem

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
    .FloatLeft{
        float: left;
    }    
    </style>
    <script type="text/javascript">
    </script>
</head>
<body>
<div class ="FloatLeft" id="gray-top">sefw</div>
<div class ="FloatLeft" id="gray-middle">rewrw</div>
</body>
</html>

gray-middle vil selvføgelig kun ligge sig op ved siden af gray-top hvis der er plads

Synes godt om

Slettet bruger

12. august 2011 - 22:51 #4

Husk også en <div style="clear: both;"></div> til sidst (som du selvfølgelig også kan lave som en class). Specielt hvis du har mere indhold på siden, ellers får du sikkert nogle sjove hovedbrud med at finde ud af hvad der går galt på siden.

Synes godt om

olsensweb.dk Ekspert

13. august 2011 - 12:47 #5

når man anvender float på div's er det ofte en god ide at sette en bredde på div'en også, da div'en ellers vil være så bred som den længste linje
du bør også kigge på din margin og padding, da de også påvirker dit design

lidt hurtigt læsning:
http://webdesign101.dk/layout/
http://webdesign101.dk/www/layout/floatlayout.php
http://hjemmesideskolen.dk/html/css2.php?id=css1

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
hta - powershell eller lign. Af tjodense i Andet programmering	2	28/04/202515:22	29/04/202512:00
Bat-fil / vbs til ændre af filnavn udfra mappe-navn Af tjodense i Andet programmering	3	10/04/202511:18	11/04/202513:49
Echo virker ikke i php Af KurtG i Andet programmering	10	23/02/202511:57	24/02/202510:01
Rewrite i .htaccess til Joomla 5 Af andrew i Andet programmering	5	15/01/202520:23	16/01/202522:59
Kodning af element i custom css Af Jacob Hedelund i Andet programmering	3	14/10/202410:35	14/10/202419:46

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS