Søg
Avatar billede charley78 Novice
24. oktober 2004 - 15:57 Der er 14 kommentarer og
1 løsning

baggrundsbillede der dækker hele siden

Hvordan ville man kodemæssigt set lave et baggrundsbillede (fra foto), der tilpasser sig flest mulige skærmopløsninger, så det breder sig over det hele (tiles/strækkes ud)?
Avatar billede bojohansen Nybegynder
24. oktober 2004 - 20:33 #1
Det vil man slet ikke lave ;)
Billedet ville komme til at se mærkeligt ud ved forskellige opløsninger.
Avatar billede charley78 Novice
24. oktober 2004 - 22:45 #2
jeg har også foreslået en fast bredde, der til gengæld er fx 700pixels med en ensfarvet baggrund. kan man driste sig til mere, hvis det nu Skulle være?
Avatar billede olebole Juniormester
24. oktober 2004 - 22:53 #3
<ole>

At tile et billede kan se fortrinligt ud og bruges et hav af steder - men at strække det, er i de fleste tilfælde en rigtig dårlig idé  :)
Du kan tile et billede over hele dokumentet med:

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

/mvh
</bole>
Avatar billede bojohansen Nybegynder
24. oktober 2004 - 23:12 #4
jeg ville gøre noget ala :

<style type="text/css">
<!--
body {
    margin: 0px;
    padding: 0px;
    background-image: url(/DIT_BILLEDE.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #CCCCCC;

   
}

-->
</style>
Avatar billede bojohansen Nybegynder
24. oktober 2004 - 23:27 #5
Hvis du absolut skal lege med det, så kan du jo evt. bygge lidt videre på dette.
Men jeg kan da overhovedet ikke anbefale det :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
html, body {
    height:100%;
    width:100%
}
body {
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
    height: 100%;
    width: 100%;
}
#Straek_Bg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
#Neste_Div {
    position: relative;
    height: 300px;
    width: 750px;
    background-color: #0000FF;
    margin-right: auto;
    margin-left: auto;
}


-->
</style>
</head>

<body>
<div id="Straek_Bg">
<img src="/design_kladde.gif" width="100%" height="100%" />
</div>
<div id="Neste_Div">
</div>

</body>
</html>
Avatar billede bojohansen Nybegynder
24. oktober 2004 - 23:33 #6
Du må lige begynde at sætte z-index på div'erne
Opera 7.54 vil ihvertfald ikke vise Neste_Div, medmindre der kommer z-index: 1; på ......
Avatar billede olebole Juniormester
25. oktober 2004 - 01:38 #7
bojohansen >> 'background' er blot en short-hand for alle baggrunds-egenskaberne - men man kan også 'pinde' dem ud på enkelt-linier. Resultatet bliver det samme  ;o)

I øvrigt er der ingen fordele ved at skrive i XHTML1.0-Trans fremfor at skrive i HTML4.01. Skal man have fordele ud af at bruge XHTML, skal man skrive 'Strict'.
/mvh
Avatar billede charley78 Novice
25. oktober 2004 - 18:22 #8
- nu er vi vist ude et sted hvor jeg ikek kan bunde, men tal for forslag. jeg skal eksperimentere...!

Nogen der vil have points?
Avatar billede charley78 Novice
25. oktober 2004 - 18:33 #9
Tak for forslag! ... skulle der selvfølgelig have stået!
Avatar billede bojohansen Nybegynder
25. oktober 2004 - 19:14 #10
Vi tager afregner en anden gang ;)
Avatar billede charley78 Novice
26. oktober 2004 - 00:08 #11
jamen jamen, jeg mener jo du har fortjent pointsene. Bare kom frem med et 'svar' - ja, ellers snupper jeg dem selvf. selv..
Avatar billede bojohansen Nybegynder
30. oktober 2004 - 12:36 #12
Snup dem bare selv ;)

-->olebole
I know ;)
Avatar billede charley78 Novice
31. oktober 2004 - 12:49 #13
olebole har også kun skrevet kommentar!?
Avatar billede bojohansen Nybegynder
31. oktober 2004 - 12:57 #14
vent et par dage, så kommer han nok forbi.
Avatar billede charley78 Novice
31. oktober 2004 - 12:59 #15
ups, det var for sent, men jeg forstod jo heller ikke et kuk af, hvad han skrev. Det var vist en kommentar til dig.
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
AJAX kode -javascript Af Asky i Programmeringsværktøjer 2 15/05/202613:45 19/05/202621:09
PHP Html Af Asky i Programmeringsværktøjer 17 07/05/202614:15 19/05/202621:11
HTML Af Asky i Programmeringsværktøjer 0 06/05/202616:53 -
Hente CSV fil, indsætte CSV data i TABEL for JAVASCRIPT Af snestrup2000 i Programmeringsværktøjer 5 29/04/202619:37 02/05/202613:26
JAVASCRIPT omdan ekstern variabel til søjleværdi .. Af snestrup2000 i Programmeringsværktøjer 4 29/04/202611:38 01/05/202609:55
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
56 min siden Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
I går 21:00 Libre Office Impress Af Frank i Andre styresystemer
I går 11:47 VB script Af Jenshentze i Word
I går 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
White papers
Flere white papers »