/ 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
skalering af background-image ?
Fra : Chrisser


Dato : 03-11-03 10:24

Jeg har en topbar der er 700 pixels bred som jeg vil have øverst til venstre
i en div ( css som nedenstående ). Til højre har jeg så et par knapper også
pakket ind i div. Det er også fint så længe jeg kører opløsning 1024*768,
men i 600*800 vil de to overlappe og det ser grimt ud.
Her ville jeg gerne kunne skalere mit billede, men kan jeg gøre det når jeg
har indsat det som baggrundsbillede i en div, eller skal jeg ud i noget helt
andet ( som det er nu kan jeg skalere div'en men billedet bliver bare skåret
af....)

CSS:
..topbar{
position: absolute;
background-image: url("../images/top.jpg");
background-color: #FFFFFF;
background-position: left top;
background-repeat: no-repeat;
border: 0px;
border-color:transparent;
width: 700 px;
height: 101px;
}

HTML:
<div class="topbar"></div>

Mvh
Chrisser



 
 
Jint (03-11-2003)
Kommentar
Fra : Jint


Dato : 03-11-03 14:02

Er ikke helt sikker på at det er dette du skal bruge, men jeg tror at det er
noget i den stil.

http://www.w3schools.com/css/tryit.asp?filename=trycss_clip


"Chrisser" <cbjDetteFjernes@egdatainform.dk> skrev i en meddelelse
news:bo56qm$tv$1@sunsite.dk...
> Jeg har en topbar der er 700 pixels bred som jeg vil have øverst til
venstre
> i en div ( css som nedenstående ). Til højre har jeg så et par knapper
også
> pakket ind i div. Det er også fint så længe jeg kører opløsning 1024*768,
> men i 600*800 vil de to overlappe og det ser grimt ud.
> Her ville jeg gerne kunne skalere mit billede, men kan jeg gøre det når
jeg
> har indsat det som baggrundsbillede i en div, eller skal jeg ud i noget
helt
> andet ( som det er nu kan jeg skalere div'en men billedet bliver bare
skåret
> af....)
>
> CSS:
> .topbar{
> position: absolute;
> background-image: url("../images/top.jpg");
> background-color: #FFFFFF;
> background-position: left top;
> background-repeat: no-repeat;
> border: 0px;
> border-color:transparent;
> width: 700 px;
> height: 101px;
> }
>
> HTML:
> <div class="topbar"></div>
>
> Mvh
> Chrisser
>
>



Knud Gert Ellentoft (03-11-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 03-11-03 15:05

"Jint" <jint@jint.dk> skrev :

>Er ikke helt sikker på at det er dette du skal bruge, men jeg tror at det er
>noget i den stil.

Kan ikke bruges på baggrunde.

PS.
Når du svarer på et indlæg vær rar, at citere efter netiketten på
<http://www.usenet.dk/netikette/citatteknik.html>.
Se også min signatur.

Det vil gøre det nemmere og mere behageligt at læse dine svar -
tak.

med venlig hilsen
Knud
--
Når der svares på et indlæg, svar venligst under det citerede
og skær venligst det væk, du ikke svarer på.
Du kan læse mere om de danske nyhedsgrupper på http://www.usenet.dk
http://home13.inet.tele.dk/smedpark

Knud Gert Ellentoft (03-11-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 03-11-03 15:04

"Chrisser" <cbjDetteFjernes@egdatainform.dk> skrev :

>Her ville jeg gerne kunne skalere mit billede, men kan jeg gøre det når jeg
>har indsat det som baggrundsbillede i en div, eller skal jeg ud i noget helt
>andet ( som det er nu kan jeg skalere div'en men billedet bliver bare skåret
>af....)

Man kan ikke skalere et baggrundsbillede, det har den størrelse
det har.

Det eneste du kan er at forsøge noget med z-index og placere
billedet bagerst, men det er en noget klumpet løsning.
--
Knud

Chrisser (03-11-2003)
Kommentar
Fra : Chrisser


Dato : 03-11-03 15:14

Knud Gert Ellentoft wrote:
>> Her ville jeg gerne kunne skalere mit billede, men kan jeg gøre
>> det når jeg har indsat det som baggrundsbillede i en div, eller
>> skal jeg ud i noget helt andet ( som det er nu kan jeg skalere
>> div'en men billedet bliver bare skåret af....)
>
> Man kan ikke skalere et baggrundsbillede, det har den størrelse
> det har.
>
> Det eneste du kan er at forsøge noget med z-index og placere
> billedet bagerst, men det er en noget klumpet løsning.

Ok, jeg havde det godt på fornemmelsen da jeg ikke kunne finde noget på
google.
Nu er jeg i den heldige situation at jeg ikke behøver have det som
baggrundsbillede, jeg fandt bare at de tilknyttede background-attributter
passede mig fint i forhold til det jeg skulle bruge.
Så jeg kan regne ud at jeg er nødt til at hente mit billede ind i div'en med
<img>, sætte en vidde med procenter og så lade browseren skalere det
derefter. Så må jeg jo se om jeg kan få resten til at spille med
*almindelige* css-attributter
I skal nok høre fra mig hvis det ikke lykkes.

Tak for hjælpen

Chrisser



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

Månedens bedste
Årets bedste
Sidste års bedste