Avatar billede darrich Novice
06. december 2006 - 08:50 Der er 7 kommentarer og
1 løsning

CSS opdeling af side

Hej

Jeg vil lave følgende:

Banner (øverst - har jeg)

Dropdownmenu (under banner - har jeg)

Quick menu (placeret til venstre på skærmen)
Indholdsfelt (placeret til højre på skærmen)

Det er denne vandrette deling jeg har brug for hjælp til.
Selve filen er php da jeg anvender include på indholdsfeltet.
Jeg har tidligere anvendt tabeller, men vil gerne gøre det med CSS.
Avatar billede foxmulder58 Praktikant
06. december 2006 - 08:54 #1
Det er nemmere hvis du smider et link til din side så man kan se hvad du har lavet indtil videre.

jeg plejer at anvende <div> til indeling af de forskellige elementer på siden.

mvh
Mads
Avatar billede darrich Novice
06. december 2006 - 10:17 #2
Min test side er her

http://www.jrit.dk/dropmenu3.php

Jeg er ikke erfaren med CSS, hilket også er grundet til jeg gerne vil rode med det.
Vil gerne se noget simpel kode der laver den vandrette opdeling.
Avatar billede foxmulder58 Praktikant
06. december 2006 - 11:11 #3
Du laver da blot en <div> som er placeret nedenunder <div "navbar"> du kan selv bestemme pleacering og størrelse.

mvh
Mads
Avatar billede darrich Novice
06. december 2006 - 13:27 #4
Ja, jeg laver en <div> omkring den menu jeg vil have til venstre og en anden om den til højre... og så vil de så stå under hinanden, når siden vises.

... hvad mere?
..hvad gør man CSS kode mæssigt for at placere dem rigtigt?

Kode eksempel tak?
Avatar billede foxmulder58 Praktikant
06. december 2006 - 14:06 #5
Jeg anvender 3 <div> hver <div> har sit ID som jeg placerer:

<div id="banner"> I mit CSS har det følgende regel:

#banner {position:absolute;height: 95px;width:650px;border-style: solid;
border-color: #000000;background-color:white;}

Så har jeg en menu kaldet <div id="menu"> som ser sådan ud:

#menu {position:absolute;height:700px;width:135px;border-style: solid;
border-color: #000000;background-color:white;top:110px;}


Og ikke mindst en <div> hvor i alt indhold bliver placeret, je har kaldt den <div id="content"> og plceret den ved følgende CSS regel:



#content {position:absolute;height:700px;width:500px; border-style:solid;
border-color: #000000;background-color:#FFFFFF;left:150px;top:110px;}






Som du kan se kan man selv bestemme disse DIV´s udseende (farver) og placering i forhold til hinanden.


Håber det kan hjælpe dig på vej.


mvh
Mads
Avatar billede foxmulder58 Praktikant
06. december 2006 - 14:08 #6
du kan placere disse CSS Regler i et dokument (.css) eller have dem i hvert sit dokuemnt og linke til disse fra din webside:

<link rel="stylesheet" type="text/css" href="DitEgetCSS.css" media="screen,projection" title="Default" />
Avatar billede foxmulder58 Praktikant
07. december 2006 - 16:06 #7
Jeg smider et svar , du kan afvise hvis du ikke mener mine indlæg har hjulpet dig.

mvh
Mads
Avatar billede darrich Novice
08. december 2006 - 10:15 #8
Tak for hjælpen....det hjalp mig videre :o)
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