Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 5

centralizar codigo

10-11-2008 16:35

ola sera que alguem poderia me ajudar a centralizar esse codigo em minha pagina
obrigado

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <center> <style type="text/css"> .pro_line2 { height:36px; position:relative; font-family:arial, verdana, sans-serif; font-size:11px; z-index:500; }   .pro_line2 .select { margin:0; padding:0 0 0 20px; list-style:none; white-space:nowrap; }   .pro_line2 li { float:left; background:url(line/blank_over.gif); }   .pro_line2 .select a { display:block; height:36px; float:left; background: url(line/blank.gif); padding:0 0 0 15px; text-decoration:none; line-height:25px; white-space:nowrap; color:#ddd; }   .pro_line2 .select a b { display:block; padding:0 30px 10px 15px; background:url(line/blank.gif) right top; }   .pro_line2 .select a:hover, .pro_line2 .select li:hover a { background: url(line/blank_over.gif); padding:0 0 0 15px; line-height:27px; cursor:pointer; color:#fff; }   .pro_line2 .select a:hover b, .pro_line2 .select li:hover a b { display:block; padding:0 30px 9px 15px; background:url(line/blank_over.gif) right top; cursor:pointer; }   .pro_line2 .sub { display:none; }   /* IE6 only */ .pro_line2 table { border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0; }   .pro_line2 .sub { margin:0; padding:0 0 0 60px; list-style:none; } .pro_line2 .sub li {background:transparent;}   .pro_line2 .select :hover .sub { height:18px; display:block; position:absolute; float:left; width:750px; top:28px; left:0; text-align:center; }   .pro_line2 .select :hover .sub li a {display:block;height:18px; line-height:16px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; border:1px solid #000; border-color:#888 #777 #666 #ddd; color:#888;font-size:10px;}   .pro_line2 .select :hover .sub li a:hover {color:#000; background:#e8e8e8; border-color: #fff #333 #000 #fff; line-height:15px;} </center> </style> </head> <body>   <div class="pro_line2"> <ul class="select"><li><a href="#nogo"><b>Home</b></a></li> <li><a href="#nogo"><b>Joseph Turner</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->         <ul class="sub">                 <li><a href="#nogo">Fishermen at Sea</a></li>                 <li><a href="#nogo">The Shipwreck</a></li>                 <li><a href="#nogo">The Vale of Ashburnham</a></li>                 <li><a href="#nogo">Crossing the Brook</a></li>         </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo"><b>John Constable</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->         <ul class="sub">                 <li><a href="#nogo">The Hay Wain</a></li>                 <li><a href="#nogo">Brighton Beach</a></li>                 <li><a href="#nogo">Malvern Hall</a></li>                 <li><a href="#nogo">Salisbury Cathedral</a></li>                 <li><a href="#nogo">Weymouth Bay</a></li>         </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo"><b>Henri Matisse</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->         <ul class="sub">                 <li><a href="#nogo">The Girl with Green Eyes</a></li>                 <li><a href="#nogo">The Dream</a></li>                 <li><a href="#nogo">Woman in Blue</a></li>                 <li><a href="#nogo">The Yellow Dress</a></li>                 <li><a href="#nogo">The Piano Lesson</a></li>         </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="#nogo"><b>Paul Cezanne</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->         <ul class="sub">                 <li><a href="#nogo">The Large Bathers</a></li>                 <li><a href="#nogo">Onions and Bottles</a></li>                 <li><a href="#nogo">Mardi Gras</a></li>                 <li><a href="#nogo">Still Life</a></li>                 <li><a href="#nogo">Boy in a Red Waistcoat</a></li>         </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> </body> </html>

0
 
Mais de 50 postagens
Mais de 50 postagens
Mensagens: 67
Sexo: Masculino
Localização: Sao Paulo
Contato:

centralizar codigo

10-11-2008 17:54

Centralizar todo o layout?
tipo em http://www.manaca.com.br

Explica melhor por favor q a gente te ajuda!
0
Contribua você tambem com o forum!
Nao abandone seu post, responda se der certo!
Paz!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

centralizar codigo

10-11-2008 18:42

Pelo que ví o site é tableless, você pode colocar todo body entre <center> e </center>
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 5

centralizar codigo

10-11-2008 21:47

nao,, e que eu estou com dificuldades de colocar o menu em css centralizado na minha pagina,, ele fica so na direita e na esquerda, quando ou coloco um center ele fica parecendo um degrau
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

centralizar codigo

10-11-2008 22:27

Fiz algumas mudanças e acho que vai rodar ai certo

Em: .pro_line2 .select :hover .sub { eu tirei: width:750px;

No seu CSS tem um <center> antes do <style... e um </center> antes de fechar a tag </style>, tira ambos.

Joga esse center depois do <body>, ai depois que terminar o script do menu, fecha o </center>
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado