CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
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
Capcha problemer Af Asky i Programmeringsværktøjer 0 02/03/202517:21 -
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
Power Automate, åben en fil der er delt med mig Af KATM i Programmeringsværktøjer 1 16/02/202409:07 19/02/202409:10
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 dag 13:15 Microsoft 365 personel Af ejgil703 i E-mail programmer
I dag 08:43 USB strømforsyning til PD 5V/2.4A eller 9V/3A Af Joakim i Andet hardware
I går 21:07 Office-programmer lukker ned ved opstart Af Morten i Office & Kontorpakker
I går 13:26 Windows 10 Home tager alt min Harddisk plads Af Bexelbud i Windows
I går 10:03 Fjern markering på enkelte linjer Af TheLibrarian i Excel
White papers
Flere white papers »


Premium
Teaser billede
Microsoft udskyder vigtig ændring for partnerne: Får tre måneder mere, ellers falder hammeren
Læs mere »
Fremadstormende Conscia i nyt gigantopkøb – bliver det største i selskabets historie
Itm8 kæmper med blødende bundlinje og skuffende salg: "Ikke tilfredsstillende"
Denne 37-årige russiske hackerkonge har flået adskillige danske virksomheder – og har tjent styrtende på det
Se alle »
Computerworld
Teaser billede
Hackerne slog til mod Humac – direktøren skiftede forklaring på en uge: Nu flyder pas frit på nettet
Læs mere »
Verdens største it-distributør ramt af ransomware: VPN mistænkt som indgang
Elon Musks nye AI-model Grok 4 er hundedyr – men den fejer alle konkurrentere af banen i ny analyse
Test: Endelig et OLED-tv, der giver dig masser af lys og power
Se alle »
CIO
Teaser billede
Kæmpe it-distributør er tilbage i drift efter ransomware-angreb: "Har arbejdet døgnet rundt"
Læs mere »
Borgere kunne læse andres beskeder i Digital Post: Nu får Digitaliseringsstyrelsen kras kritik for mangler i sikkerheden
En af landets dygtigste CISO'er stopper i Arla: Thomas Zuliani har fået nyt job
Banedanmark skal have ny CISO: Derfor kvitter Morten Pedersen sin stilling
Se alle »
Job & Karriere
Teaser billede
It-chef og halv it-afdeling fyret i forsikringsselskab på grund af kommentar om potteplante
Læs mere »
Danske it-folk tør ikke længere skifte job hele tiden - og det er der en særlig årsag til
Itm8 fyrer: Opsiger ansatte og reorganiserer
Fagforbund slår alarm over Netcompany: "Man risikerer at knække halsen på deres arbejdsmiljø"
Se alle »
White paper
Teaser billede
Sikkerhed gjort enkelt: Beskyt din virksomhed direkte i browseren
Læs mere »
Gør din backup til et aktiv i cybersikkerhedsindsatsen
Få reel viden om datasuverænitet og tag selv kontrollen
Cybersikkerhed 2025: Er din branche blandt de mest udsatte?
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »