Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Poste o link.
faalaaa thiagaoo
o link do site eh http://interflex.freetzi.com/ e do css http://interflex.freetzi.com/css/prettyphoto.css .......mexendo agora percebi pq nao estava conseguindo validar o codigo no w3c....o nome do arquivo estava com uma letra maiucula prettuPhoto.css...por isso nao iaa...agora ate consegui validar np w3c...ele fala q nao tem nenhum erro...
mas ainda quando abro no dreamwaeavver ele aponta erros no prettyphoto.css e tb em todas as paginas html q o efeito esta inserido, eis aonde o erro eh apontado em todas as pg html do meu site
<link rel="stylesheet" href="css/prettyphoto.css" type="text/css" charset="utf-8" />
valeuu garoto
absss
O HTML só está com cinco erros fáceis de corrigir http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://validator.w3.org/check?uri=http://interflex.freetzi.com/&charset=(detect+automatically)&doctype=Inline&group=0
O CSS só deu um erro em CSS2.1. Você usou a propriedade opacity, que só está disponível em CSS3. Mas não há erros de codificação http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://jigsaw.w3.org/css-validator/validator?uri=http://interflex.freetzi.com/&profile=css21&usermedium=all&warning=1〈=pt-BR
O meu Google Chrome for Linux bloqueou um Pop-up... Talvez seja um JavaScript seu aí, verifique. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
>
O HTML só está com cinco erros fáceis de corrigir http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://validator.w3.org/check?uri=http://interflex.freetzi.com/&charset=(detect+automatically)&doctype=Inline&group=0
O CSS só deu um erro em CSS2.1. Você usou a propriedade opacity, que só está disponível em CSS3. Mas não há erros de codificação http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://jigsaw.w3.org/css-validator/validator?uri=http://interflex.freetzi.com/&profile=css21&usermedium=all&warning=1〈=pt-BR
O meu Google Chrome for Linux bloqueou um Pop-up... Talvez seja um JavaScript seu aí, verifique. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
entendiiiii.....os erros html sao por causa do servidor gratuito...
qto aos css você acha bom jogar td num css so??? e essa funcao opacity nao existe um codigo css2.1 q faca um efeito de opacidade parecido? caso eu deixe assim mesmo ha algum problema?
valeu meu querido
abs
No seu caso, acho que da para deixar tudo em um só CSS.
Sobre o opacity, você pode usar PNG Transparent. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
faaalaa garotoo...
usei o png....e deu samba na maioria dos browsers...soh nao deu em um IE 6.0... ele demora pra carregar a parte transparente e carrega ainda por cima ela cizna
absssssss
e deu samba na maioria dos browsers
Como assim? Se usar PNG Transparent não precisa colocar o opacity. O Internet Explorer 6 não tem suporte ao PNG Transparent, mas dê uma olhada nesse link http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/325686-png-transparent-no-ie6-e-ie5-solucao-definitiva/
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Seguinte estou usando efeitos lightbox na minha pagina...quando vou validar o codigo no w3c ele da esse erro
"Validator
Error
Target: http://interflex.freetzi.com/css/prettyphoto.css
I/O Error: http://interflex.freetzi.com/css/prettyphoto.css: Not Found"
pelo dreamweaver consegui detectar alguns erros mas nao sei como sana-los
eis as linha aonde estao os erros
div.pp_pic_holder a:focus { [b]outline:none;[/b] } [b]ERRO: PROPRIEDADE [i]OUTLINE[/i] NAO SUPORTADA[/b]
.clearfix:after {
.clearfix {display: i[b]nline-block[/b];} [b]ERRO: VALOR [i]INLINE-BLOCK[/i] NAO SUPORTADO[/b]
EIS O CODIGO INTEIRO (COLOQUEI EM NEGRITO AONDE ESTAO OS ERROS)
/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } / Top left corner /
div.light_rounded .pp_top .pp_middle { background: #fff; } / Top pattern/color /
div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } / Top right corner /
div.light_rounded .pp_content { background-color: #fff; } / Content background /
div.light_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } / Next button /
div.light_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } / Previous button /
div.light_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } / Expand button /
div.light_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } / Expand button hover /
div.light_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } / Contract button /
div.light_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } / Contract button hover /
div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } / Close button /
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } / The previous arrow in the bottom nav /
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } / The next arrow in the bottom nav /
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } / Bottom left corner /
div.light_rounded .pp_bottom .pp_middle { background: #fff; } / Bottom pattern/color /
div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } / Bottom right corner /
div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } / Loader icon /
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } / Top left corner /
div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } / Top pattern/color /
div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } / Top right corner /
div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } / Content background /
div.dark_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } / Next button /
div.dark_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } / Previous button /
div.dark_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } / Expand button /
div.dark_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } / Expand button hover /
div.dark_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } / Contract button /
div.dark_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } / Contract button hover /
div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } / Close button /
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded p.pp_description { color: #fff; }
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } / The previous arrow in the bottom nav /
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } / The next arrow in the bottom nav /
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } / Bottom left corner /
div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } / Bottom pattern/color /
div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } / Bottom right corner /
div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } / Loader icon /
/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_top .pp_left ,
div.dark_square .pp_top .pp_middle,
div.dark_square .pp_top .pp_right,
div.dark_square .pp_bottom .pp_left,
div.dark_square .pp_bottom .pp_middle,
div.dark_square .pp_bottom .pp_right,
div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square p.pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } / Loader icon /
div.dark_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } / Expand button /
div.dark_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } / Expand button hover /
div.dark_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } / Contract button /
div.dark_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } / Contract button hover /
div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } / Close button /
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } / The previous arrow in the bottom nav /
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } / The next arrow in the bottom nav /
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } / Next button /
div.dark_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } / Previous button /
/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_top .pp_left ,
div.light_square .pp_top .pp_middle,
div.light_square .pp_top .pp_right,
div.light_square .pp_bottom .pp_left,
div.light_square .pp_bottom .pp_middle,
div.light_square .pp_bottom .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } / Expand button /
div.light_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } / Expand button hover /
div.light_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } / Contract button /
div.light_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } / Contract button hover /
div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } / Close button /
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } / The previous arrow in the bottom nav /
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } / The next arrow in the bottom nav /
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } / Next button /
div.light_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } / Previous button /
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
[b]div.pp_pic_holder a:focus { outline:none; }[/b]
div.pp_overlay {
/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */
[b] .clearfix:after {
AGRADECO ANTECIADAMENTE A AJUDA
ABS