/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hjælp til div
Fra : Casper Christiansen


Dato : 19-07-07 14:56

Jeg har følgende style i css til min side:

body {
   background-color : gray;
   font-family : "Comic Sans MS", arial, sans-serif;
   font-size : 100%;
   margin-top : 10px;
   margin- right : 20px;
   margin-bottom : 10px;
   margin-left : 20px;
   padding : 0;
}
div#banner h1 {
   margin : 0;
   margin-left : 180px;
   margin-bottom : 10px;
   color : #000000;
   background : #dddddd;
   border : 1px solid black;
   padding-top : 5px;
   padding- bottom : 5px;
   padding-left : 10px;
}
* html div#banner h1 {
   margin-left : 183px;
}
div#leftcol {
   width : 170px;
   float : left;
   background-color : #dddddd;
   border : 1px solid black;
   height : 350px;
}
div#indhold {
   margin-bottom : 10px;
   margin-left : 180px;
   border : 1px solid black;
   background-color : #dddddd;
   height : 350px;
}

Stylet er ekstern.
Hvis jeg vil skrive noget i eks. indholds boksen hvad skriver jeg
så i min html?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Robert Nielsen (19-07-2007)
Kommentar
Fra : Robert Nielsen


Dato : 19-07-07 15:33

Casper Christiansen wrote in dk.edb.internet.webdesign.html:
> Jeg har følgende style i css til min side:
>

> div#indhold {
>    margin-bottom : 10px;
>    margin-left : 180px;
>    border : 1px solid black;
>    background-color : #dddddd;
>    height : 350px;
> }
>

> Hvis jeg vil skrive noget i eks. indholds boksen hvad skriver jeg
> så i min html?


<div id="indhold">
Det, som du nu vil skrive i denne boks
</div>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Casper Christiansen (19-07-2007)
Kommentar
Fra : Casper Christiansen


Dato : 19-07-07 16:09

Robert Nielsen wrote in dk.edb.internet.webdesign.html:
> Casper Christiansen wrote in dk.edb.internet.webdesign.html:
> > Jeg har følgende style i css til min side:
> >
>
> > div#indhold {
> >    margin-bottom : 10px;
> >    margin-left : 180px;
> >    border : 1px solid black;
> >    background-color : #dddddd;
> >    height : 350px;
> > }
> >
>
> > Hvis jeg vil skrive noget i eks. indholds boksen hvad skriver jeg
> > så i min html?
>
>
> <div id="indhold">
> Det, som du nu vil skrive i denne boks
> </div>

div#banner {
   margin : 0;
   margin-left : 180px;
   margin-bottom : 10px;
   color : #000000;
   background : #dddddd;
   border : 1px solid black;
   padding-top : 5px;
   padding- bottom : 5px;
   padding-left : 10px;
}
* html div#banner {
   margin-left : 183px;
Når jeg så laver tekst i følgende kommer det bare til at stå normalt og
ikke der hvor den gerne skulle placer det.
> >
> > --
> > Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> > - Pædagogiske tutorials på dansk
> > - Kom godt i gang med koderne
> > KLIK HER! => http://www.html.dk/tutorials
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Robert Nielsen (19-07-2007)
Kommentar
Fra : Robert Nielsen


Dato : 19-07-07 17:35


> div#banner {
>    margin : 0;
>    margin-left : 180px;
>    margin-bottom : 10px;
>    color : #000000;
>    background : #dddddd;
>    border : 1px solid black;
>    padding-top : 5px;
>    padding- bottom : 5px;
>    padding-left : 10px;
> }
> * html div#banner {
>    margin-left : 183px;
> Når jeg så laver tekst i følgende kommer det bare til at stå normalt og
> ikke der hvor den gerne skulle placer det.
> > >

Hvis du i Head har:

<link rel="stylesheet" href="dit_stylesheet_navn.css" type= "text/css">

så vil stylesheet formatere din HTML.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Casper Christiansen (19-07-2007)
Kommentar
Fra : Casper Christiansen


Dato : 19-07-07 18:22

Robert Nielsen wrote in dk.edb.internet.webdesign.html:
> > div#banner {
> >    margin : 0;
> >    margin-left : 180px;
> >    margin-bottom : 10px;
> >    color : #000000;
> >    background : #dddddd;
> >    border : 1px solid black;
> >    padding-top : 5px;
> >    padding- bottom : 5px;
> >    padding-left : 10px;
> > }
> > * html div#banner {
> >    margin-left : 183px;
> > Når jeg så laver tekst i følgende kommer det bare til at stå normalt og
> > ikke der hvor den gerne skulle placer det.
> > > >
>
> Hvis du i Head har:
>
> <link rel="stylesheet" href="dit_stylesheet_navn.css" type= "text/css">
>
> så vil stylesheet formatere din HTML.

Det har jeg. Og det virker i alle andre felter end det.
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Casper Christiansen (19-07-2007)
Kommentar
Fra : Casper Christiansen


Dato : 19-07-07 19:44

Robert Nielsen wrote in dk.edb.internet.webdesign.html:
> > div#banner {
> >    margin : 0;
> >    margin-left : 180px;
> >    margin-bottom : 10px;
> >    color : #000000;
> >    background : #dddddd;
> >    border : 1px solid black;
> >    padding-top : 5px;
> >    padding- bottom : 5px;
> >    padding-left : 10px;
> > }
> > * html div#banner {
> >    margin-left : 183px;
> > Når jeg så laver tekst i følgende kommer det bare til at stå normalt og
> > ikke der hvor den gerne skulle placer det.
> > > >
>
> Hvis du i Head har:
>
> <link rel="stylesheet" href="dit_stylesheet_navn.css" type= "text/css">
>
> så vil stylesheet formatere din HTML.
>
Jeg har følgende style:
body {
   background-color : gray;
   font-family : "Comic Sans MS", arial, sans-serif;
   font-size : 100%;
   margin-top : 10px;
   margin- right : 20px;
   margin-bottom : 10px;
   margin-left : 20px;
   padding : 0;
}
div#banner {
   margin : 0;
   margin-left : 180px;
   margin-bottom : 10px;
   color : #000000;
   background : #dddddd;
   border : 1px solid black;
   padding-top : 5px;
   padding- bottom : 5px;
   padding-left : 10px;
}
* html div#banner {
   margin-left : 183px;
}
div#leftcol {
   width : 170px;
   float : left;
   background-color : #dddddd;
   border : 1px solid black;
   height : 350px;
}
div#indhold {
   margin-bottom : 10px;
   margin-left : 180px;
   border : 1px solid black;
   background-color : #dddddd;
   height : 350px;
}
Og følgende html:
<html>
<head>
<title>Mit dokument</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<div id="banner">
Test
</div>
<div id="leftcol">
Menu
</div>
<div id="indhold">
Tekst
</div>

>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Robert Nielsen (19-07-2007)
Kommentar
Fra : Robert Nielsen


Dato : 19-07-07 20:10

i din css har du en margin- right og en padding- bottom, disse mellemrum efter
bindestregen skal væk.

Så ser din css således ud:
body {
background-color : gray;
font-family : "Comic Sans MS", arial, sans-serif;
font-size : 100%;
margin-top : 10px;
margin-right : 20px;
margin-bottom : 10px;
margin-left : 20px;
padding : 0;
}
div#banner {
margin : 0;
margin-left : 180px;
margin-bottom : 10px;
color : #000000;
background : #dddddd;
border : 1px solid black;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 10px;
}
* html div#banner {
margin-left : 183px;
}
div#leftcol {
width : 170px;
float : left;
background-color : #dddddd;
border : 1px solid black;
height : 350px;
}
div#indhold {
margin-bottom : 10px;
margin-left : 180px;
border : 1px solid black;
background-color : #dddddd;
height : 350px;
}

Og hvis du så også færdiggør html bliver det noget i retning af:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Caspers dokument</title>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1" />

<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>

<body>
<div id="banner">
Test
</div>

<div id="leftcol">
Menu
</div>

<div id="indhold">
Tekst
</div>
</body>
</html>

Nu validerer den hos W3C.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Casper Christiansen (19-07-2007)
Kommentar
Fra : Casper Christiansen


Dato : 19-07-07 20:32

Robert Nielsen wrote in dk.edb.internet.webdesign.html:
> i din css har du en margin- right og en padding- bottom, disse mellemrum efter
> bindestregen skal væk.
>
> Så ser din css således ud:
> body {
> background-color : gray;
> font-family : "Comic Sans MS", arial, sans-serif;
> font-size : 100%;
> margin-top : 10px;
> margin-right : 20px;
> margin-bottom : 10px;
> margin-left : 20px;
> padding : 0;
> }
> div#banner {
> margin : 0;
> margin-left : 180px;
> margin-bottom : 10px;
> color : #000000;
> background : #dddddd;
> border : 1px solid black;
> padding-top : 5px;
> padding-bottom : 5px;
> padding-left : 10px;
> }
> * html div#banner {
> margin-left : 183px;
> }
> div#leftcol {
> width : 170px;
> float : left;
> background-color : #dddddd;
> border : 1px solid black;
> height : 350px;
> }
> div#indhold {
> margin-bottom : 10px;
> margin-left : 180px;
> border : 1px solid black;
> background-color : #dddddd;
> height : 350px;
> }
>
> Og hvis du så også færdiggør html bliver det noget i retning af:
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
> <head>
> <title>Caspers dokument</title>
> <meta http-equiv="content-type" content="text/html;
> charset=ISO-8859-1" />
>
> <link rel="stylesheet" type="text/css" href="style/style.css" />
> </head>
>
> <body>
> <div id="banner">
> Test
> </div>
>
> <div id="leftcol">
> Menu
> </div>
>
> <div id="indhold">
> Tekst
> </div>
> </body>
> </html>
>
> Nu validerer den hos W3C.

Det i banner står stadig bare som almindelig body og det skulle gerne være i en
boks istedet.
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Robert Nielsen (19-07-2007)
Kommentar
Fra : Robert Nielsen


Dato : 19-07-07 22:33


> Det i banner står stadig bare som almindelig body og det skulle gerne være i en
> boks istedet.
> >
Jeg brugte blot dit eget stylesheet, du kan sagtens ændre dit banner f.eks. et par
ændringer:

div#banner {
margin : 0;
margin-left : 180px;
margin-bottom : 10px;
color : #000000;
background-color : #0f0;
border : 3px solid #f00;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 10px;
text-align: center;
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 2em;
}

Men måske har jeg ikke forstået, hvad du mener.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (19-07-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 19-07-07 23:00

Robert Nielsen skrev:

> Men måske har jeg ikke forstået, hvad du mener.
>
>

Det er heller ikke nemt, når man skal sidde
med al den kode i meddelelserne. Et link til
siden vil være meget mere effektivt.

--
--
Med venlig hilsen
Jørgen Farum Jensen
http://webdesign101.dk
Webdesign håndbøger: http://733.dk

Casper Christiansen (20-07-2007)
Kommentar
Fra : Casper Christiansen


Dato : 20-07-07 08:05

Robert Nielsen wrote in dk.edb.internet.webdesign.html:
> > Det i banner står stadig bare som almindelig body og det skulle gerne være i en
> > boks istedet.
> > >
> Jeg brugte blot dit eget stylesheet, du kan sagtens ændre dit banner f.eks. et par
> ændringer:
>
> div#banner {
> margin : 0;
> margin-left : 180px;
> margin-bottom : 10px;
> color : #000000;
> background-color : #0f0;
> border : 3px solid #f00;
> padding-top : 5px;
> padding-bottom : 5px;
> padding-left : 10px;
> text-align: center;
> font-family: verdana, sans-serif;
> font-weight: bold;
> font-size: 2em;
> }
>
> Men måske har jeg ikke forstået, hvad du mener.

Ja det virker nu. Tak for hjælpen.
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408926
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste