Forum › (X)HTML/XML/CSS › Topic

Een nieuwe topic in het forum (X)HTML/XML/CSS plaatsen Reageren op dit topic Forum:

[CSS] breedte van achtergrond instellen

hallo,

ik ben bezig met een layout aan het maken maar nu wil ik in de csspagina (als dat kan) de breedte van de achtergrondafbeelding instellen dit is de code: (dit is maar een voorbeeld hoor)

#top
{
background-image: url(images/top.jpg);
repeat: no-repeat;
width: 58%;
float: left;
height: 4%;
}

en nu wil ik dat deze":

background-image: url(images/top.jpg);


ook zo breed is:

width: 58%;


is dit mogelijk?


MVG,
Andries
Stuur een prive bericht
Helaas, niet mogelijk binnen de huidige CSS opties.
Stuur een prive bericht
jammer, ik hoop wel dat het ooit kan, want dan zijn er heel wat problemen opgelost

bijv.
dat je een website binnnen elke resolutie goed zichtbaar hebt
Stuur een prive bericht
Er is natuurlijk wel een eventueel alternatief, maar dit is érg omslachtig. Je kunt namelijk gewoon je achtergrond als <img> in de div zetten en deze 100% breedte geven. Met behulp van absoluut positioneren kun je dan je tekst eroverheen zetten. Ik zal even een voorbeeldje voor je maken. Give me 10 minutes.

http://test.bebl.nl/?width=100

De width kun je aanpassen in de url, HTML en CSS kun je zelf vast wel vinden, succes.

(Getest in IE7, Firefox 3, Opera, Chrome en Safari)
Stuur een prive bericht
Quote:
andries schreef:
jammer, ik hoop wel dat het ooit kan, want dan zijn er heel wat problemen opgelost

bijv.
dat je een website binnnen elke resolutie goed zichtbaar hebt


Denk niet dat je daar op hoeft te wachten, want afbeeldingen op een dergelijke manier schalen is vragen om problemen.
Hiermee krijgt je een flink verlies aan kwaliteit in je afbeelding.
Het schalen van een afbeelding is niet weggelegd voor (x)HTML of CSS.
Stuur een prive bericht
Dit is wel een handige topic, maar het is wel mogelijk zoals SjoerdB zegt, maar als je dan een template hebt gemaakt die kan dan niet op alle resoluties want je maakt bv een template voor 800x600 en je die hem dan 100% width en height doe en je gaat op een andere resolutie scherm dan is het alweer verknalt omdat het helemaal vervaagt..
Stuur een prive bericht
bedankt sjoerd ik zal er eens naar kijken,
Stuur een prive bericht
Quote:
Christiaan schreef:
Dit is wel een handige topic, maar het is wel mogelijk zoals SjoerdB zegt, maar als je dan een template hebt gemaakt die kan dan niet op alle resoluties want je maakt bv een template voor 800x600 en je die hem dan 100% width en height doe en je gaat op een andere resolutie scherm dan is het alweer verknalt omdat het helemaal vervaagt..
Tsja natuurlijk. Het is een dramatische oplossing en ik zou ook niet weten waarvoor je het ooit nodig hebt, maar hij vraagt om een oplossing... dit is er één.
Stuur een prive bericht