Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tudo bem pessoal?
Então, estou fazendo meu primeiro website, eu sei que não está muito bem, mas quero que vocês me ajudassem em algumas coisinhas...
* No rodapé, tem o lado direito e esquerdo certo?
No lado direito eu coloquei o telefone, e do esquerdo quero colocar o Copyright mas não consigo fazer com que os dois textos fiquem na mesma direção.
* Centralizar o Texto do Menu?
Pessoal, como posso centralizar o texto do menu, eu usei aqueles Menus Prontos sabe? "MenuBarHorizontal" e queria saber como faço para deixar o texto no centro.
Aguardando, caso haja mais dúvidas posto para vocês!
Rafael, seria assim:
<body>
<!-- Logotipo / Propaganda -->
<div id="Logotipo">
<a href="index.html" title="Página Inicial"><img src="Imagens/Logotipo.png" /></a>
</div>
<div id="Propaganda">
<img src="Imagens/Slideshow.gif" />
</div><!-- Menu -->
<div id="Menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Início</a> </li>
<li><a href="#">Serviços</a></li>
<li><a href="#">Fotos</a> </li>
<li><a href="#">Parceiros</a></li>
<li><a href="#">Contato</a></li>
</ul>
<script type="text/javascript"></script>
</div><!-- Conteúdo -->
<div id="Conteúdo">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc semper augue ultrices quam congue pulvinar. Quisque id metus metus, dignissim scelerisque risus. Nullam pharetra suscipit mi, vitae scelerisque metus scelerisque eu. In euismod, mauris vitae sollicitudin tempus, lacus tellus fringilla tortor, eget bibendum sapien eros congue neque. Donec consequat orci ut metus auctor ultricies. Vivamus egestas, nulla quis faucibus rhoncus, ligula massa malesuada libero, a luctus tortor nulla quis eros. Donec viverra, enim id placerat dictum, nulla purus adipiscing odio, sit amet commodo massa mi nec augue. Vestibulum sodales enim at ante pellentesque malesuada. Aenean viverra facilisis nisi in suscipit.<br />
<br />
Praesent vulputate sollicitudin arcu, non vestibulum mauris feugiat sagittis. Fusce mattis aliquet hendrerit. Vestibulum sagittis dignissim mi sed gravida. In hac habitasse platea dictumst. Ut euismod tortor pulvinar mi sollicitudin hendrerit iaculis odio porta. Integer sed mauris nisl. Maecenas vitae quam tellus. Etiam turpis purus, sodales vitae ultricies nec, blandit sed nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean vel aliquet quam. Vestibulum ut justo orci. Maecenas ut ultrices justo. Sed interdum tempus pretium. Ut commodo nibh sed enim consectetur cursus.<br />
<br />
In hac habitasse platea dictumst. Curabitur mattis sollicitudin justo, ac ornare enim luctus sed. Quisque eu nibh nibh. Donec euismod est non massa pulvinar vitae dictum neque pellentesque. Aenean convallis condimentum nibh, ut dignissim tellus commodo ut. Donec tristique, mauris facilisis condimentum interdum, lectus ante volutpat massa, et dignissim nibh mi in sapien. Vestibulum ullamcorper pharetra erat eget commodo. Duis non tincidunt nunc. Integer sit amet nisi lectus. Sed enim metus, aliquet lacinia suscipit in, dignissim commodo diam.<br /> </p>
</div><!-- Rodapé -->
<hr />
<div id="Rodape">
<p>(19) 3873-9300 | (19) 9715-7581 | (19) 9485-2019</p>
</div>Este seria o HTML, vê se está bem formatado.
Cadê as CSS?
Desculpa esqueci ;[
Então, eu já consegui fazer o que eu queria! Agora a dúvida é a seguinte...
<!-- Logotipo / Propaganda -->
<div id="Logotipo">
<a href="index.html" title="Página Inicial"><img src="Imagens/Logotipo.png" /></a>
</div>
<div id="Propaganda">
<img src="Imagens/Slideshow.gif" />
</div>Aqui tem o direcionamento do Logotipo para a Página Inicial certo? Mas não funciona, e não é só comigo, não fica linkada a imagem!
CSS:
@charset "utf-8";
/ CSS Document /
Body {
background-color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;#Propaganda {
vertical-align: middle;
background: no-repeat url("slideshow.gif") top right;
float:right;
text-align:right;
display: table;
height: 150px;
margin: 0 auto;
width: 950px;
position: absolute;
left: 90px;
top: 29px;
margin-left:46%;
left:-450px;}
#Logotipo {
margin-top:35px;#Menu {
margin-left:250px;#Conteúdo {
margin-left:35px;
margin-top:100px;
text-align:left;#Rodape {
margin-top:140px;
margin-right:35px;
margin-left:35px;
text-align:center;a:link, a:visited {
text-decoration: none;
color:#993300;}
a:hover {
text-decoration: none;
color:#FFFFFF;}
a:active {
text-decoration: none;}
Quase xará, verifique o caminho da imagem se está exatamente igual. É recomendável usar letras minúsculas e não acentuar (como na div "Conteúdo").
Tudo bem, obrigado pelas dicas, mas cara não funciona mesmo!
Não sei o que é, qual o problema.
A imagem aparece?
Sim João, a imagem aparece, no caso há duas imagens como você pode perceber:
<!-- Logotipo / Propaganda -->
<div id="Logotipo">
<a href="index.html" title="Página Inicial"><img src="Imagens/Logotipo.png" /></a>
</div>
<div id="Propaganda">
<img src="Imagens/Slideshow.gif" />
</div>A imagem propaganda fica no lado direito e o logotipo fica do lado esquerdo, mas não sei o que é, quando você poêm o
<a href="index.html" title="Página Inicial"><img src="Imagens/Logotipo.png" /></a>
</div>
não fica como link!Coloca um print da tela pra gente poder analisar!
/applications/core/interface/imageproxy/imageproxy.php?img=http://i54.tinypic.com/j6u1w3.png&key=0b9f0842493e142dc5c2c23d1ccd8b6df60ae69ca53c60bb9e3c89bf39cd1c22" alt="j6u1w3.png" />
Quero que a imagem, "Raspagem de Tacos - João Batista" fique com um link para página inicial.
Mais nada?
;[
Posta o HTML.
No caso do rodapé você resolve facilmente com
float:right
e
float:left
Pra centralizar, geralmente uso
margin:auto