| FAQ |
| Kalender |
2009-02-15, 23:07
|
#1 | ||
|
|||
|
Medlem
|
Ja vad bör man tänka på om man funderar på att lägga till en stor bakgrundsbild på sidan likt den som http://www.islandreefjob.com/ har med öarna och planet i bakgrunden? Visst är det snyggt men hur ska man tänka om man vill anpassa en sådan sida till en massa olika skärmstorlekar m.m.?
|
||
|
 Svara med citat
|
|
2009-02-16, 10:30
|
#2 | ||
|
|||
|
Flitig postare
|
Citat:
det finns en hel del sätt att lösa detta på. Lite beroende på hur din bild ser ut och därmed vilka problem du ställs inför. Kollar vi på http://www.islandreefjob.com/ så är lösningen relativt enkel, eftersom bakgrundsbilden enbart är på botten av sidan och centrerad, det vill säga den hade fade på höger/vänster samt upp. Det skulle kunna lösas på följande vis; Kod:
//CSS
#bg_back {
background:#0099FF;
}
#bg_front {
background:url(minbakgrund.png) no-repeat;
margin:0 auto;
width:800px; height:170px;
}
//HTML
<!--SIDAN I ÖVRIGT HÄR OVAN-->
<div id="bg_back">
<div id="bg_front"></div>
</div>
Kod:
//CSS
body {
background:#000000 url(minbakgrund.png) center top no-repeat; //Tänk på att även här fungerar en bild som har fade på höger/vänster + ner bäst.
}
Kod:
//CSS
#bg {
position:absolute;
top:0; left:0;
width:100%;
height:100%;
}
#page {
position:relative;
top:0;
left:0;
}
//HTML
<body>
<img src="bg.png" id="bg" />
<div id="page">Här har jag hela mitt innehåll.</div>
</body>
|
||
|
|
Svara med citat
|
|
2009-02-19, 16:34
|
#3 | ||
|
|||
|
Klarade millennium-buggen
|
i det specifika fallet är det bakgrundsbilder lite överallt.
I bodyn headern och i footern, ser det ut som. Lite så som vi gjorde för www.pinjata.com/se/ |
||
|
|
Svara med citat
|
| Svara |
«
Föregående ämne
|
Nästa ämne
»
| Ämnesverktyg | |
| Visningsalternativ | |
Linjär visning
|
|
Alla tider är GMT +2. Klockan är nu 09:56.