/ 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
Baggrunds billed.
Fra : Kim bødker


Dato : 30-09-10 21:07

Jeg vil gerne have mit baggrunds billede til at passe 100 % til
alle opløsninger men hvordan?

Har prøvet med en kode der ser sådan ud :
<body background="BG1.jpg" width="100%" height="100%">

Men det fungere ikke, det gør bare billede så stort som jeg har
lavet det. ;s ?

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

 
 
Allan Vebel (30-09-2010)
Kommentar
Fra : Allan Vebel


Dato : 30-09-10 21:36

Kim bødker skrev:

> Har prøvet med en kode der ser sådan ud :
> <body background="BG1.jpg" width="100%
> " height="100%">

Jamen, sådan er det med baggrundsbilleder,
de kan ikke skaleres.

Du kan snyde lidt ved at lægge billedet i en <div>
og skalere det med css, se:

http://html-faq.dk/2030.asp

Se også resultatet og kildekoden på:'

http://html-faq.dk/testsider/baggrund/

--
Allan Vebel
http://vebel.dk | http://html-faq.dk
http://webdesigngruppen.dk



Kim bødker (30-09-2010)
Kommentar
Fra : Kim bødker


Dato : 30-09-10 22:06

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Kim bødker skrev:
>
> > Har prøvet med en kode der ser sådan ud :
> > <body background="BG1.jpg" width="100%
> > " height="100%">
>
> Jamen, sådan er det med baggrundsbilleder,
> de kan ikke skaleres.
>
> Du kan snyde lidt ved at lægge billedet i en <div>
> og skalere det med css, se:
>
> http://html-faq.dk/2030.asp
>
> Se også resultatet og kildekoden på:'
>
> http://html-faq.dk/testsider/baggrund/
>
> --
> Allan Vebel
> http://vebel.dk http://html-faq.dk
> http://webdesigngruppen.dk
>
>


Jeg forstår ikke helt, når jeg sætter de to koder ind kommer
intet billede og der kommer '' #baggrundsbillede{
position:absolute;
top:0px;
left:0px;
bottom:0px;
overflow:hidden;
}

#baggrundsbillede img{
width:100%;
} ''

SOM tekst. ? why.

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

Birger Sørensen (30-09-2010)
Kommentar
Fra : Birger Sørensen


Dato : 30-09-10 22:15

Kim bødker forklarede:
> Allan Vebel wrote in dk.edb.internet.webdesign.html:
>> Kim bødker skrev:
>>
>>> Har prøvet med en kode der ser sådan ud :
>>> <body background="BG1.jpg" width="100%
>>> " height="100%">
>>
>> Jamen, sådan er det med baggrundsbilleder,
>> de kan ikke skaleres.
>>
>> Du kan snyde lidt ved at lægge billedet i en <div>
>> og skalere det med css, se:
>>
>> http://html-faq.dk/2030.asp
>>
>> Se også resultatet og kildekoden på:'
>>
>> http://html-faq.dk/testsider/baggrund/
>>
>> --
>> Allan Vebel
>> http://vebel.dk http://html-faq.dk
>> http://webdesigngruppen.dk
>>
>>
>
>
> Jeg forstår ikke helt, når jeg sætter de to koder ind kommer
> intet billede og der kommer '' #baggrundsbillede{
> position:absolute;
> top:0px;
> left:0px;
> bottom:0px;
> overflow:hidden;
> }
>
> #baggrundsbillede img{
> width:100%;
> } ''
>
> SOM tekst. ? why.

Hvad sætter du de to koder ind i?
Og hvilke koder er det du indsætter?

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Kim bødker (30-09-2010)
Kommentar
Fra : Kim bødker


Dato : 30-09-10 22:19

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Kim bødker forklarede:
> > Allan Vebel wrote in dk.edb.internet.webdesign.html:
> >> Kim bødker skrev:
> >>
> >>> Har prøvet med en kode der ser sådan ud :
> >>> <body background="BG1.jpg" width="100%
> >>> " height="100%">
> >>
> >> Jamen, sådan er det med baggrundsbilleder,
> >> de kan ikke skaleres.
> >>
> >> Du kan snyde lidt ved at lægge billedet i en <div>
> >> og skalere det med css, se:
> >>
> >> http://html-faq.dk/2030.asp
> >>
> >> Se også resultatet og kildekoden på:'
> >>
> >> http://html-faq.dk/testsider/baggrund/
> >>
> >> --
> >> Allan Vebel
> >> http://vebel.dk http://html-faq.dk
> >> http://webdesigngruppen.dk
> >>
> >>
> >
> >
> > Jeg forstår ikke helt, når jeg sætter de to koder ind kommer
> > intet billede og der kommer '' #baggrundsbillede{
> > position:absolute;
> > top:0px;
> > left:0px;
> > bottom:0px;
> > overflow:hidden;
> > }
> >
> > #baggrundsbillede img{
> > width:100%;
> > } ''
> >
> > SOM tekst. ? why.
>
> Hvad sætter du de to koder ind i?
> Og hvilke koder er det du indsætter?
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>

Koden jeg har sat ind ser sådan her ud :

<div id="baggrundsbillede">
<img src="BG1.jpg" alt="" />
</div>


#baggrundsbillede{
position:absolute;
top:0px;
left:0px;
bottom:0px;
overflow:hidden;
}

#baggrundsbillede img{
width:100%;
}

Billede bliver vist, men stadig i den normale størrelse?

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

Birger Sørensen (30-09-2010)
Kommentar
Fra : Birger Sørensen


Dato : 30-09-10 23:27

Følgende er skrevet af Kim bødker:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>> Kim bødker forklarede:
>>> Allan Vebel wrote in dk.edb.internet.webdesign.html:
>>>> Kim bødker skrev:
>>>>
>>>>> Har prøvet med en kode der ser sådan ud :
>>>>> <body background="BG1.jpg" width="100%
>>>>> " height="100%">
>>>>
>>>> Jamen, sådan er det med baggrundsbilleder,
>>>> de kan ikke skaleres.
>>>>
>>>> Du kan snyde lidt ved at lægge billedet i en <div>
>>>> og skalere det med css, se:
>>>>
>>>> http://html-faq.dk/2030.asp
>>>>
>>>> Se også resultatet og kildekoden på:'
>>>>
>>>> http://html-faq.dk/testsider/baggrund/
>>>>
>>>> --
>>>> Allan Vebel
>>>> http://vebel.dk http://html-faq.dk
>>>> http://webdesigngruppen.dk
>>>>
>>>>
>>>
>>>
>>> Jeg forstår ikke helt, når jeg sætter de to koder ind kommer
>>> intet billede og der kommer '' #baggrundsbillede{
>>> position:absolute;
>>> top:0px;
>>> left:0px;
>>> bottom:0px;
>>> overflow:hidden;
>>> }
>>>
>>> #baggrundsbillede img{
>>> width:100%;
>>> } ''
>>>
>>> SOM tekst. ? why.
>>
>> Hvad sætter du de to koder ind i?
>> Og hvilke koder er det du indsætter?
>>
>> Birger
>>
>> --
>> http://varmeretter.dk - billig, sund og hurtig mad
>> http://bbsorensen.dk
>>
>>
>
> Koden jeg har sat ind ser sådan her ud :
>
> <div id="baggrundsbillede">
> <img src="BG1.jpg" alt="" />
> </div>
>
>
> #baggrundsbillede{
> position:absolute;
> top:0px;
> left:0px;
> bottom:0px;
> overflow:hidden;
> }
>
> #baggrundsbillede img{
> width:100%;
> }
>
> Billede bliver vist, men stadig i den normale størrelse?

Det er stadig lidt svært, når vi ikke kan se hvad du lave - kun får din
beskrivelse af fejlen. Vi kan hverken se din kode,eller hvordan den
opfører sig. Et link til dine forsøg?

Prøv noget i retning af
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Min testside</title>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<meta http-equiv="Content-Language" content="da">
<style type="text/css">
#baggrundsbillede{
position:absolute;
top:0px;
left:0px;
bottom:0px;
overflow:hidden;
}
#baggrundsbillede img{
width:100%;
}
</type>
</head>
<body>
<div id="baggrundsbillede"><img src="bg2.jpg" alt="baggrundsbillede"
title="" /></div>
</body>

Det burde give dig nogenlunde det du er på jagt efter - afhængigt af
billedet...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Allan Vebel (30-09-2010)
Kommentar
Fra : Allan Vebel


Dato : 30-09-10 23:15

Kim bødker skrev:

> Jeg forstår ikke helt, når jeg sætter de to
> koder ind kommer intet billede

Har du et link til din testside, så vi kan se hvad
der sker?

--
Allan Vebel
http://vebel.dk | http://html-faq.dk
http://webdesigngruppen.dk



Otto Motzfeldt (03-10-2010)
Kommentar
Fra : Otto Motzfeldt


Dato : 03-10-10 11:29

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> Kim bødker skrev:
>
> > Har prøvet med en kode der ser sådan ud :
> > <body background="BG1.jpg" width="100%
> > " height="100%">
>
> Jamen, sådan er det med baggrundsbilleder,
> de kan ikke skaleres.
>
> Du kan snyde lidt ved at lægge billedet i en <div>
> og skalere det med css, se:
>
> http://html-faq.dk/2030.asp
>
> Se også resultatet og kildekoden på:'
>
> http://html-faq.dk/testsider/baggrund/
>
> --
> Allan Vebel
> http://vebel.dk http://html-faq.dk
> http://webdesigngruppen.dk
>
>
Hej Allan.

Jeg kan ikke få det til at virke
se www.four-stars.dk
hvad skal væk og hvad skal tilføjes og hvor?

På forhånden tak.

Jeg bruger IE
Hilsen Otto Motzfeldt

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

Birger Sørensen (03-10-2010)
Kommentar
Fra : Birger Sørensen


Dato : 03-10-10 17:03

Otto Motzfeldt kom med denne ide:
> Allan Vebel wrote in dk.edb.internet.webdesign.html:
>> Kim bødker skrev:
>>
>>> Har prøvet med en kode der ser sådan ud :
>>> <body background="BG1.jpg" width="100%
>>> " height="100%">
>>
>> Jamen, sådan er det med baggrundsbilleder,
>> de kan ikke skaleres.
>>
>> Du kan snyde lidt ved at lægge billedet i en <div>
>> og skalere det med css, se:
>>
>> http://html-faq.dk/2030.asp
>>
>> Se også resultatet og kildekoden på:'
>>
>> http://html-faq.dk/testsider/baggrund/
>>
>> --
>> Allan Vebel
>> http://vebel.dk http://html-faq.dk
>> http://webdesigngruppen.dk
>>
>>
> Hej Allan.
>
> Jeg kan ikke få det til at virke
> se www.four-stars.dk
> hvad skal væk og hvad skal tilføjes og hvor?
>
> På forhånden tak.
>
> Jeg bruger IE
> Hilsen Otto Motzfeldt

Første skridt imod noget er virker, hvor man kan regne med det man ser
i hvilkensomhelst browser, er at rette de 22 valideringsfejl:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.four-stars.dk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Måske så starte med at tage en beslutning.
Doctypen er XHTML og du skriver HTML. Enten brug en doctype der passer
til det sprog du bruger, eller brug et sprog der passer til doctypen.
XHTML er vældig fancy - men temmelig tumbet, når man ikke også skriver
XHTML.
Forslaget må være at skifte doctypen til HTML, f.eks.:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
og så ændre de (få) steder XHTML notationen er rigtig til den
tilsvarende for HTML.
Du kan også gøre omvendt - rette HTML notationen til XHTML, hvor den er
forkert - det er mere arbejde, og du vil formentlig have sværere ved at
skrive XHTML end HTML, der er mere tilgivende.

Derefter skal du måske lære lidt om HTML og/eller CSS.
Du har
   background-image: <img src="bg2.jpg" />;
Det er et HTML tag i en CSS definition.
Og det er altså ikke sådan man gør.
   background-image: url( 'bg2.jpg');
hedder det i css.
Der er flere steder på nettet, man kan finde dokumentation og
tutorials.
http://bbsorensen.dk/?men=Link/Software for en liste af dem jeg selv
bruger - der er andre, brug evt. Google, men gå udenom html.dk

Hvis det du vil, er automatisk tilpasning, skal billedet netop *ikke*
være et baggrundsbillede i body.

Dit design er tabeller i tabeller i tabeller, og det uden indrykning -
i hvert fald ikke noget der hjælper på overblikket. Kan du selv
overskue det?
Hvor lang tid tror du det tager os andre at sætte os ind i det?

Beklager hvis jeg lyder negativ.
Svaret på dit spørgsmål findes faktisk i tråden og de eksempler der er
givet.
Du fisker efter en færdig løsning. Sådan en kan du godt få. Det er kun
et spørgsmål om timeprisen.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Bertel Lund Hansen (01-10-2010)
Kommentar
Fra : Bertel Lund Hansen


Dato : 01-10-10 00:27

Kim bødker skrev:

> Jeg vil gerne have mit baggrunds billede til at passe 100 % til
> alle opløsninger men hvordan?

Hvorfor spørger du igen (i en ny tråd)?

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

Jørgen Farum Jensen (01-10-2010)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 01-10-10 12:06

Den 30-09-2010 22:07, Kim bødker skrev:
> Jeg vil gerne have mit baggrunds billede til at passe 100 % til
> alle opløsninger men hvordan?
>
> Har prøvet med en kode der ser sådan ud :
> <body background="BG1.jpg" width="100%" height="100%">
>
> Men det fungere ikke, det gør bare billede så stort som jeg har
> lavet det. ;s ?
>
http://webdesign101.dk/showcase/background/

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

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

Månedens bedste
Årets bedste
Sidste års bedste