css eigenwijs in joomla template

[cyber2001]

Hallo,

Ik ben aan het stoeien met mijn template, althans de inhoud.
Een artikel van mij moet een inhoud van divjes hebben met daarin plaatjes.
Dat is op zich wel te doen, maar waar ik telkens tegen aan loop is dat de afbeeldingen met een padding van ongeveer 10 geplaatst worden.
Wat ik ook probeer in de CSS, het blijft zo.

In de template is het wel zo geregeld dat het een artikel een padding van 10 heeft, maar als ik toch keihard in de template.css zeg dat mijn testdiv geen padding heeft, dan zou dat toch moeten werken ?

css

.testdiv {
border: 1px solid #000000;
padding:0px;
}

Wie weet hier wat op ?


Gr. Jack

 

[Tha Devil]

Hoe is je pagina opgebouwd dan?

Als je "testdiv" binnen zo'n artikel hebt geplaatst (waarbij het artikel dus een padding van 10px heeft) dan maakt het niet uit dat je "testdiv" 0px heeft.

Dus als dit het geval is kan het niet:

<div class="artikel">
  <div class="testdiv">
    <img src="test.jpg" />
  </div>
</div>

Dan zou je de margin negatief moeten gebruiken.

Maar goed, met meer code (Zowel HTML als CSS) wordt het voor ons wellicht duidelijker.

 

[cyber2001]

Wel rottig, maar ook vreemd. Hij doet het met achtergrond plaatjes prima, maar met een gewoon plaatje krijg je dus die vervelende padding.

Ik heb het opgelost door wat te rommelen met het plaatje.

Ik heb een container div, met daarin links een pasfoto, en rechts horizontaal 2 rijen van 10 vakjes.
Doordat de afbeelding die in de vakjes moest komen wat lager uitkwam door die padding, heb ik aan de bovenkant van de pasfoto een transparant stukje van 10 pixels erboven geplakt. Opgeslagen als PNG en het klopt weer een beetje.

Bedankt voor de reactie !


Gr. Jack