Plaatje in CSS verwerken en dan in Joomla

[Verwijderd]

Ik ben beizg met een site met EEN plaatje en dat lukt me niet...

ik heb geleerd aan de hand van de tutorial dat je in de CSS een plaatje kunt laten weergeven op je website. op deze manier:

background:transparent url(images/logo.gif) no-repeat;

als ik dit in de pagina zelf verwerk, werkt het goed.

als ik dit in een css bestand zet werkt het niet

als ik het inde pagina zelf verwerk en vervolgens op mijn joomla site zet werkt het niet


Waarom niet? Dat is mijn vraag.

Dit is wat ik momenteel in de pagina zelf heb staan, alsjeblieft een uitleg hoe dit dan in een CSS bestand. heb veeeel gezocht maar niet gevonden


<style media="screen" type="text/css">
#page{
background:transparent url(images/logo.gif) no-repeat;
margin:0pt auto;
padding:0pt;
text-align:left;
width:920px;
height:150px;
}
</style>

[Verwijderd]

Het is exact hetzelfde, je moet alleen even het pad veranderen als het CSS bestand in een andere directory staat. Het pad naar het plaatje moet relatief zijn aan het pad naar het CSS bestand.

[ibmos2warp]

Heb je misschien je css bestand in een andere map zitten? Dus root/css en dat je plaatje dan root/images/logo.gif is?

edit:
Spuit 11

[ Voor 9% gewijzigd door ibmos2warp op 17-11-2007 22:30 ]

[Verwijderd]

Als het een extern bestand is geworden maak ik er css/template_css.css van. zoals het hoort toch? En ik zweer het, ook al kopieer ik het bovenstaande, het werkt op eens niet meer!

[R2D2]

Je moet natuurlijk wel het juiste pad gebruiken van je template folder, in het geval van Joomla is dat voor je css,

code:

/templates/jouwtemplatenaam/template_css.css

Met als gevolg dat je je plaatjes in de map images gooit van je template en vervolgens deze regel in je css gebruikt voor een image.

code:

url(../images/ dan je image naam + .jpg,gif of whatever )

Ik gebruik zelf ook Joomla op mijn AboutDJ website en daar ziet de background lijn in de CSS er dus als volgt uit,

code:

body{margin:0 auto; background:url(../images/bg.jpg) repeat fixed}

[ Voor 8% gewijzigd door R2D2 op 18-11-2007 01:26 ]

[Verwijderd]

ik merk dat wanneer ik 'transparent' gebruik, het plaatje dan gewoon verdwijnt.

ik wil een zoekveld bovenop een achtergrond plaatje zetten, maar een van de twee verdwijnt of overlapt steeds... als ik transparent gebruik dan verdwijnt het plaatje dus. en als ik het zoekveld gewoon op het plaatje zet, zie je een grote witruimte om de zoekbox heen. transparent doet de hele box verwijderen.

dit is wat is heb, wat moet ik aanpassen?

#searchbox {
float:left;
left:580px;
top:2px;
width:266px;
height:56px;
z-index:3;


#headerbox {
position:absolute;
left:0px;
top:0px;
width:750px;
height:150px;
z-index:2;
background-image:url(../images/header.gif);
background-repeat:no-repeat;


Okay een voorbeeld:

[ Voor 6% gewijzigd door Verwijderd op 18-11-2007 16:09 ]