not a support questionHej
På min side http://www.yoke.dk er der mellem billeder og tekst både for meget plads og pladsen mellem elementerne varierer også. Det forstår jeg ikke.
Jeg gætter på at det er i mit stylesheet, jeg skal ændre dette, men jeg ved ikke hvordan?
Kan man på en nem måde styre de mellemrum, der er mellem billeder og tekst?
Håber I kan hjælpe!
- Jesper
Du kan rette margin i:
#content .alignnone {
margin:15px 0;
}
Mvh
Jacob
Hej Jacob
Jeg har prøvet det, men uden held. Jeg har bare sat det ind i mit stylesheet. Skal det stå et bestemt sted?
- Jesper
Du skal finde det sted hvor "#content .alignnone" er defineret og rette værdien 15px til noget andet du synes er passende. f.eks. 5px
Dette virker på mellemrummene mellen hvert projekts overskrift og det underliggende billede. Men jeg har stadig et problem mellem overskrifterne og den overliggende tynde hvid streg. Hvad kan man gøre her?
Optimalt vil jeg jo gerne kunne styre alle mellemrum mellem alle elementerne.
Rent faktisk kan man se, hvis man bruger Firebug, at den værdi, man indtager for margin i #content .alignnone" overtrumfes af en anden. Det er som regel en container, der har en fast værdi. Sådan er det også i dit tema. Containeren er #content p. Den har reglen "margin: 0;". Margin nedarves. Derfor virker Jacobs og Steffens forslag ikke.
Du kan ændre #content p's regel til "margin: auto;", men du skal selvfølgelig være opmærksom på, at det kan have sideeffekter, som du måske ikke er interesseret i. Hvis der er noget, der begynder at flyde rundt eller hvad ved jeg, så tjek, om det forsvinder, når du sætter #content p's margin tilbage til 0.
Under alle omstændigheder er det vigtigt at være opmærksom på, at containere i mange tilfælde styrer elementerne i sig. Det er jo sådan set pointen. Jeg kan anbefale Meyers CSS The Definitive Guide fra O'Reilly, hvis du vil vide mere. :-)
Nu ved jeg ikke hvor meget der er blevet rettet i mellemtiden, men margin på billederne (#content .alignnone) bliver ikke overtrumfet (ikke hvad jeg kan se - også via firebug), men at rette ovenstående kunne ikke stå alene (fordi OP også vil rette mere).
Derudover er #content p sat til margin-bottom:10px
Til OP: Man kan hurtigt få rigtigt mange oplysninger ved brug af FireBug plugin'et til FireFox. Derudover kan man også hurtigt finde ud af hvor meget enkelte elementer fylder ved at prøve til lidt frem med at sætte rammer på (med border:1px solid red eller lign.) Disse rammer kan være gode under udviklingsfasen hvor man så meget hurtigt hele tiden kan følge med i hvor de forskellige elementer ligger.
Er det et hjemmelavet tema? der er en f****** masse <p>'er som jo alle skal have margin, det virker ikke umidelbart hensigtsmæssigt for overskueligheden.
Mvh
Jacob Ask
Tjah, hvad jeg så for nogle timer siden var, at hvis jeg i Firebugt forsøgte at ændre på margin uden om billederne, sådan som I foreslog, så virkede det ikke, med mindre jeg ændrede omtalte regel, der satte margin til 0. Men det er faktisk rigtigt, at det ikke er i #content p. Det var i reset.css linje 4. Den vistes lige neden under i Firebug. Beklager min uopmærksomhed.
I øvrigt er det et rigtigt godt trick at sætte rammer på.
Jeg troede jeg var den eneste, der brugte tricket med rammerne. Mest fordi jeg gik ud fra, der var en snedigere måde, som jeg bare ikke kender.
Næh. Det trick anbefales også af Teresa Silver i WordPress Theme Design udgivet af Packt Publishers. :-)
You must log in to post.
