Pessoal,estou precisando de ajuda com um codigo html.Eu estou queredo inserir uma linha horizontal "<hr>" entre listas "<li>" dentro de uma "<ul>",mas não consigo deixar essa linha centralizada.Ela fica sempre alinhada a direita.não sei se é porque as listas estao dentro de uma "<div>", ou outro motivo.já tentei varias coisas,inclusive colocar a largura "<width>" da linha em 100%, mas ela so fica encostada a direita na "<div>".alguém pode me ajudar nesse caso?Agradeço de antemão.Valeu.
ta aqui o codigo:
O estilo:
" #sidebar {
font-size: 10px;
float: left;
width: 300px;
padding-bottom: 10px;
background:url('images/bg2.gif') repeat;
} "
As aspas são somente para enfeite,rsrs.
A div:(enorme)
" <div id="sidebar">
<ul>
<li class="style69"><a href="materia_extra4.php" target="_blank" class="style72">Scorpions - A turnê de despedida</a></li>
<li class="style71"><a href="eventos/eventos.html" target="_blank" class="style70">Cobertura do Show do Snow Patrol </a></li>
Pergunta
tekton
Pessoal,estou precisando de ajuda com um codigo html.Eu estou queredo inserir uma linha horizontal "<hr>" entre listas "<li>" dentro de uma "<ul>",mas não consigo deixar essa linha centralizada.Ela fica sempre alinhada a direita.não sei se é porque as listas estao dentro de uma "<div>", ou outro motivo.já tentei varias coisas,inclusive colocar a largura "<width>" da linha em 100%, mas ela so fica encostada a direita na "<div>".alguém pode me ajudar nesse caso?Agradeço de antemão.Valeu.
ta aqui o codigo:
O estilo:
" #sidebar {
font-size: 10px;
float: left;
width: 300px;
padding-bottom: 10px;
background:url('images/bg2.gif') repeat;
} "
As aspas são somente para enfeite,rsrs.
A div:(enorme)
" <div id="sidebar">
<ul>
<li class="style69"><a href="materia_extra4.php" target="_blank" class="style72">Scorpions - A turnê de despedida</a></li>
<li class="style71"><a href="eventos/eventos.html" target="_blank" class="style70">Cobertura do Show do Snow Patrol </a></li>
<li class="style3"> <span class="style20"><a href="editorial.php" target="_blank">Editorial</a></span></li>
<li class="style40"> <span class="style20"><a href="indicacao.php" target="_blank">Indicações</a></span></li>
<li class="style40"> <span class="style20"><a href="impressoes.php" target="_blank">Opiniões</a></span></li>
<li class="style40"> <span class="style20"><a href="colunistas/colunistas.php" name="link13" target="_blank" id="link1" onmouseover="MM_showMenu(window.mm_menu_0127175957_0,58,0,null,'link13')" onmouseout="MM_startTimeout();">Colunistas</a></span><a href="materia_extra1.php" target="_blank"><br />
</a> </li>
<li class="style3"> <span class="style20"><a href="contato_redacao.php" target="_blank">Faça sua crítica</a></span></li>
<li class="style3"><a href="materia_extra1.php" target="_blank" class="style59">Entrevista com Dúnia La Luna </a></li>
<li class="style3"></li>
<li class="style3"></li>
<li class="style3">
<img src="publicidade/pequeno/banner1.gif" alt="Anunciantes" width="200" height="139" /></li>
<li class="style3">
<p align="left"></p>
</li>
<li class="style3">
<p class="style3"><strong>Indicação do mês</strong></p>
</li>
</ul>
<table width="297" height="480" border="0" cellpadding="8" cellspacing="8" bordercolor="#FFFFFF">
<tr>
<td width="276" height="400" valign="top"><div id="Layer2">
<div align="justify">
<p align="center"><img src="publicidade/indica_livro.png" alt="Imagem" width="160" height="230" /></p>
<p align="justify">
<?
//ABRE O ARQUIVO TXT
$ponteiro = fopen ("txt/indica_livro.txt", "r");
//LÊ O ARQUIVO ATÉ CHEGAR AO FIM
while (!feof ($ponteiro)) {
//LÊ UMA LINHA DO ARQUIVO
$linha = fgets($ponteiro, 4096);
//IMPRIME NA TELA O RESULTADO
echo $linha."<br>";
}//FECHA WHILE
//FECHA O PONTEIRO DO ARQUIVO
fclose ($ponteiro);
?>
</p>
</div>
</div></td>
</tr>
</table>
<table width="297" height="1500" border="0" cellpadding="8" cellspacing="8" bordercolor="#FFFFFF">
<tr>
<td width="276" height="1500" valign="top"><div align="justify">
<p align="center"><strong>Sobre Futebol : </strong><a href="sobre_futebol.php" target="_blank"><strong>Não seja um ressentido!</strong></a></p>
<p align="center"><a href="sobre_futebol.php" target="_blank"><img src="images/tecnico.png" alt="Foto" width="200" height="262" border="0" /></a></p>
<p align="center"><a href="sobre_futebol.php" target="_blank">Leia...</a></p>
<hr />
<p align="center"><span class="style32"><a href="livros/compr_acustico.php" target="_blank" class="style20">Conheça o livro...</a><a href="livros/compr_acustico.php" target="_blank"><a href="livros/compr_acustico.php" target="_blank" class="style2"> <span class="style3">Clique</span></a></span><img src="livros/acustico_mini.jpg" alt="Publicidade" width="150" height="228" border="0" align="top" /></p>
<p align="center" class="style22">
<span class="style23"><a href="eventos/eventos.html" target="_blank" class="style20">Evento de Lançamento</a></span></p>
<hr />
<p> </p>
</div>
<table width="276" height="600" border="0" align="center" cellpadding="8" cellspacing="8" bordercolor="#003300" bgcolor="#76A98B">
<tr>
<td width="256" valign="top"><div id="Layer18">
<?
//ABRE O ARQUIVO TXT
$ponteiro = fopen ("txt/materia4.txt", "r");
//LÊ O ARQUIVO ATÉ CHEGAR AO FIM
while (!feof ($ponteiro)) {
//LÊ UMA LINHA DO ARQUIVO
$linha = fgets($ponteiro, 4096);
//IMPRIME NA TELA O RESULTADO
echo $linha."<br>";
}//FECHA WHILE
//FECHA O PONTEIRO DO ARQUIVO
fclose ($ponteiro);
?>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="297" height="600" border="0" align="center" cellpadding="5" cellspacing="5" bgcolor="#4B574F">
<tr>
<td height="597" valign="top"><div id="Layer10">
<?
//ABRE O ARQUIVO TXT
$ponteiro = fopen ("txt/materia_de_capa.txt", "r");
//LÊ O ARQUIVO ATÉ CHEGAR AO FIM
while (!feof ($ponteiro)) {
//LÊ UMA LINHA DO ARQUIVO
$linha = fgets($ponteiro, 4096);
//IMPRIME NA TELA O RESULTADO
echo $linha."<br>";
}//FECHA WHILE
//FECHA O PONTEIRO DO ARQUIVO
fclose ($ponteiro);
?>
</div></td>
</tr>
</table>
<p align="center" class="style3"><a href="http://www.odontologicabrasil.com.br" target="_blank">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="280" height="146">
<param name="movie" value="publicidade/od_brasil_banner.swf" />
<param name="quality" value="high" />
<embed src="publicidade/od_brasil_banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="280" height="146"></embed>
</object>
</a></p>
<p align="center" class="style3">Simpósio de filosofia
<iframe width="280" height="186" src="http://www.youtube.com/embed/JQL4v1Nqbog" frameborder="0" allowfullscreen></iframe>
</p>
<p align="center" class="style3"><a href="midias/galeria/galeria_eventos.html" target="_blank"><strong>Clique</strong></a> veja mais eventos </p>
</div> "
Espero que consiga me ajudar.já tentei tudo o que sei para ligar a linha horizontal de um lado ao outro,mas so fica à direita.
Editado por tektonLink para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.