[HTML & CSS] Background bij kopje

[JefSnare]

Beste Tweakers,

Mijn probleem is dat ik bij een website de kopjes een lijn aan de onderkant wil geven. Prima dus ik dacht dat even te maken, maar niet dus

Even uitleggen...
(Meekijken kan hier)
Bij het kopje LAATSTE BERICHTEN staat nu een plaatje, een lijn die langzaam wegvloeit. Erg mooi alleen die moet onder het kopje staan...

Nu is dit mijn css...

Cascading Stylesheet:

    .kop1{
        font-family: "Helvetica", Verdana, sans-serif;
        font-size: 1.4em;
        font-weight: bold;
        color: #0d7170;
        text-transform: uppercase;
        margin-top: 0px;
        letter-spacing: -1px;
        background: url(images/lijn2.jpg) 0 0 no-repeat;
}

Is er een manier om dus dat plaatje naar onder te krijgen met een margin van 2 á 3 pixels tussen het kopje en de lijn.

Mijn dank is groot voor elke hulp!

EDIT:
Oplossing

Cascading Stylesheet:

    .kop1{
        font-family: "Helvetica", Verdana, sans-serif;
        font-size: 1.4em;
        font-weight: bold;
        color: #0d7170;
        text-transform: uppercase;
        margin-top: 0px;
        background: url(images/lijn2.jpg) no-repeat;
        background-position:bottom left;
        line-height: 200%;
    }

[ Voor 16% gewijzigd door JefSnare op 23-10-2009 10:12 ]

[Cartman!]

Beetje frummelen met padding, line-height en background-position wil niks oplossen? Heb je wel iets geprobeerd verder?

edit: de class naam "kop1" is ook een beetje raar overigens, als je daar nu gewoon een h1 van maakt...

[ Voor 30% gewijzigd door Cartman! op 22-10-2009 22:23 ]

[JefSnare]

Cartman! schreef op donderdag 22 oktober 2009 @ 22:23:
Beetje frummelen met padding, line-height en background-position wil niks oplossen? Heb je wel iets geprobeerd verder?

edit: de class naam "kop1" is ook een beetje raar overigens, als je daar nu gewoon een h1 van maakt...

Kom er niet helemaal uit met de padding icm line-height, heb alles met position al geprobeerd...

EDIT: lijntje staat in het midden van de tekst, zal nog even frummelen...

edit: de class naam "kop1" is ook een beetje raar overigens, als je daar nu gewoon een h1 van maakt...

EDIT2: Uhm, omdat ik h1 elements niet aanpas in de content, h1 pas ik aan voor comments ed

[ Voor 17% gewijzigd door JefSnare op 22-10-2009 22:35 ]

[Snake]

JefSnare schreef op donderdag 22 oktober 2009 @ 22:33:

EDIT2: Uhm, omdat ik h1 elements niet aanpas in de content, h1 pas ik aan voor comments ed

Waarom? H1 dient voor iets helemaal anders als voor comments. h1 dient voor de titel, h2 voor subtitle, enz...

Voor comments een h6, eventueel met een titel '<h5>Comments:</h5>'.

[JefSnare]

Snake schreef op donderdag 22 oktober 2009 @ 22:39:
[...]
Waarom? H1 dient voor iets helemaal anders als voor comments. h1 dient voor de titel, h2 voor subtitle, enz...

Voor comments een h6, eventueel met een titel '<h5>Comments:</h5>'.

daar valt nog over na te denken... tis iets voor later....

[JefSnare]

OPGELOST...

bedankt voor de hulp, al had ik gewoon even moeten kijken naar position en line-height....

[TeeDee]

offtopic:
Ik neem aan dat je netjes de bron terug naar Tweakers.net geeft op bijvoorbeeld: http://hqweb.nl/?page=article&p=47

[JefSnare]

TeeDee schreef op donderdag 22 oktober 2009 @ 22:55:

offtopic:
Ik neem aan dat je netjes de bron terug naar Tweakers.net geeft op bijvoorbeeld: http://hqweb.nl/?page=article&p=47

Klopt, alleen website is nog niet gekoppeld met juiste velden (bron, datum ed) Excuses voor het stelen, maar bron komt er echt nog bij

[TeeDee]

offtopic:
viel me alleen op, and had al een flauw vermoeden dat het geen opzet is/was

[JefSnare]

TeeDee schreef op donderdag 22 oktober 2009 @ 23:04:

offtopic:
viel me alleen op, and had al een flauw vermoeden dat het geen opzet is/was

offtopic:
Bron veld gekoppeld, onder de tekst voorlopig even neergezet