|
|
 | 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
| |
|
|