/ 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
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 skrev:

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

Det er tættere på. Men du skal bruge float eller position til dine
div's - ellers bruger hver div hele bredden.

Her er et par css-links du måske kan finde inspiration fra:

HTML.dk's tutorial - godt sted at starte:
   <http://html.dk/tutorials/css/>

<www.HTMl-faq.dk>:
   <http://html-faq.dk/2010.asp>
   <http://html-faq.dk/2003.asp>

Erik Ginnerskovs "Hjemmesideskolen":
   <http://www.hjemmesideskolen.dk/html/css2.asp>
   <http://www.hjemmesideskolen.dk/html/div.asp>
   <http://www.hjemmesideskolen.dk/html/float.asp>
--
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 (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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste