Søg
Avatar billede 0123 Novice
09. oktober 2007 - 21:54 Der er 30 kommentarer og
1 løsning

Overskrift på side

Hej!
Jeg er rimelig grøn inde for html/css programmering men , spørgmålet er , jeg har sat et image ind i min banner oppe for oven på min side men , den fylder kun halvdelen ef banneret i højden. Skal jeg gøre skriften stører eller hvad skal jeg gører for at få billedet til at fylde hele banneret?
Avatar billede kalp Novice
09. oktober 2007 - 23:02 #1
prøv med

style="height:100%"

det skal ind i dit img tag..

<img style="height:100%".....
Avatar billede 0123 Novice
10. oktober 2007 - 06:17 #2
Jeg kigger på det!
Avatar billede 0123 Novice
10. oktober 2007 - 21:04 #3
Kan du ikke lige vise hvordan man gør?
Avatar billede w13 Novice
10. oktober 2007 - 21:05 #4
Har du et img-tag? Så skriver du bare style="height:100%" i det. Ligesom i eksemplet. Ellers må du vise os noget kode.
Avatar billede kalp Novice
10. oktober 2007 - 21:17 #5
0123 >> jeg har vist hvordan i mit første indlæg.
Avatar billede 0123 Novice
10. oktober 2007 - 22:07 #6
<html>
<head>
<title>Dette er en css prøve!</title>
<style type="text/css">

h1
{
color:#ffcc55;
}
body
{
background-image:
url("cool.jpg")
}

</style>
</head>

<body>

<h1><p style="padding:25px;border:1px solid blue;">Dette er en css prøve!</h1></p>
</body>
</html>
Avatar billede w13 Novice
10. oktober 2007 - 22:10 #7
Det er jo et banner på hele siden? Hvad prøver du?
Avatar billede w13 Novice
10. oktober 2007 - 22:15 #8
*baggrund på hele siden
Avatar billede 0123 Novice
10. oktober 2007 - 22:20 #9
Ups!!
Selve background-image skal være under h1!
Avatar billede w13 Novice
10. oktober 2007 - 22:22 #10
Du kan ikke gøre et baggrundsbillede større. Vi gik ud fra, det lå som <img>-tag.

Hvis du vil have banneret til at passe i størrelse med din h1, kan du gøre 2 ting:

1) Gøre din h1's højde mindre.
2) Gøre dit billede (cool.jpg) større.
Avatar billede 0123 Novice
10. oktober 2007 - 22:27 #11
Jeg kigger på det!
Avatar billede 0123 Novice
13. oktober 2007 - 22:58 #12
undskyld ventetiden men , jeg syntes ikke jeg kan få det til at virke!
Avatar billede w13 Novice
13. oktober 2007 - 23:06 #13
Kan vi se det via et link et sted?
Avatar billede 0123 Novice
14. oktober 2007 - 00:24 #14
jeg har ved ikke om jeg har gjordt det rigtigr men , se positivt på det du lærer af din fejl!
Eks:
url("cool.jpg"height="100"width="100")
Det har jeg skrevet i headeren!
Avatar billede kalp Novice
14. oktober 2007 - 00:31 #15
du kan ikke sætte størrelsen der.. kun angive stien til filen.

det du skal gøre er rent "fysisk" gøre dit billede størrer.. dvs. i photoshop eller lignende.
Avatar billede 0123 Novice
14. oktober 2007 - 01:20 #16
Jeg kigger på det!
Avatar billede 0123 Novice
14. oktober 2007 - 20:59 #17
Hvordan gør jeg min h1 stører?
Avatar billede w13 Novice
14. oktober 2007 - 21:28 #18
h1{font-size:36pt}
Avatar billede 0123 Novice
14. oktober 2007 - 21:32 #19
Det er bare i orden!
Avatar billede 0123 Novice
14. oktober 2007 - 21:38 #20
Hvordan gør man så borderen mindre?
Avatar billede w13 Novice
14. oktober 2007 - 22:57 #21
Borderen? På h1? H1 har da ikke border. Mener du margin? Eller padding?

border:0;
margin:0;
padding:0;
Avatar billede roenving Novice
15. oktober 2007 - 02:00 #22
>>w13

-- det er en uvane at bruge papirstørrelsen pt til ting, der skal repræsenteres på en skærm, der bør du altid bruge px ...

-- selv om en meget udbredt browser undersætter typografiske punkter til pixels er der browsere, der formaster sig til at gøre det, du skriver, og da der er væsentlig forskel, er det klart uhensigtsmæssigt !-)
Avatar billede w13 Novice
15. oktober 2007 - 02:17 #23
Ja ok. Makes sense. Så må vi se, om jeg kan huske at lade være. :P
Avatar billede 0123 Novice
15. oktober 2007 - 06:20 #24
Jeg mener margin!
Avatar billede w13 Novice
15. oktober 2007 - 10:04 #25
Så er det bare:
h1{font-size:NOGETpx;
margin:3px;}
Avatar billede 0123 Novice
15. oktober 2007 - 20:55 #26
Det er bare i orden!
Avatar billede 0123 Novice
15. oktober 2007 - 21:32 #27
Hvis i ser på denne her kode:
<html>
<head>
<style type="text/css">
h1{font-size:50px}
h1{font-size:55px;
padding:10px}
h1
{
color:#ff0000;
background-image:
url("cool.jpg")

}

body
{
background-repeat:no repeat;
}
</style>
</head>

<body>
<h1><p style="padding:25px;border:1px solid red;">Dette er en prøve</h1></p>
</body>
</html>

Hvordan får jeg så rammen rykket op omkring billedet?
Avatar billede w13 Novice
15. oktober 2007 - 21:34 #28
Først og fremmest kan du slå alle dine h1'er sammen og så sætte style på din h1 i stedet for din p. Du har dog først defineret font-size:50px for h1 og derefter font-size:55px, så nu har jeg kun brugt font-size:55px;

<html>
<head>
<style type="text/css">
h1
{font-size:55px;
padding:10px;
color:#ff0000;
background-image:url("cool.jpg");
background-repeat:no repeat;
}
</style>
</head>

<body>
<h1 style="padding:25px;border:1px solid red">Dette er en prøve</h1>
</body>
</html>
Avatar billede w13 Novice
15. oktober 2007 - 21:50 #29
Medmindre du vil have alle h1'er til at se sådan ud, kunne du også:

<html>
<head>
</head>

<body>
<h1 style="font-size:55px;color:#ff0000;background-image:url("cool.jpg");background-repeat:no repeat;padding:25px;border:1px solid red">Dette er en prøve</h1>
</body>
</html>
Avatar billede 0123 Novice
15. oktober 2007 - 21:58 #30
Det forrige eksempel du lavede var lige præcis det jeg skulle bruge!
Tusind tak for hjæpen!
Fortsat god aften!
Smid et svar.
Avatar billede w13 Novice
15. oktober 2007 - 21:58 #31
Ok. Og i lige måde. =)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:08 Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP
28/0113:36 godt råd søges Alternativ styresystem på Mac pc Af luffe1955 i Andre styresystemer
28/0111:32 Hjælp til kontrol af sygefravær Af Maja i Excel
27/0113:59 2 skærme til en stationær computer Af BIRGER i Skærme
26/0119:26 Opstart af ny computer Af Bent i Windows
White papers
Flere white papers »