[Resolvido] Obrigado | [Ajuda] (ja tem o html) Css menu, colocar a esquerda

Ragahell

Ragahell

Deus BOINC
Como ponho este menu a aparecer junto ao lado esquerdo? ele fica meio centrado ou mais descaido para a direita. =( Obrigado.

div#menu{width: 180px;
padding:0px;
margin: 0px;
font: 13px Lucida Console, Lucida Console;}
div#menu ul{display: block;
margin: 0px;
padding: 0px;}
div#menu ul a{display:block;
padding: 3px 3px 3px 1em;
text-indent:20px;color: #CC3366;
text-decoration: none;
border: 0px solid #993300;
border-left: 0px;
border-right: 0px;}
div#menu ul a:hover{text-indent: 30px;
color: #993300;
border: 0px solid #9f0004;
border-left: 0px;
border-right:0px;}
Clicar para expandir...
<html>
<head>
</head>
<body>
<img src="componentes.PNG" >
<font face="Lucida Console" size="-2" color="#9f0004">
<body bgcolor="#FFFFFF">
<link href="style.css" rel="stylesheet" type="text/css">
<div id="menu">
<ul>
<a href="http://www.google.com" target="main"> MotherBoard</a>
<a href="http://www.google.com" target="main"> Grafica</a>
<a href="http://www.google.com" target="main"> Processador</a>
<a href="http://www.google.com" target="main"> Ram</a>
<a href="http://www.google.com" target="main"> Disco</a>

</ul>
</div>

</body>
</html>
Clicar para expandir...
 
Última edição:
Já tentas-te:

Código: 
div#menu
  {
     width: 180px;
     padding:0px;
     margin: 0px;
     [I][B][U]left:0px;[/U][/B][/I]
     font: 13px Lucida Console, Lucida Console;
  }
 
oi,

o problema está no seguinte elemento:

div#menu ul a{
display:block;
padding: 3px 3px 3px 0px;
text-indent:0px;
color: #CC3366;
text-decoration: none;
border: 0px solid #993300;
border-left: 0px;
border-right: 0px;
}

deves apenas alterar o que está a vermelho.
Espero ter ajudado.
 
Inicie sessão ou registe-se para poder participar.
Back
Topo