Avatar billede htmlkongen Novice
31. januar 2005 - 13:16 Der er 18 kommentarer og
1 løsning

Bagrunds billede?

Hvordan sætter man et billede ind som baggrundsbillde?

<body background="picodellamirandola.jpg">

Hvad fejler den?

Der kommer en masse billeder - og der skal kun være ét enkelt centreret...
Avatar billede roenving Novice
31. januar 2005 - 13:18 #1
<body style="background:url(picodellamirandola.jpg) no-repeat center center">
Avatar billede htmlkongen Novice
31. januar 2005 - 13:24 #2
Mange tak :) Smid et svar

mvh Htmlbegynderen :)
Avatar billede htmlkongen Novice
31. januar 2005 - 13:25 #3
Forresten: Hvad så hvis teksten skal udenom billedet?
Avatar billede alister_crowley Nybegynder
31. januar 2005 - 13:29 #4
Avatar billede htmlkongen Novice
31. januar 2005 - 13:32 #5
Hmm okay. Men hvad bliver den endelige kode så?
Avatar billede roenving Novice
31. januar 2005 - 13:32 #6
-- eller prøv med indexdotHTML eller indexdotCSS !-)

http://www.blooberry.com/indexdot/html/

og

http://www.blooberry.com/indexdot/css/index.html
Avatar billede alister_crowley Nybegynder
31. januar 2005 - 13:33 #7
Har du ikke lært det grundlæggende html endnu ? så er det ihvertfald på tide.

www.html.dk/tutorials/html
Avatar billede alister_crowley Nybegynder
31. januar 2005 - 13:34 #8
og omkring billeder specifikt

http://www.html.dk/tutorials/html/lektion9.asp
Avatar billede htmlkongen Novice
31. januar 2005 - 13:34 #9
Alister_Crowley>> Hehe kan da lidt, og kender godt siden :)

Roenving>> indexdotCSS?? :O
Avatar billede htmlkongen Novice
31. januar 2005 - 13:35 #10
Hvor står den specifikke kode i lektion 9? :S
Avatar billede alister_crowley Nybegynder
31. januar 2005 - 13:40 #11
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum viverra, diam volutpat volutpat vehicula, arcu nulla nonummy urna, sit amet eleifend tortor elit sit amet nunc.
<img src="hej.jpg" alt="Hej" />
Aenean condimentum felis sit amet magna. Nam pretium, lorem ut posuere porttitor, pede erat imperdiet massa, at ultrices elit justo fringilla nulla. Sed a nibh tristique est congue iaculis. Etiam non elit. Nulla nec elit sit amet nibh malesuada pulvinar. Nulla rutrum vulputate erat.
Avatar billede htmlkongen Novice
31. januar 2005 - 13:44 #12
Så er billedet jo ikke centreret, og der er ikke tekst på alle 4 sider?
Avatar billede alister_crowley Nybegynder
31. januar 2005 - 13:48 #13
laver lige et eksempel.
Avatar billede htmlkongen Novice
31. januar 2005 - 13:49 #14
Super ;)
Avatar billede roenving Novice
31. januar 2005 - 13:51 #15
Man kan ikke lave tekst hele vejen rundt om et billede med html-koder, du bliver nødt til f.eks. at have billedet i højre eller venstre side ...
Avatar billede alister_crowley Nybegynder
31. januar 2005 - 13:56 #16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da" xml:lang="da">
  <head>
    <title> - </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
   
    body,html
    {
      margin: 0px;
      height: 100%;
    }

    </style>
  </head>
  <body>

  <table cellspacing="0" cellpadding="0" border="0">
    <tr>
      <td colspan="3" valign="top" style="height: 25%;">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer facilisis tincidunt metus. Sed dapibus, eros quis porttitor rutrum, dui est tristique eros, eu placerat lacus enim ut dui. Duis sit amet elit. Pellentesque molestie condimentum enim. Cras diam justo, suscipit ut, cursus et, cursus eget, neque. Ut tincidunt quam sed elit. Aenean risus. Vestibulum in mauris eu arcu tempus eleifend. Pellentesque posuere. Nunc felis. Integer consectetuer arcu non mauris. Sed a metus sit amet leo mollis faucibus. Maecenas nonummy, ante vitae tempor vestibulum, elit quam sagittis elit, vel scelerisque lorem nisl vitae libero. Phasellus eget erat vel ligula porttitor tincidunt. Fusce volutpat enim ut justo. Duis nonummy diam non purus. Nunc rutrum elementum tellus. Sed placerat orci et ante.
      </td>
    </tr>
    <tr>
      <td valign="top">
        Integer a lorem. Duis venenatis. Praesent lobortis, pede eu porttitor sodales, lectus arcu fermentum diam, nec dapibus nisl ipsum quis tellus. Morbi nec erat eu quam blandit porttitor. Donec vel elit. Duis semper fringilla tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sed odio. Praesent dui ligula, pellentesque sed, consequat a, luctus et, sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
      </td>
      <td valign="top">
        <img src="Rozwell.jpg" alt="" />
      </td>
      <td valign="top">
        Nulla lorem. Suspendisse porttitor leo in est. Curabitur iaculis felis non ante. Pellentesque tortor. Nam dictum lorem eget lectus. Aliquam accumsan elit vel sem. Donec congue lorem eget mauris. Vivamus laoreet dolor sed diam. Proin et nisl quis nunc feugiat mollis. Proin sollicitudin euismod odio. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In et nibh nec nibh lobortis pretium. Curabitur non lorem tempus leo faucibus vehicula. Suspendisse vel risus sit amet turpis mollis placerat. Suspendisse et mauris. Duis eget magna et elit accumsan aliquet. Quisque fringilla.
      </td>
    </tr>
    <tr>
      <td colspan="3" style="height: 25%" valign="top">
        Etiam cursus accumsan metus. Quisque nisl felis, varius a, varius eget, sagittis nec, massa. Nulla facilisi. Pellentesque vehicula fermentum felis. Nullam semper, felis eu ultricies tristique, metus magna porta leo, ultricies consectetuer tellus leo vel libero. In elit neque, volutpat a, euismod id, lacinia et, pede. Mauris ante quam, consequat sit amet, pretium eu, auctor ac, mauris. Proin erat odio, vestibulum et, ornare in, ultrices non, turpis. Aliquam et wisi. Ut pretium, libero a molestie laoreet, nisl sem malesuada mi, id scelerisque mauris lorem at augue. Nam dolor dolor, nonummy eget, fermentum sit amet, commodo consectetuer, erat. Aenean lectus wisi, faucibus at, hendrerit id, tempor eget, mauris. Phasellus iaculis leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eros erat, laoreet vitae, adipiscing sit amet, imperdiet ut, elit. Ut scelerisque, leo sit amet pretium suscipit, felis ante aliquam justo, a semper neque neque eget eros.
      </td>
    </tr>
  </table>

  </body>
  </html>

Som der ses på eksemplet, og som roenving sagde, er det ikke just muligt.
Men ved at bruge tables kan man godt lave denne struktur.
Avatar billede htmlkongen Novice
31. januar 2005 - 14:20 #17
Okay tak :)

Smid svar
Avatar billede alister_crowley Nybegynder
31. januar 2005 - 14:26 #18
nej tak, samler ikke på points.
Avatar billede htmlkongen Novice
07. februar 2005 - 10:22 #19
Så tak for hjælpen til alle :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester