Line-height

Jag håller på med en vertical meny men enkla text länkar i en lång lista.
Mitt problem är att jag har fått ett konstigt mellanrum mellan länkarna.

I Firefox löste jag problemet genom att lägg till line-height: 0; i css:en.
Fast i explorer så blir det fortfarande samma problem.

margin:0;padding:0; tror jag det som är problemet faktist i IE.

voigtann1 skrev:

margin:0;padding:0; tror jag det som är problemet faktist i IE.

Provade att lägga in det men det blir ingen skillnad.

ge oss kod gärna en direkt länk. mellanrum mellan länkarna. På höjden, bredden, vänster, höger, botten eller toppen? man kan bara gissa just nu.

voigtann1 skrev:

ge oss kod gärna en direkt länk. mellanrum mellan länkarna. På höjden, bredden, vänster, höger, botten eller toppen? man kan bara gissa just nu.

http://www.marcussite.se/meny/

ppplus2.asp rendera inte ren Javascript.

Tycks vara något med margin på bilder:
http://www.google.se/search?hl=sv&client=firefox-a&rls=org.mozilla%3Asv-SE%3Aofficial&hs=BWL&q=Images+margin+in+IE&btnG=Sök&meta=

hittade ingen lösning där men.

En liten fråga i din JS fil: varför skriver du ut:

<A HREF=\"javascript:ebsc(20,0,0)\" CLASS=\"clsCategories\"><img src=\"_sys_cat_empty.gif\" border=0></a> <A HREF=\"#\" onclick=\"ebsc(20,0,0)\" CLASS=\"clsCategories\">Allergi & överkänslighet</a>

och inte:

<A HREF=\"javascript:ebsc(20,0,0)\" CLASS=\"clsCategories\"><img src=\"_sys_cat_empty.gif\"> Allergi & överkänslighet</a>

och ha css:

.clsCategories img {border:0;vertical-align:middle;}

mindre kod att ladda in.

jag tar mig friheten att korta ner din kod samt lägga till en sk nollställare...
saknar doctype på exempelsidan, med en sådan genereras koden mer som du tänkt och mindre som webbläsaren tänker sig själv ;)
(det gamla vanliga tjatet med andra ord)

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 {
border: 0;
outline: 0;
margin: 0;
padding: 0;
vertical-align: baseline
}

.clsCategories {
color: #474747;
font:bold 11px Arial, Helvetica, sans-serif
}
      
a {
font:bold 11px Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0; padding:0
}

a:link, a:visited, 
a:hover, a:active {
color:#000
}

.produkter a:hover,
.info a:hover {
color:#0095DA
}

Tack så mycket caya för kodoptimeringen.

Löste inte mellanrummet tyvärr men jag ökade graden på texten ett steg och då blev det ett acceptabelt mellanrum.

caya skrev:

saknar doctype på exempelsidan

Du kan ju alltid prova sätta en doctype som caya skriver. lovar att det bli bättre.

voigtann1 skrev:

Du kan ju alltid prova sätta en doctype som caya skriver. lovar att det bli bättre.

Vilken doctype ska man använda sig av?
Förstår mig intepå skillnaden med de olika som finns att väja på mer än att man antingen skriver exempelvis <br> eller <br/>.

Maacus skrev:

Vilken doctype ska man använda sig av?

Det beror på. Vill du att sidorna ska validera bör du välja en doctype som matchar de taggar och attribut som används i koden men om du inte bryr dig om sånt är det viktigaste att välja en doctype som triggar standards mode, som gör att webbläsarna tolkar saker någorlunda likt. jarvklo hade ett bra inlägg för ett par år sedan: http://www.webforum.nu/showthread.php?t=77151 (inlägg #5).

mina 2c

<A HREF=\"..

Använd gemener.

En meny som kräver javascript för att fungera är ingen bra meny.