..:: MX Studio Fóruns ::..: Probleminha com CSS Tableless - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Probleminha com CSS Tableless

#1 User is offline   Bruno De Paoli 

  • Group: Membros
  • Posts: 3
  • Joined: 15-October 09

Posted 15 October 2009 - 12:16 PM

Então pessoal, esse está sendo meu primeiro post aqui no fórum.
Minha dúvida é a seguinte, estou começando a desenvolver um site aqui na agência que por enquanto está hospedado em (http://www.doismb.com.br/teste/ojisenon/) com xhtml e CSS e surgiu o seguinte problema.

Estou criando um menu horizontal com a técninca de image replacement.
Porém no IE(Pra variar, odeio este browser) o menu está ficando incompleto.

Se alguém puder dar uma luz agradeço. =)
0

#2 User is offline   Nine_Branco 

  • Group: Membros
  • Posts: 60
  • Joined: 20-December 08

Posted 15 October 2009 - 02:14 PM

Bruno De Paoli,

Olá! Seja bem vindo ao fórum. biggrin.gif

Vc está fazendo dois arquivos css? Um para o IE e outro para os demais? Ou está usando haks (isso suja o código)?
Vc pode postar os códigos?
Posso comentar outras coisas, além do q vc pergunta? rsss Desculpa, mas vc disse q é o primeiro q vc está fazendo ai, logo, quanto melhor ficar, melhor pra vc. rsrsss
Vi o problema no IE.
Talvez usando display block. (Se quebrar o menu, use float left)

thumbsup.gif
0

#3 User is offline   Bruno De Paoli 

  • Group: Membros
  • Posts: 3
  • Joined: 15-October 09

Posted 15 October 2009 - 02:32 PM

Ok Nina, aí vão os códigos:

xhtml=============

CODE
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="language" content="pt-br" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
<link href="css/estilo.css" rel="stylesheet" type="text/css" media="screen" />
<title>Centro Cultural Ojisé Nón</title>
</head>

<body>
<div id="container">


<div id="bannerTopo">
<h1>
<span>Centro Cultural Centro Cultural Ojisé Nón</span>
</h1>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','200','title','banner Topo','src','swf/banner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','swf/banner' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="200" title="banner Topo">
<param name="movie" value="swf/banner.swf" />
<param name="quality" value="high" />
</object>
</noscript>
</div>

<div id="nav">
<ul>
<li id="btn1"><a href="/" title="Quem Somos"><span>Quem Somos</span></a></li>
<li id="btn2"><a href="/" title="Nossos Cursos"><span>Nossos Cursos</span></a></li>
<li id="btn3"><a href="/" title="Nossa Loja"><span>Nossa Loja</span></a></li>
<li id="btn4"><a href="/" title="Atualidades"><span>Atualidades</span></a></li>
<li id="btn5"><a href="/" title="Eventos"><span>Eventos</span></a></li>
<li id="btn6"><a href="/" title="Contato"><span>Contato</span></a></li>
</ul>
</div>

<div id="titulo1">
<h2>
<span>
Quem Somos
</span>
</h2>
</div>

<div id="txt">
<p>Levar conhecimento e ensino para inúmeras questões e dúvidas sobre o culto afro para aqueles que buscam respostas e aperfeiçoamento ético com todos que praticam a religião, seja qual for sua nação.</p>
<p>Promovendo desta forma a união e fortalecimento da nossa cultura perante autoridades e sociedade.</p>
<h2 id="tituloValores"><span>Nossos Valores</span></h2>
<p>Ética, relação de confiança e respeito as diferentes correntes de pensamentos e práticas.</p>
</div>

<div id="imagem">
<img src="Images/africa.jpg" alt="mapa da africa" />
</div>

<div id="bottom">
<p>NOVA IGUAÇÚ, RUA TERTULIANO DE MELO 112 - TEL 2667 - 8525</p>
</div>
</div>
</body>
</html>


CSS=============

CODE
@charset "utf-8";
/* CSS Document */

body {
background:url(../Images/bgcss.jpg);
margin:0;
padding:0;
}

#container {
background:#FFFFFF;
width:800px;
margin:0 auto;
padding:0;
min-height: 100%;
}
#bannerTopo{
width:800px;
margin:0 auto;
padding:0;
}
#bannerTopo h1{
width:1px;
height:1px;
position:absolute;
overflow:hidden;
margin:0;
padding:0;
}
#nav {
width:800px;
height:100%;
padding:0;
margin:0 auto;
background:#000000;
}

#nav ul{
margin:0 auto;
padding:0;
height:35px;
width:700px;
}

#nav li{
list-style:none;
width:150px;
height:35px;
display:inline;
}
#nav li a{
width:136px;
height:35px;
text-decoration:none;
color:#FFFFFF;
display:block;
float:left;
}
#nav li a span{
overflow:hidden;
width:1px;
height:1px;
position:absolute;
}

#nav #btn1 a {
width:130px;
height:35px;
background:url(../Images/menuBG.jpg) no-repeat;
background-position:-3px 1px;
overflow:hidden;
}

#nav #btn1 a:hover {
width:130px;
height:35px;
background:url(../Images/menuBG.jpg) no-repeat;
background-position:-3px -34px;
overflow:hidden;
}
#nav #btn2 a {
width:133px;
height:35px;
background:url(../Images/menuBG.jpg) no-repeat;
background-position: -133px 1px;
overflow:hidden;
}

#nav #btn2 a:hover {
width:133px;
height:35px;
background:url(../Images/menuBG.jpg)no-repeat;
background-position:-133px -34px;
overflow:hidden;
}

#nav #btn3 a {
width:115px;
height:35px;
background:url(../Images/menuBG.jpg) no-repeat;
background-position: -266px 1px;
overflow:hidden;
}

#nav #btn3 a:hover {
width:115px;
height:35px;
background:url(../Images/menuBG.jpg) no-repeat;
background-position: -266px -34px;
overflow:hidden;
}
#nav #btn4 a {
width:126px;
height:35px;
background:url(../Images/menuBG.jpg) no-repeat;
background-position: -379px 1px;
overflow:hidden;
}

#nav #btn4 a:hover {
width:126px;
height:35px;
background:url(../Images/menuBG.jpg) no-repeat;
background-position:-379px -34px;
overflow:hidden;
}
#nav #btn5 a {
width:80px;
height:35px;
background:url(../Images/menuBG.jpg)no-repeat;
background-position: -510px 1px;
}

#nav #btn5 a:hover {
width:80px;
height:35px;
background:url(../Images/menuBG.jpg)no-repeat;
background-position:-510px -34px;
}
#nav #btn6 a {
width:90px;
height:35px;
background:url(../Images/menuBG.jpg)no-repeat;
background-position: -590px 1px;
overflow:hidden;
}

#nav #btn6 a:hover {
width:90px;
height:35px;
background:url(../Images/menuBG.jpg)no-repeat;
background-position:-590px -34px;
overflow:hidden;
}

#imagem {
float:right;
}


#titulo1{
background:url(../Images/titulo1.jpg) no-repeat;
width:250px;
height:54px;
margin-left:29px;
}

#titulo1 span{
width:1px;
height:1px;
position:absolute;
overflow:hidden;
}

#txt {
width:400px;
padding:16px;
padding-left:40px;
padding-right:0;
float:left;
}
#imagem{
margin:0;
padding:0;
padding-right:20px;
}
#txt p{
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
text-indent:8px;
color:#333333;
}

#tituloValores{
background:url(../Images/tituloValores.jpg) no-repeat;
width:250px;
height:54px;
margin:0;
padding:0;
}

#tituloValores span{
width:1px;
height:1px;
position:absolute;
overflow:hidden;
}

#bottom{
width:800px;
overflow:hidden;
margin:0 auto;
border-top:dashed 1px #8b4f32;

}
#bottom p{

text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:0 auto;
padding:8px;
}

0

#4 User is offline   Nine_Branco 

  • Group: Membros
  • Posts: 60
  • Joined: 20-December 08

Posted 15 October 2009 - 05:15 PM

Voltei no link pra pegar a imagem do menu. Mas não está lá.
Tá enrrolado aqui no trab hj.
Mais tarde é melhor

0

#5 User is offline   Bruno De Paoli 

  • Group: Membros
  • Posts: 3
  • Joined: 15-October 09

Posted 15 October 2009 - 06:08 PM

É que tava subindo umas modificações, mas sem problemas. Valeu pelo help de qualquer maneira.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies dúvida de como fazer .... DESIGN em GERAL sevilla 
  • 2 Replies
  • 747 Views
New Replies Album De Fotos
duvidas em loadMovie com variavel 		Flash & ActionScript kinnears 
  • 0 Replies
  • 458 Views
New Replies Adolescente vira estrela da web com blog contra Bush Notícias Notícias 
  • 0 Replies
  • 269 Views
New Replies Reconsideriando O Cloud Computing Plataforma Windows xanburzum 
  • 0 Replies
  • 339 Views
New Replies Cidade alemã quer criar "Vale do Linux"
IDG Now! - Computação Pessoal 		Notícias TiTi Celestino 
  • 0 Replies
  • 418 Views
New Replies Botão fechar no banner em flash
como se faz? 		Flash & ActionScript nico_s 
  • 1 Reply
  • 2380 Views
New Replies Delimitar o Código
Como faço isso 		PHP heavymetal 
  • 0 Replies
  • 576 Views
New Replies imterpolaçao de forma e de movimento juntas
tem como agrupar??? 		Flash & ActionScript thiagod2sk8 
  • 2 Replies
  • 856 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)