background vraag

[pbd4499]

Hallo allen, ik heb een vraagje. Momenteel hebben we rechthoekige menu balken en die willen we aan het begin en einde rond hebben. Mij leek de snelste en efficienste weg om dit in het CSS bestand te doen waar de rechthoekige menu balk zich bevindt. Maar het werkt niet. zie code. Hopelijk heeft iemand een beter idee zonder in het html bestand te peuteren...

background: url(/components/com_magazine/layouts/images/bg/bg8Links.png) #0B82E4 no repeat 0px 0px;
background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0b82e4 repeat-x 0px 0px;
background: url(/components/com_magazine/layouts/images/bg/bg8Rechts.png) #0B82E4 no repeat 0px 0px;

Alvast bedankt.

mvg


Pbd

 

[gast0231]

Als je de rechter afbeelding laat "floaten", werkt het dan nog niet???

 

[pbd4499]

Hallo Bas,

Nee, doet hij ook niet, heb alle combinaties gebprobeerd met float (left, right, none, inherit)


background: url(/components/com_magazine/layouts/images/bg/bg8L.png) #0b82e4 no-repeat;
background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0b82e4 repeat-x;
background: url(/components/com_magazine/layouts/images/bg/bg8R.png) #0b82e4 no-repeat;
float: right;
display: block;

mvg


Pbd

 

[gast0231]

Als je nou zoiets doet, werkt het dan nog niet?

background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0b82e4 repeat-x;
margin-left: "breedtevdafbeelding";
margin-right: "breedtevdafbeelding";

 

[pbd4499]

Hoi Bas,

Helaas, ik zie geen verandering zelfs al verander ik het aantal pixels. Volgens mij overheerst een andere CSS van Joomla de boel?

gr.,


Pbd


/*heading*/
.heading {
background: url(/components/com_magazine/layouts/images/bg/bg8t.png) #0b82e4 no-repeat;
background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0B82E4 repeat-x;
margin-left: "10px";
margin-right: "10px";
background: url(/components/com_magazine/layouts/images/bg/bg8R.png) #0b82e4 no-repeat;
/* background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0B82E4 repeat-x 0px 0px; OUDE SITUATIE */
display: block;
height: 30px;
line-height: 28px;
text-indent: 8px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
margin: 0px 3px 3px 3px;
}

 

[gast0231]

Zo gaat het inderdaad nooit werken, je mag officieel niet meerdere backgrounds toewijzen (weet ik ook pas net hoor...), is niet valide. Werkt het met de volgende code wel?:

/*heading*/
.heading {
background: url(/components/com_magazine/layouts/images/bg/bg8t.png) #0b82e4 no-repeat;
background: url(/components/com_magazine/layouts/images/bg/bg8R.png) #0b82e4 no-repeat;
background-position: left, right;
.headingmiddle {
background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0B82E4 repeat-x;
margin-left: "10px";
margin-right: "10px";
}
/*	background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0B82E4 repeat-x 0px 0px; OUDE SITUATIE */
display: block;
height: 30px;
line-height: 28px;
text-indent: 8px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
margin: 0px 3px 3px 3px;
}

En in html het volgende:

<div class="heading"><div class="headingmiddle"></div></div>

[EDIT] Kleine verandering in eerste code [/edit]

 

[pbd4499]

Hoi Bas,

Ja, dat wist ik al om het met een aanpassing in index.php te doen echter komen er variabele artikelen bij en dan zou dat betekenen dat ik dit index.php steeds moet gaan zitten aanpassen en daar wou ik nu net vanaf door een poging te wagen het zaakje binnen het CSS aan te pakken onder de reeds bestaande .header

Vandaar dus. We maken gebruik van Joomla (CMS).

gr.,


Pbd

 

[gast0231]

Volgens mij moet het met de code uit mijn vorige post toch lukken, dan moet je echt even in html gaan werken...

 

[pbd4499]

Hallo Bas,

Met je vorige code kan dat zeker lukken maar ik kan die <div> tages nergens kwijt aangezien de desbetreffende balk(en) variabel worden ingevoegd in de index.php. Ik ben dus aan het zoeken naar een hulp html/php bestand waarin dit kan worden ingevoegd. Vooralsnog heb ik niet kunnen achterhalen hoe e.e.a. in elkaar zit.

m.vr.gr.,


pbd

 

[Leon d]

werkt het volgende?:

background: url(/components/com_magazine/layouts/images/bg/bg8L.png) #0b82e4 no-repeat top left;
background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0b82e4 repeat-x;
background: url(/components/com_magazine/layouts/images/bg/bg8R.png) #0b82e4 no-repeat top right;

 

[gast0231]

werkt het volgende?:

background: url(/components/com_magazine/layouts/images/bg/bg8L.png) #0b82e4 no-repeat top left;
background: url(/components/com_magazine/layouts/images/bg/bg8.png) #0b82e4 repeat-x;
background: url(/components/com_magazine/layouts/images/bg/bg8R.png) #0b82e4 no-repeat top right;

Als het goed is niet, de 2e achtergrond word namelijk over de hele breedte herhaald, en dit is met CSS voor zover ik weet niet te verhelpen...