Notifikationer

Markér alle som læst Log ud

Slettet bruger

07. december 2009 - 10:34 Der er 8 kommentarer og
1 løsning

Placering af billeder som baggrund

Jeg prøver at placerer mine billeder som baggrund på noget tekst jeg udskriver, men den rykker alt hvad jeg har stående ned så der kommer mellemrum.

Hvornår får jeg indsat et billede som baggrund, uden at den flytter rundt på alle de nuværede ting på siden.

Har lavet det som følgende nu:

I style.css:

#top-pic {
background: url(images/banner3.jpg) no-repeat top;
display: relative;
margin-left: auto;
margin-right: auto;
width: 900px;
height: 190px;
}

Og indsætter billedet i php filen med følgende:
<div id="top-pic"></div>

Mvh.
Henrik

Synes godt om

claes57 Ekspert

07. december 2009 - 11:54 #1

display:inline;

så burde den ligge på samme linje

Synes godt om

Slettet bruger

07. december 2009 - 12:52 #2

Hvis jeg ændre det til inline, så bliver den ikke vist???
Skal der tilføjes mere?

Synes godt om

claes57 Ekspert

07. december 2009 - 13:12 #3

teksten er vel inde i div'en
<div id="top-pic">her er dine data</div>

Synes godt om

Slettet bruger

07. december 2009 - 13:15 #4

Ja, men billedet bliver ikke vist.. Altså det jeg har sat til at være baggrundsbillede... :-(

Synes godt om

Slettet bruger

07. december 2009 - 13:18 #5

Ahhh.. okay... den viser kun det der står inde i div'en.
Det virker nu også. :-)

Problemet er at jeg skal have den til at vise hele billedet og så skal den udskrive noget fra en database "oven på billedet", da det jo skal være som baggrund.
Hvis du kan følge mig? :-)

Synes godt om

claes57 Ekspert

07. december 2009 - 14:44 #6

i den tekst, som du sætter i, må der ikke være andre styles med baggrund.
sikker på filnavn? det er ikke en png-fil?
Tilsvarende kode virker på mit (ændret filnavn):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<style type="text/css">
body {
background: #e0e0e0;
text-align: center;
color: #000000;
font-size: 10pt;
font-family: Verdana, sans-serif;
}

#top-pic {
background: url(logo.png) no-repeat top;
display: relative;
margin-left: auto;
margin-right: auto;
width: 900px;
height: 190px;
}
</style>
</head>
<body>
<div id="top-pic">dhsaalkjdsaskjfsfkjasjsj asgsg</div>

</body>
</html>

Synes godt om

Slettet bruger

09. december 2009 - 18:15 #7

Super, det ser rigtig godt ud og det virker bare.
Ved ikke lige hvad der gik galt med mit, men jeg har tilrettet det efter dit og så virker det.
Skal det være png-fil før det virker??

Hvis jeg vil have den til at være venstrestillet på siden, hvad gør jeg så? Skal det være med padding eller hvordan?

Men mange tak for hjælpen!!!
Send bare svar. :-)

Synes godt om

claes57 Ekspert

09. december 2009 - 18:38 #8

#top-pic {
background: url(logo.png) no-repeat top;
display: relative;
margin-left: auto;
margin-right: auto;
width: 900px;
height: 190px;
vertical-align:top;
text-align:left;
}

vertical-align er højde-indstilling - top/bottom/middle
text-align er venstre/højre: left/center/right
den var i midten, da den arvede body's text-align: center;

Synes godt om

Slettet bruger

09. december 2009 - 19:02 #9

Perfekt, mange tak.
Og fortsat god aften. :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS