Sida 1 av 1
Bild vid rubrik
Postat: 25 okt 2008, 14:28
av 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.
Re: Bild vid rubrik
Postat: 25 okt 2008, 16:31
av 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.
Re: Bild vid rubrik
Postat: 25 okt 2008, 16:54
av 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?
Re: Bild vid rubrik
Postat: 26 okt 2008, 15:49
av 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å:)..
Re: Bild vid rubrik
Postat: 26 okt 2008, 20:32
av 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?
Re: Bild vid rubrik
Postat: 27 okt 2008, 02:25
av 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:)