Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rafael Prates da Silva

[Resolvido] Bg x logo x links

Por , em Desenvolvimento frontend

Recommended Posts

Rafael Prates da Silva    0

Rafael Prates da Silva
Postado

Boa noite galeraaaaa

 

Bom to com uma duvida!

Como eu faço para colocar os links ao lado do logotipo.

 

Ex. Na imagem abaixo os links estão ficando abaixo do logo e do bg.

Imagens%25202.png

 

Ja na imagem abaixo e o que pretendo deixar

Imagens.png

 

 

Html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="Estilos/layout.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RELIgames</title>

</head>

<body>
<div id="Topobg">
<img src="Img/Logo.gif" alt="RELIgames" />
<a href="" class="links"> Home</a>
<a href="" class="links"> Play</a>
<a href="" class="links"> Gamers</a>
<a href="" class="links"> Contato</a></p>
</div>

</body>
</html>

CSS

* {margin:0; padding:0;}

#Topobg {width:100%; height:175px; background-image:url(../Img/Topobg.gif); background-repeat:repeat-x;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Valdeir Info    2

Valdeir Info
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="Estilos/layout.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RELIgames</title>
<style>
* {margin:0; padding:0;}

#Topobg {width:100%; height:175px; background:yellow; background-repeat:repeat-x;}

#Topobg img {float:left;}

ul {list-style:none;float:left;}

ul li {float:left;padding:0 10px;margin:10px 0;}

</style>
</head>

<body>
<div id="Topobg">
<img src="http://localhost/portfolio3/catalog/view/desktop/images/logo_header.png" alt="RELIgames" />
<ul>
<li><a href="" class="links"> Home</a></li>
<li><a href="" class="links"> Play</a></li>
<li><a href="" class="links"> Gamers</a></li>
<li><a href="" class="links"> Contato</a></li>
</ul>
</div>

</body>
</html>

 

é só alterar o css ul li para alinhar

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito