Søg
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:15 Der er 38 kommentarer og
1 løsning

Skal have strukket baggrundsbilede

Jeg har et baggrundsbillede somjeg skal have strukket helt til kant alt efter hvad opløsning den blir loaded frem i.

Hvad skal jeg skrive? Kan ikke lige selv finde det.
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 12:21 #1
Hvordan ser din kode ud
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:24 #2
Det er helt simpelt.

Skal bare have indsat et baggrundsbillede på en tomside.

Såder er jo kun:

<html>

<head>

<title>indsæt baggrund</title>
</head>

<body>

</body>


filen hedder baggrund.gif

</html>
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 12:27 #3
<html>
<head>

<style type="text/css">
body
{
background-image:
url("baggrund.gif")
}
</style>

</head>

<body>
</body>

</html>
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:27 #4
Den skal bare strække billedet så det ikke lægger sig flere gange.
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 12:29 #5
background-repeat: no-repeat;
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:33 #6
Den strækker jo ikke billedet ud tilkanterne
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:34 #7
hvor skal det her så stå? background-repeat: no-repeat;
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 12:35 #8
<html>
<head>

<style type="text/css">
body
{
background-image:url("baggrund.gif");
background-repeat: no-repeat;
}
</style>

</head>

<body>
</body>

</html>
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 12:36 #9
det løser bare ikke helt dit problem :-) Hvis jeg altså har forstået det rigtigt
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 12:41 #10
Jeg ved faktisk ikke om man kan strække en baggrund som du gerne vil i CSS, men sådan kan du skrive hvis du vil have den centreret horinsontalt og vertikalt. Du kan jo vælge at scripte dig ud af det, altså finde ud af hvilken opløsning klienten har også vise den baggrund som passer


<style type="text/css">
body
{
background-image:url("test.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
}
</style>
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:41 #11
Nej så er der kun en. Så langt så godt men nu skal den strækkes ud til kanten.
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:43 #12
Kan du finde ud af det får du 150 point.
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:46 #13
hmm hvordan skal jeg kunne det når det er forskellige klienter der skal logge på? Derfor har jeg valgt ikke og lave billedet i 1024*768
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 12:49 #14
Du skal så have billedet i de opløsninger du ønsker at vise
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:51 #15
men jeg kan jo ikke vide hvad opløsning de forskellige brugere har!
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 12:52 #16
Det kan du da ved hjælp af et lille javascript :-)
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 12:55 #17
nå ja... Hmm er der ikke et sted der ligger sådan et gratis script?
Der må jo have været masser af forsøg med samme ide.
Ved du noget?
Avatar billede schaefner Juniormester
08. april 2003 - 12:56 #18
<script language="Javascript">
width = screen.width;
if (width == 800) {
  documentwrhite('<body background="800.gif"');
} else if (width == 1024 ) {
  documentwrhite('<body background="1024.gif"');
}
</script>

Noget i den stil
Avatar billede schaefner Juniormester
08. april 2003 - 12:56 #19
Uden fejl:
document.write('<body background="800.gif">');
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 13:01 #20
schaefner

Hvor skal jeg smide det ind i min source?

SKal jeg så bare lave 2 billeder i de forskellige størelser?
Avatar billede schaefner Juniormester
08. april 2003 - 13:02 #21
<html>
<head>
</head>

<script type="text/javascript">
width = screen.width;
if (width == 800) {
  document.write('<body background="http://www.eksperten.dk/img/eksperten_logo_new.gif">');
} else if (width == 1024 ) {
  document.write('<body background="http://www.eksperten.dk/img/eksperten_logo.gif">');
}
</script>

</body>
</html>
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 13:02 #22
og billederne skal vel så hedde 800.gif og 1024.gif ikke?
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 13:05 #23
inde mellem de 2 = <body> og </body>
Avatar billede schaefner Juniormester
08. april 2003 - 13:08 #24
Det er sådan set ligemeget hvad de hedder bare det passer ind i scriptet. Hvis du f.eks har et billeder kaldet "hulihopland.gif" som skal vises ved 800x600:
Så skal dit javascript se sådan her ud:

if (width == 800) {
  document.write('<body background="hulihopland.gif">');

og så videre...
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 13:14 #25
<html>
<head>


</head>


<script type="text/javascript">

var width = screen.width;
if (width == 800) {
document.write("<body style=\"background-image:url('800.jpg');background-repeat: no-repeat;\"")
}
else if (width == 1024) {
document.write("<body style=\"background-image:url('1024.jpg');background-repeat: no-repeat;\"")
}

</script>

</body>

</html>
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 13:28 #26
jeg har prøvet og skrive alt det du lige har skrevet mikmakmuk men den laver bare underlige ting den skriver det her når man åbner siden som jeg har gemt som index:

body style="background-image:url('1024.jpg');background-repeat: no-repeat;"
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 13:29 #27
Ogsåselvom man ændre det til 1024.gif

Skal det være jpg?
Avatar billede schaefner Juniormester
08. april 2003 - 13:37 #28
document.write('<body style="background-image: url(\'http://www.eksperten.dk/img/eksperten_logo.gif\'); background-repeat: no-repeat">')
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 13:41 #29
hehe blandede lidt sammen i jeres scripts. Så virker det vist. tror jeg.

Vil i have noglepoint?

hvad med 75 til jer hver?
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 13:47 #30
schaefner - Hvad var det sidste du skrev?
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 13:52 #31
har lige et problem mere.

Den tager ikke hele billedet med nu selvom proportionerne er 1024*768/800*600
Der mangler cirka 2 cm i kanten.
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 14:04 #32
http://sidevisning.users.whitehat.dk/

Den er her.
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 14:09 #33
Her er billedet. http://sidevisning.users.whitehat.dk/1024.gif

I kan godt se at det ikke er det samme ik?
Avatar billede mikmakmuk Nybegynder
08. april 2003 - 14:22 #34
points kan man altid bruge
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 14:30 #35
Kan i hjælpe med det sidste?
Avatar billede schaefner Juniormester
08. april 2003 - 17:07 #36
Nå, jeg kom for sent til pointfordelingen ;)
Hvad er problemet med det sidste du skriver?
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 18:56 #37
schaefer jeg opretter et sprørgsmål med link hertil med de 75 point. Ville bare vide om i begge ville have. Nogle herinde er ligeglade.
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 19:00 #38
Når man åbner siden med baggrunden viser den ikke hele billedet.

Her er siden
http://sidevisning.users.whitehat.dk/

og her er billedet
http://sidevisning.users.whitehat.dk/1024.gif


Hvad kan det være
Avatar billede brianalbertsen Nybegynder
08. april 2003 - 19:38 #39
ups glemte lige og skrive et link herinde også

til schaefner:
http://www.eksperten.dk/spm/338226
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 10:42 Tidsbestemt opladning af elbil Af vbr i Andet software
13/0917:00 Film Server Af dcedata1977 i Andet software
13/0912:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
12/0913:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
White papers
Flere white papers »