Hur skriver man för att minska indraget i en lista (<li>) så det inte blir lika stort?
indrag i lista
8 svar · 425 visningar · startad av Nexus86
Strunta i <ul>
Jag kom på det. :)
Följer det standarder och sånt att göra så?
Jag har ett relaterat problem, men jag behöver istället öka marginalerna eftersom en del av listan göms bakom en bild som har style-attributet "float:left". Det verkar ju fungera att strunta i <ul>, men det är ju inte korrekt HTML eller?
Problemet syns på följande sida: http://www.ahrens-transport.se/dynpage.asp?id=2
Varken margin-left eller padding-left påverkar listan i IE.
Skarre - provat <ul style="list-style-position: inside"> t ex? Sen avslutar du inte med </li> utan har <br> istället - påverkar?
(snygg sida btw :) )
Brrrrr
Att helt enkelt strunta i <UL> är inte OK om man vill följa standard.
Men man kan påverka indrag m.m. med CSS om man mekar med både <ul> och <li>.
Exempel (testat i MSIE6 ocn FB):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>Ett exempel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<!-- grundindrag med padding i Mozilla, margin i MSIE (såklart olika!) -->
<ul style="padding-left:0;margin-left:0">
<!-- sedan sätter man indraget med margin-left på li-->
<li style="margin-left:15px">Ett</li>
<li style="margin-left:20px">Två</li>
<li style="margin-left:25px">Tre</li>
</ul>
</body>
</html>
Brasklapp: Exemplets <!DOCTYPE gör att koden körs i "standards" mode i bägge webbläsarna ;)
Eftersom att denna tråd är gammal nu råder jag er att lyssna på jarvklo eftersom han har samma sak att säga som jag hade haft numera men inte hade en aning om på den tiden. :)
Tackar för det jarvklo! Jag ska laborera lite i morgon när jag kommer till jobbet.
SugarDaddy skrev:
(snygg sida btw :) )
Tack! Den var dock, enligt min åsikt, finare innan kunden pajade allt med sina "synpunkter". ;)