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
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
Prisberegner til hjemmeside Af Michael Vahl i Programmeringsværktøjer 4 14/01/202417:30 21/01/202409:21
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 12:38 Nyt window lægger sig altid direkte ovenpå øverste åbne window (Windos 11) Af Michael Thomas Fitzgerald i Andet software
I dag 09:03 Kan ikke åbne billeder Af Rikke i Billedbehandling
I går 18:02 Tekst på foto Af hkprofil i Billedbehandling
I går 15:17 PHP alfabet Af John i PHP
I går 08:14 Nyt Batteri installeret virker ikke Af duvander i Andet hardware
White papers
Flere white papers »


Premium
Teaser billede
Dansk netbetalings-firma brager frem efter strategiskifte: Forventer 5.000 nye kunder i år
Læs mere »
Virksomheder står over for store it-omkostninger: Mere end hver 10. pc kan ikke køre Windows 11
Tidligere Salesforce-boss Michael Zink stopper hos Celonis - skal være global CEO for softwareselskab
AI kan sætte en næsten øjeblikkelig stopper for sms- og telefonsvindel, men politikerne tøver
Se alle »
Computerworld
Teaser billede
Efter 11 år er det slut for Google Chromecast: Snart sidste udkald for at sikre sig den billige enhed
Læs mere »
10.000 timers ubønhørlig test afslører: Derfor sætter fladskærme ud
Mercedes’ nye generation af selvkørende biler får det grønne lys: Kan slippes løs på vejene
Apple på vej med sin mindste computer nogensinde
Se alle »
CIO
Teaser billede
Din Azure-konto kan blive misbrugt til kryptomining - helt uskyldige virksomheder ender med kæmpe-elregning
Læs mere »
Den danske it-kæmpe Atea skifter 1.200 enheder fra Windows 10 til 11: Vil spare tusindvis af arbejdstimer
Microsoft skyder tilbage mod flyselskab efter kæmpe-nedbrud: I har ringe infrastruktur
It-leverandør står over for millionbøde efter ransomware-angreb: Lykkedes ikke med at beskytte vigtige oplysninger
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
KMD-direktør forlader selskabet: Det skal hun nu
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Vejen væk fra WAN: Sådan skifter du til en moderne infrastruktur
Læs mere »
MDR: Transparent sikkerhed og overvågning i realtid
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Sådan: Sikker, hurtig og fleksibel storage til dine kritiske data
Se alle »

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