Bild vid rubrik

[Lars]

På http://ubuntu-se.org/planet/ har vissa bloggare en bild, men den ligger inte så snyggt just nu. Hur får man bilden att ligga till vänster om <h3>-rubriken och ovanför strecket? Jag försökte med "float: left" men det blev inte riktigt rätt.

[Luxwarp]

Kod: Markera allt

<h3><a href="http://ubuntu-se.org/drupal/blog/14" title="urban_anjar's blog">Urban Anjar</a></h3>

Står det ju nu, testa typ

Kod: Markera allt

<a href="http://ubuntu-se.org/drupal/blog/14" title="urban_anjar's blog"><p style="font-size: 18px;">Urban Anjar</p></a>

istället, bort med h3 och in med <p> istället.

[Lars]

OK, nu blev det lite bättre. Men jag skulle vilja ha så att strecket sträcker sig hela vägen ut till högerkanten, hur får man till det?

[Luxwarp]

Ja du, jag brukar få göra en div.box i css som jag lägger med border: 1px solid #färgen
och sen får du lägga in urban anjar namnet i den boxen som oxå har en width på så bred som strecket skall vara....

så har jag gjort på flera sidor, kolla tex www.hlf.se.nu så där det står nyheter strecket under där är gjort så:)..

[Lars]

Hm, CSS beter sig aldrig riktigt som jag vill

Om jag lägger bilden och rubriken inuti en <div> så försvinner högerspalten och hamnar längst ner, varför blir det så för?

[Luxwarp]

Troligen glömde du sätta Float: left i den div boxen:)...
Sätter man ingen float så hoppar nästa element nedanför senaste elementet typ:)..

om du inte gillar css och div boxar, testa så här då

Kod: Markera allt

<p style="width: 100%; border-bottom: 1px solid #000;"><a href="http://ubuntu-se.org/drupal/blog/14" title="urban_anjar's blog"><p style="font-size: 18px;">Urban Anjar</p></a></p>

Nått sånt, så du lägger in box inuti <p> taggen som tar hand om bild och namn. Testa jag vet inte men labba runt lite:)..

Lite svårt att lösa detta när jag inte har koden framför mig:)