|
| CSS, kan jeg ikke selv vælge højden??? Fra : Kenni Thomsen |
Dato : 07-10-03 11:40 |
|
Hej
Jeg prøver at lave en kant om min hjemmeside. Jeg vil godt
benytte mig af CSS, men det ser ikke ud til at CSS vil lade mig
bestemme højden på kanterne?!?
HTML-koden:
<body>
<span class="over_kant"></span>
<br />
<span class="side_kant"></span>
</body>
CSS-koden:
body {
margin: 0 0 0 0;
}
span.side_kant {
height: 297px;
width: 5px;
border: none;
background-image: url("../billeder/kant7.jpg");
}
span.over_kant {
height: 5px;
width: 400px;
border: none;
background-image: url("../billeder/kant7-1.jpg");
background-repeat: repeat-x;
}
Kanterne er små billeder på 5x5 px. Sidekanten virker ok, men
overkanten bliver ved med at være 20px høj, så de kommer ikke til
at støde sammen! Hvis jeg fjerner "repeat-x" bliver der bare 4
overkanter af samme længde og med en samlet højde på 20px???
Har jeg overset noget da jeg læste om CSS-bokse og position?
På forhånd tak
Kenni Thomsen
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Benny Nissen (07-10-2003)
| Kommentar Fra : Benny Nissen |
Dato : 07-10-03 13:43 |
|
"Kenni Thomsen" <kpt@edb.dk> skrev i en meddelelse
news:blu55g$413$1@sunsite.dk...
> span.side_kant {
> height: 297px;
> width: 5px;
> border: none;
> background-image: url("../billeder/kant7.jpg");
> }
> span.over_kant {
> height: 5px;
> width: 400px;
> border: none;
> background-image: url("../billeder/kant7-1.jpg");
> background-repeat: repeat-x;
> }
>
> Kanterne er små billeder på 5x5 px. Sidekanten virker ok, men
> overkanten bliver ved med at være 20px høj, så de kommer ikke til
> at støde sammen! Hvis jeg fjerner "repeat-x" bliver der bare 4
> overkanter af samme længde og med en samlet højde på 20px???
Har du prøvet med margin 0 og padding 0 på over_kant ?
Er der ikke også noget med, at man ikke må benytte _ i klassenavne ?
--
Benny
| |
Kenni Thomsen (07-10-2003)
| Kommentar Fra : Kenni Thomsen |
Dato : 07-10-03 14:50 |
|
Benny Nissen wrote in dk.edb.internet.webdesign.html:
>
> Har du prøvet med margin 0 og padding 0 på over_kant ?
>
> Er der ikke også noget med, at man ikke må benytte _ i klassenavne ?
>
> --
> Benny
>
>
Nu har jeg prøvet det, og det virker desværre ikke.
Nu ser det sådanne ud:
-----------------------------------------
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<span class="overkant"></span>
<br />
<span class="sidekant"></span>
</body>
</html>
----------------------------------
CSS:
----------------------------------
body {
margin: 0 0 0 0;
}
span.sidekant {
height: 297px;
width: 5px;
border: none;
background-image: url("../billeder/kant7.jpg");
}
span.overkant {
height: 5px;
width: 400px;
margin:0;
padding: 0;
border: none;
background-image: url("../billeder/kant7-1.jpg");
background-repeat: repeat-x;
}
---------------------------------------------
Hvordan det ser ud kan ses her:
http://users.cybercity.dk/~dsl30409/test/
MVH
Kenni Thomsen
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Lobais (07-10-2003)
| Kommentar Fra : Lobais |
Dato : 07-10-03 16:14 |
|
Kenni Thomsen wrote in dk.edb.internet.webdesign.html:
> Hej
>
> Jeg prøver at lave en kant om min hjemmeside. Jeg vil godt
> benytte mig af CSS, men det ser ikke ud til at CSS vil lade mig
> bestemme højden på kanterne?!?
>
> HTML-koden:
> <body>
> <span class="over_kant"></span>
> <br />
> <span class="side_kant"></span>
> </body>
Prøv at bruge et andet tag en span, span er til markering af tekst.
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Ryan Kristensen (07-10-2003)
| Kommentar Fra : Ryan Kristensen |
Dato : 07-10-03 19:56 |
|
> Prøv at bruge et andet tag en span, span er til markering af tekst.
span er et inline element, og man kan kun definere størrelser på blokelementer.
--
Ryan
| |
Kenni Thomsen (07-10-2003)
| Kommentar Fra : Kenni Thomsen |
Dato : 07-10-03 21:12 |
|
Ryan Kristensen wrote in dk.edb.internet.webdesign.html:
> > Prøv at bruge et andet tag en span, span er til markering af tekst.
>
> span er et inline element, og man kan kun definere størrelser på blokelementer.
>
> --
> Ryan
>
>
Hvad kan jeg så bruge? Jeg har prøvet med div, så html-koden ser sådan ud:
<body>
<div id="hj1"></div>
<div id="overkant"></div>
<div id="sidekant1"></div>
</body>
Men det virker heller ikke efter hensigten! :(
Er der ikke noget jeg kan gøre? Hvad med en anden metode?
MVH
Kenni Thomsen
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Jens Gyldenkærne Cla~ (07-10-2003)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 07-10-03 21:24 |
| | |
Kenni Thomsen (07-10-2003)
| Kommentar Fra : Kenni Thomsen |
Dato : 07-10-03 23:34 |
|
Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
>
> Det er tættere på. Men du skal bruge float eller position til dine
> div's - ellers bruger hver div hele bredden.
>
Jeg er ikke helt med, men jeg har prøvet at sætte float ind og
position, det bliver bare ikke rigtigt. Jeg har lavet en ny side for
at illustrere hvad jeg mener:
http://users.cybercity.dk/~dsl30409/test2/
Mit baggrundsbillede er 5x5 pixels men når jeg sætter det ind, som
baggrund, i en boks der er 5px høj 0g x antal px lang, bliver boksen
pludselig 20px høj???
Det virker jo godt nok når jeg laver en boks der er x antal høj 0g
5px bred... Men ikke omvendt??? (
http://users.cybercity.dk/~dsl30409/test/ )
Jeg har forsimplet koden sådan:
html:
<body>
<div id="overkant"></div>
</body>
CSS:
#overkant {
float: left;
height: 5px;
width: 400px;
border: none;
background-image: url("../billeder/kantop.jpg");
}
---------------------------------------
Det vil ikke som jeg vil!!! Håber I kan hjælpe ;)
MVH
Kenni Thomsen
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Jens Gyldenkærne Cla~ (08-10-2003)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 08-10-03 09:40 |
|
Kenni Thomsen skrev:
> Jeg er ikke helt med, men jeg har prøvet at sætte float ind og
> position,
NB: Du skal kun bruge én af dem (hvad du da også har gjort).
> Mit baggrundsbillede er 5x5 pixels men når jeg sætter det ind,
> som baggrund, i en boks der er 5px høj 0g x antal px lang,
> bliver boksen pludselig 20px høj???
Ikke i min browser - men jeg kan godt se problemet i IE. Problemet
ligger i standardlinjehøjden som er bestemt af
standardfontstørrelsen.
Prøv at sætte egenskaben "font-size: 1px" og se hvad der sker. For
god ordens skyld bør man nok også sætte hhv. margin: 0px; og
padding: 0px;
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Kenni Thomsen (08-10-2003)
| Kommentar Fra : Kenni Thomsen |
Dato : 08-10-03 10:02 |
|
Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
>
> > Mit baggrundsbillede er 5x5 pixels men når jeg sætter det ind,
> > som baggrund, i en boks der er 5px høj 0g x antal px lang,
> > bliver boksen pludselig 20px høj???
>
> Ikke i min browser - men jeg kan godt se problemet i IE. Problemet
> ligger i standardlinjehøjden som er bestemt af
> standardfontstørrelsen.
>
> Prøv at sætte egenskaben "font-size: 1px" og se hvad der sker. For
> god ordens skyld bør man nok også sætte hhv. margin: 0px; og
> padding: 0px;
> --
Tak, ja så virker det. Det var ikke noget jeg lige havde tænkt på,
men det er vel derfor man har en gruppe som denne hvor man kan stille
spørgsmål. Så endnu en gang tak.
MVH
Kenni Thomsen
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
|
|