9 svar · 446 visningar · startad av Eclipse
Jag hoppas inte i taket... men hur gör man bäst en bakgrundsbild?
Sidan är idag centrerad med vanliga tabeller. Givetvis kan man lägga en bild som bakgrund i html...
Jag gillar inte bakgrundsbilder. Dom ska itne synas eftersom det är en bakgrundsbild... och varför ska man då ha nåt som inte ska synas...!?
Därför är jag lite okunnig på detta området! :-)
Förlåt, jag skriver dumt.
Snubben som designar sidan vill ha en!
Utläggningen att jag inte gillar BG-bilder hör inte hit.
Jag har ett svagt minne att man kan göra BG-bilder med CCS..!?
Hmm...
CSS var det ja :)
body {background-image: url('http://example.se/bilden.jpg'); }
Sedan kan du finlira med t.ex.
background-attachment: fixed;
(bilden scrollar inte med sidan)
eller
background-repeat: no-repeat;
(bilden visas bara en gång)
Finns fler (sök lite i forumet så hittar du dem också ;) ) - men bara du undviker att välja kortformen "background: " för att "bara" lägga till en bakgrundsbild också bör du inte råka på några större mystifikationer
Tack broder!
Ska kolla detta och se vad som händer!
Funkar detta?:
background-attachment: centered;
Eclipse skrev:
Funkar detta?:
background-attachment: centered;
Det är background-position du efterfrågar. :)
background-position: center center;
Var och hur skriver jag in denna kod!? Den krockar med all annan kod på sidan...!?
Skriv den bland all annan CSS-kod. Såhär skriver du om du vill lägga bakgrunden under exempelvis body:
body
{
background-image: url('http://example.se/bilden.jpg');
background-position: center center;
background-repeat: no-repeat;
}
Alltså... kalla mig trög... MEN....
Man kan väl inte ha två boddy taggar på samma sida!? I alla fall blir DreamWeaver lite yr i huvudet!
Jag tror för övrrigt vi skippar det där med BG-bild... det verkar aldeles för jobbigt. Jag ska snacka med killen som grejar designen.
Eclipse skrev:
Man kan väl inte ha två boddy taggar på samma sida!?
Nej.. Du har ingen annan css på sidan? Det lättaste sättet (att visa hur) man lägger in css-regler är detta:
<valfri doctype>
<html>
<head>
<title>..</title>
<style type="text/css">
body {
background-image: url('http://example.se/bilden.jpg');
background-position: center center;
background-repeat: no-repeat;
}
</style>
</head>
<body>
</body>
</html>
Oavsett om du skippar bakgrundsbilden på sidan så borde du börja kolla på css.