-
headline och bilder
Det är så att jag vill har en headline ovanför en bild och skriver då
<h3>rubrik</h3><img src="/bild.png" />
vilket resulterar i ett mellanrum mellan rubriken och bilden. Om jag skriver
<h3>rubrik<br /><img src="/bild.png" /></h3>
försvinner mellanrummet och det ser ut some jag vill ha det. Frågan är alltså är det andra alternativet okej rent seo mässigt eller har det en sämre påverkan eftersom att bilden ligger inuti headline taggen?
Tack för hjälpen
/Jhonne
-
Allt går att lösa med css.
Nu vet jag inte vilket mellanrum du vill få bort, men sätt margin:0 på h3 eller rent av display:inline; så har du inte längre något mellanrum alls.
<h3 style="display:inline;">rubrik</h3><img src="/bild.png" />
-
Det funkar utmärkt nu. Jag har sökt efter en lösning på det där länge nu utan att hitta något så tack för hjälpen :)
-
Standardmarginalerna kan ställa till det ibland :) Jag håller med mazada om CSS-lösningen. Det är enligt min vetskap inte bra att fylla H-taggen med andra taggar, den ska bara vara ren text. Jag har hört talas om fall då man försökt stärka en länktext med hjälp av H1:a, vet dock inte hur Google tacklar detta. Det är möjligt att du nu undviker onödigt "tjafs".
-
Ett tips är att slänga in en css-reset fil för att slippa tex IE:s extra margin på vissa element och andra knasigheter.
Bara o slänga in nedanstående text i en fil tex reset.css och ladda in den först innan några andra css filer.
Denna är från Eric Meyer
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}