header

3 svar · 522 visningar · startad av mats47 4 maj 2010

mats47Medlem sedan mars 2009185 inlägg

Trådstart4 maj 2010 12:00#1

Jag har en header på en sida
hur gör jag om jag vill att bilden blir 200 gånger 740.
om bilden inte är det?

den kan va 190 * 600

jag vill alltså stretcha ut bilden, ej upprepa bilden

#header {
    background-image: url(hej.gif);
    height:220px;
    width:740px;
}

Danne VMedlem sedan aug. 20068 090 inlägg

4 maj 2010 12:17#2

Nej, det går inte. Lättast är ju att ändra bilden i Photoshop. Annars kan du strunta i att lägga bilden som bakgrund i en div, utan lägga in den som absolut positionerad och ge den bredden och höjden du vill ha med hjälp av css - och därefter lägga din div som innehåller texten (också absolut positionerad) ovanpå bilden. Glöm inte z-index!

(Och kom ihåg att ange bredden först när du skriver ut mått. Det du skrivit i texten säger att bilden är 190 bred och 600 hög, och att du vill ha den 200 bred och 740 hög.)

voigtann1Medlem sedan juni 20019 519 inlägg

4 maj 2010 12:38#3

Kan läsa jarvklo inlägg: http://www.webforum.nu/showthread.php?t=173870 som kanske kan hjälpa dig, men "ren" CSS går det inte med.

tantenMedlem sedan nov. 20051 596 inlägg

4 maj 2010 13:05#4

Så här ser det ut i css3 och i dagsläget stöds det bara av Chrome och Opera.

background: url(bilder/namn.jpg) no-repeat;
background-size: 100%;

Så absolut enklast är att som DanneV säger, gör om bilden så att den stämmer med de mått du vill ha i header.
Annars får du trixa med z-index och egna css för IE6 osv.