Jump to content


leo_webaxe's Content

There have been 4 items by leo_webaxe (Search limited from 24/10/2020)


Ordernar por                Order  

#931433 Qual O Nome Desse Efeito/textura?

Posted by leo_webaxe on 17/08/2008, 20:29 in Editores Bitmap

alguem sabe me dizer qual o nome desse efeito ou textura? e como fazer?

o efeito que me refiro são as listas com transparencia!

Attached Thumbnails

  • foto.jpg



#975777 Problemas Com Ie 8

Posted by leo_webaxe on 30/07/2009, 01:29 in CSS & Semântica (Tableless)

olá, eu estou começando com tableless. Estava desenvolvendo um site e tudo funcionou normalmente, hoje estava atualizando o IE e baixei a versão 8, o layout bagunçou algumas coisas.

Gostaria de saber o que pode estar errado.

Segue link para a pagina com problema
http://189.14.112.60/$sitepreview/tib...LESS/index.aspx

erros aparentes:
- bolinhas no menu esquerdo
- abaixo do banner central bagunçou o titulo da chamada principal
entre outros erros.

ps. o erro só acontece no IE 8


Grato, Leo



#975834 Problemas Com Ie 8

Posted by leo_webaxe on 30/07/2009, 15:56 in CSS & Semântica (Tableless)

Obrigado Édipo pela resposta, mas gostaria que fossem mais claros pois como disse estou começando com TABLELESS e com padrões. Sobre as LI (problemas com as bolinhas no MENU) eu estou usando block e é um exemplo adaptado do site MAJOUR.

segue CSS do MENU:
#menubv {
width: 17em;
padding: 0;
margin: 0;
font: 11px Geneva,Verdana, sans-serif;
}
#menubv ul {
list-style: none;
margin: 0;
padding: 0;
}
#menubv li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
}
#menubv li a {
display: block;
padding: 5px 5px 5px 0.5em;
font-weight:bold;
border-left: 13px solid #3947B4;
border-right: 10px solid #F0F0F0;
background-color: #F0F0F0;
color: #333333;
text-decoration: none;
}
#menubv li a:hover {
border-left: 13px solid #CCCCCC;
border-right: 10px solid #F0F0F0;
background-color: #F0F0F0;
color: #666666;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menubv  li { float: left; height: 1%; }
* html ul#menubv  li a { height: 1%; }
/* End */


Sobre a TAG que me mandou Édipo serve para simular, correto? na verdade eu quero resolver o problema com os padrões e não simular o IE7.

Esta ruim no ie8 pelos ele é mais adpto a padrão do que os anteriores(ótimo isso), caso você queria que renderize como IE7, usa a tag descrita nesse link: http://blogs.msdn.co...gs-etc-etc.aspx



Obrigado a todos



#975846 Problemas Com Ie 8

Posted by leo_webaxe on 30/07/2009, 17:39 in CSS & Semântica (Tableless)

Realmente, a questão das bolinhas foram resolvidas...


E o restante alguem pode me ajudar? vou postar o css completo pode ser que ajude.


estilo.css:
*{padding:0;margin:0;}
body{background:#F2F2F2;text-align:center;}
#wrap{background:#FFF;width:1000px; height:1280px; text-align:left;margin:0 auto;}
#topo{height:233px; width:797px; background:#abeafe; float:left;}
#menu{height:800px; width:203px; background:; float:right; text-align:center;}
#thumbs{width:193px; background:; float:left;}
#conteudo{width:604px; background:#FFF;float:left;}

#destaque{width:580px; margin:5px auto;}
#destaque-esquerda{width:240px;height:195px;float:left; padding-top: 10px;}
#destaque-direita{width:340px;height:195px;float:right;}


#banner{width:580px;height:95px;margin:10px auto; text-align:center;}

#destaque2{width:580px;margin:15px auto;}
#destaque-esquerda2{width:193px;float:left;}
#destaque-centro2{width:193px; float:left;}
#destaque-direita2{width:193px;float:right;}

#destaque3{width:580px;height:195px;background:url(img/fundo_rss.jpg); margin:15px auto;}
#destaque-esquerda3{width:150px;height:195px;float:left;}
#destaque-centro3{width:220px;height:195px; float:left;}
#destaque-direita3{width:190px;height:195px;float:right;}

#destaque4{width:580px;height:255px;background:#FEFEFE;margin:15px auto; text-align:center;}
#little-col-left{width:490px;height:400px;background:orange;margin:0 auto;}
#col-left{background:cyan;width:240px;height:400px;float:left;}
#col-right{background:white;width:240px;height:400px;float:right;}
#col-middle{background:black;color:white;width:200px;float:left;height:600px;}
#sidebar{background:gray;color:black;width:195px;float:right;height:600px;}
#sidebar h1{color:cyan;font:13px arial, verdana, tahoma;}
#rodape{background:#DBDBDB;clear:both;height:100px;}
#divclear{clear:both;}


/* CSS Links e Textos */

.TituloNoticiaLista:link {color:#333333;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.TituloNoticiaLista:visited {color:#333333;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.TituloNoticiaLista:hover {color:#333333; text-decoration:underline;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}

.TituloNoticiaDestaque:link {color:#333333;text-decoration:none;font-size:14px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.TituloNoticiaDestaque:visited {color:#333333;text-decoration:none;font-size:14px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.TituloNoticiaDestaque:hover {color:#333333; text-decoration:underline;font-size:14px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

.ChamadaNoticiaDestaque:link {color:#666666;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;}
.ChamadaNoticiaDestaque:visited {color:#666666;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;}
.ChamadaNoticiaDestaque:hover {color:#666666; text-decoration:underline;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;}

.ChamadaNoticia:link {color:#333333;text-decoration:none;font-size:10.5px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.ChamadaNoticia:visited {color:#333333;text-decoration:none;font-size:10.5px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.ChamadaNoticia:hover {color:#333333; text-decoration:underline;font-size:10.5px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

.Retranca:link {color:#000099;text-decoration:none;font-size:10px;font-weight:normal;font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
.Retranca:visited {color:#000099;text-decoration:none;font-size:10px;font-weight:normal;font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
.Retranca:hover {color:#000099;text-decoration:none;font-size:10px;font-weight:normal;font-family:Arial, Helvetica, sans-serif; font-weight: bold;}

.icone:link {color:#666666;text-decoration:none;font-size:7px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;}


/* MENU   */


#menubv {
width: 17em;
padding: 0;
margin: 0;
font: 11px Geneva,Verdana, sans-serif;
}
#menubv ul {
list-style: none;
margin: 0;
padding: 0;
}
#menubv li {
display: block;
border-bottom: 1px solid #FFFFFF;
margin: 0;
}
#menubv li a {
display: block;
padding: 5px 5px 5px 0.5em;
font-weight:bold;
border-left: 13px solid #3947B4;
border-right: 10px solid #F0F0F0;
background-color: #F0F0F0;
color: #333333;
text-decoration: none;
}
#menubv li a:hover {
border-left: 13px solid #CCCCCC;
border-right: 10px solid #F0F0F0;
background-color: #F0F0F0;
color: #666666;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menubv  li { float: left; height: 1%; }
* html ul#menubv  li a { height: 1%; }
/* End */


/* MENU BASE  \*/
#menubase {
width: 17em;
padding: 0;
margin: 0;
font: 11px Geneva,Verdana, sans-serif;
}
#menubase ul {
list-style: none;
margin: 0;
padding: 0;
}
#menubase li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
}
#menubase li a {
display: block;
padding: 5px 5px 5px 0.5em;
font-weight:bold;
border-left: 13px solid #3947B4;
border-right: 10px solid #F0F0F0;
background-color: #F0F0F0;
color: #333333;
text-decoration: none;
}
#menubase li a:hover {
border-left: 13px solid #CCCCCC;
border-right: 10px solid #F0F0F0;
background-color: #F0F0F0;
color: #666666;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menubase  li { float: left; height: 1%; }
* html ul#menubase  li a { height: 1%; }
/* End */

.Texto4 {color:#333333;text-decoration:none;font-size:11px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.Texto5 {color:#333333;text-decoration:none;font-size:17px;font-weight:normal;font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}


/* FORM */

.texto		  {font: 13px Verdana; text-decoration: none; color: #333333; margin-left: 10px;}
.form_campos	{background-color: #FFFFFF; font: 12px Verdana; border-style: groove; margin-left: 10px;}
.form_botao 	{background-color: #CCCCCC; font: 12px Verdana; border-style: outset; margin-left: 116px;}
.textocomum	 {font: 11px Geneva, Verdana; text-decoration: none; color: #333333; margin-left: 5px;}




IPB Skin By Virteq