mais no firefox e no ie7 ficou todo destruido =(
não consigo alinhar o menu do lado do logo!
CSS
body{
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
background-color: #FFF;
background-image: url(../img/fundo.jpg);
background-repeat: repeat-x;
}
/*/ posicionamento do logo /*/
#logo{
margin-left:0px;
width:304px;
height:72px;
float:left;
margin-top:25px;
}
/*/ conteudo /*/
#conteudo{
width: 779px;
text-align:left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
vertical-align: middle;
background-image:url(../img/detalhes.jpg);
background-repeat:no-repeat;
background-position: 0px 124px;
}
/* Rodapé */
#rodape{
margin-left: 28px;
height:44px;
text-align:center;
background-image: url(../img/rodape.jpg);
background-repeat: no-repeat;
padding-top:18px;
}
/*/ Conteudo /*/
h1{
color:#000000;
padding-left:5px;
margin:0px;
font-size:15px;
}
#texto{
margin-left:40px;
margin-right:40px;
margin-top:100px;
text-align: justify;
}
/*/ Menu Principal /*/
ul#menu_horizontal {
list-style: none;
margin: 0;
padding: 0;
width:395px;
background-position: right;
}
ul#menu_horizontal li{
float:left;
}
ul#menu_horizontal li a{
display: block;
width: 96px;
margin-left: 2px;
height: 49px;
text-decoration: none;
text-align: center;
color: #FFFFFF;
padding-top: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(../img/fundoMenu.jpg);
background-repeat: no-repeat;
vertical-align: middle;
}
ul#menu_horizontal li a:hover{
color: #CCCCCC;
background-image: url(../img/fundoMenu.jpg);
background-repeat: no-repeat;
}
html
ses podem me ajudar nessa?<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Metas -->
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="revisit-after" content="4" />
<meta name="language" content="pt-br" />
<title>Web Entregas</title>
<style type="text/css">
<!--
@import url("css/css.css");
-->
</style>
<!--[if lt IE 7]>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="conteudo">
<div id="logo">
<a href="index.html"><img src="img/logo.png" alt="logo Tipo" width="304" height="85" border="0" /></a> </div>
<ul id="menu_horizontal">
<li><a href="#">Quem Somos</a></li>
<li><a href="#">Cadastro</a></li>
<li><a href="#">Pedido</a></li>
<li><a href="#">Contato</a></li>
</ul>
<div id="texto">
<h1>Introduction</h1>
<br /><br />
Macromedia Dreamweaver 8 is a professional HTML editor for designing, coding, and developing websites, web pages, and web applications. Whether you enjoy the control of hand-coding HTML or prefer to work in a visual editing environment, Dreamweaver provides you with helpful tools to enhance your web creation experience. <br /><br />
The visual editing features in Dreamweaver let you quickly create pages without writing a line of code. You can view all your site elements or assets and drag them from an easy-to-use panel directly into a document. You can streamline your development workflow by creating and editing images in Macromedia Fireworks or another graphics application, then importing them directly into Dreamweaver, or by adding Macromedia Flash objects.<br /><br />
Dreamweaver also provides a full-featured coding environment that includes code-editing tools (such as code coloring and tag completion) and language reference material on Cascading Style Sheets (CSS), JavaScript, and ColdFusion Markup Language (CFML), among others. Macromedia Roundtrip HTML technology imports your hand-coded HTML documents without reformatting the code; you can then reformat code with your preferred formatting style.<br /><br />
Dreamweaver also enables you to build dynamic database-backed web applications using server technologies such as CFML, ASP.NET, ASP, JSP, and PHP.<br /><br />
Dreamweaver is fully customizable. You can create your own objects and commands, modify keyboard shortcuts, and even write JavaScript code to extend Dreamweaver capabilities with new behaviors, Property inspectors, and site reports.<br /><br />
This chapter contains the following sections:<br /><br />
</div>
<br />
<br />
<div id="rodape" align="center">2008 © Web Entregas - Todos os Direitos Reservados</div>
</div>
</body>
</html>
des de já fico muito grato =D
