Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá tenho um nivo slider no meu site e ele aparece certo no meu computador, quando passo o site para outro computador para verificar se está tudo certo, não aparece o nivo slider a parte simplesmente fica em branco, o que pode ser? Os navegadores são os mesmos com as mesmas versões.
CSS
/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
*{
margin: 0px;
padding: 0px;
}
a:link {
color: #295C6F;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:visited {
color: #295C6F;
}
body {
background: #000000;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
}
.back_all
{
background: url(images/bg.jpg) no-repeat center top;
}
.top
{
padding-bottom: 20px;
}
.top H1
{
font-size: 18px;
}
.top H2
{
font-size: 13px;
}
.top a
{
text-decoration: none;
color: #ffffff
}
#content
{
margin: 0 auto;
width: 1006px;
text-align: left;
padding-top: 20px;
}
#mainwidth: 972px;
background: url(images/back_top.jpg) repeat-x top;
padding-top: 10px;
}
#backwidth: 993px;
background: #ffffff;
border-left: 7px solid #ffffff;
border-right: 7px solid #ffffff;
}
#header {}
#logo {
width: 993px;
height: 228px;
background: url(images/header.jpg) repeat;
}
#logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 18px;
color: #ffffff;
}font-size: 12x;
}
#menuwidth: 993px;
border-top: 6px solid #FFFFFF;
border-bottom: 6px solid #FFFFFF;
height: 56px;
background: url(images/buttons.gif) repeat-x;
}
#menu ul {
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
float: left;
width: 120px;
height: 38px;
display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size: 14px;
padding-top: 18px;
text-transform: none;
}
#menu a:hover {
width: 120px;
height: 38px;
color: #FFF;
text-decoration: none;
background: #D3D3D3;
}
.wrapper {width:100%;overflow:hidden; font-size: 12px; padding: 10px; color: #666666}
.col1, .col2, .col3, .cols {float:left}
.col1 {width:290px}
.col2 {width:240px}
.col3 {width:252px}
.pad_left1 {padding-left:67px}
.pad {padding:0 10px}
.list1 {
list-style: none
}
.list1 li {padding-bottom:20px; padding-top: 10px; padding-left:14px;background:url(images/marker_1.gif) 0 18px no-repeat}
.list1 li a {display:block;font-weight:bold;color:#0f0f0f;text-decoration:none}
.list1 li a:hover {color:#13c5ff}
.date {float:left;width:46px;margin-right:20px;text-align:center;font-size:25px;color:#666666;line-height:1.2em;padding-bottom:20px}
.date span {display:block;font-size:53px;line-height:1.2em;margin-top:-8px;margin-bottom:-22px;letter-spacing:-2px}
.img {display:block;}
h2 {font-size:20px;line-height:1.2em;color:#666666;padding:1px 0 17px 10px;letter-spacing:-1px}
h2 span {color:#13c5ff}
.row-top {width:100%;padding:33px 0 42px;}
.row-padding {padding:0 62px}
.col-1, .col-2, .col-3, .col-4 {float:left}
.list-services li {line-height:24px;padding-left:28px; list-style:none}
.list-services li a {color:#9d9d9d;text-decoration:none}
.list-services li a:hover {text-decoration:underline}
.list-services li.item-1 {background:url(images/facebook.png) 0 3px no-repeat}
.list-services li.item-2 {background:url(images/twitter.png) 0 3px no-repeat}
.list-services li.item-3 {background:url(images/linkedin.png) 0 3px no-repeat}
.menu li a, .list-1 li a, {text-decoration:none}
.list-1 li {line-height:24px;padding-left:10px;background:url(images/marker.gif) 0 10px no-repeat; list-style:none}
.list-1 li a {display:inline-block;color:#9d9d9d}
.list-1 li a:hover {text-decoration:underline}
.indent3 {padding-top:28px}
.footer-logo {display:block;color:#666666;font-size:30px;line-height:1em;text-transform:uppercase;letter-spacing:-3px;font-weight:400;margin-bottom:5px}
.footer-logo strong {color:#666666;text-transform:none;display:inline-block}
.phone {display:inline-block;font-size: 24px;line-height:1.2em;color:#666666;letter-spacing:-1px;padding-left:5px}
.phone strong {color:#666666}
.col-1 {width:190px;margin-right:55px}
.col-2 {width:110px;margin-right:55px}
.col-3 {width:140px;margin-right:65px}
.col-4 {width:235px}
#footer {
height: 54px;
clear: both;
padding-top: 20px;
border-top: 5px solid #666666;
margin-left: 5px;
margin-right: 5px;
background: url(images/footer.gif) repeat-x top;
}
#footer p {
margin: 0;
font-size: 10px;
text-align: center;
color: #333333;
}
#footer a {
color: #333333;
}
/=================================/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/=================================/
#slider-wrapper {
background:url(images/top.jpg) no-repeat;
width: 993px;
height: 228px;
margin:0 auto;
}
#slider {
position:relative;
width: 993px;
height: 228px;
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:260px;
bottom:-42px;
display: none;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}background-position:-30px 0;
right:15px;
}left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
} color:#efe9d1;
text-decoration:underline;
}
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" type="image/x-icon" <title>Metamorphosis Design Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet"<div style="background-color: rgb(0, 0, 34);" id="content">
<div style="background-color: rgb(0, 0, 34);" class="top">
<ul>
<li id="button2">
<p class="MsoNormal"><span </span></span></p>
</li>
</ul>
</div>
<div id="back">
<div id="header">
<div id="menu">
<ul>
<li id="button1"><a href="../index.html"
title="">Home</a></li>
<li id="button2"> </li>
<li id="button3"><big><a
href="../1Representada/index.html" title="">Representadas</a></big></li>
<li id="button4"><a rel="me" target="_top"Empresa</a></li>
<li id="button5"><a href="../1Contato/index.html"
title="">Contato</a></li>
</ul>
</div>
<div id="logo">
<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>src="lib/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('#slider').nivoSlider();
});
</script></div>
</div><div id="main">
<div class="wrapper">
<div class="col1">
<h2>Cinco Estrelas
</h2>
<div class="img"><imgsrc="images/Cinco%20estrelas.jpg" /><br />
</div>
<div class="pad">
<p>Ébolha, etc</p>
<p>
</p>
<p>
<a href="#" class="read">Saiba
+</a></p>
<p></p>
<p></p>
<h1 style="text-align: left;">LineForm</h1>
<p></p>
<p></p>
<p><span class="read"><imgsrc="images/Logo%20Lineform.jpg" alt="" /></span><br />
</p>
<div style="text-align: left;">
<div style="text-align: justify;"> Éstyle="text-decoration: underline;"><br />
</span>
<span
style="text-decoration: underline;"></span><a+</a><br />
<br />
<br />
<br />
<h1 style="text-align: left;">ComePlast</h1>
<br />
<br />src="images/logo%20Comeplast.gif" /><br />
<br />ótima qualidade.<br />
<span style="text-decoration: underline;"></span><a+</a><br />
<br />
<span style="text-decoration: underline;"></span></div>
</div>
<br />
<br />
</div>
</div>
<div class="col2 pad_left1">
<div style="text-align: center;"><big><big><big><span
style="font-weight: bold;">Brisa Embalagens</span></big></big></big><br />
<br />
<div style="text-align: left;"><img</div>
<div style="height: 14px;">
<br />
<a href="1brisa/index.html" class="read">Saiba
+</a><br />
<div style="text-align: left;">
<h3><small> </small><big><big><big
style="font-weight: bold;">Paper plott</big></big></big></h3>
<br />
</div>
<h1 style="text-align: left;"><imgalt="" /><br />
</h1>
<div style="text-align: justify;">Ésegmentos.<br />
<a href="#" class="read">Saiba
+</a><br />
<br />
<span style="font-weight: bold;"><br />
</span>
<h1 style="text-align: left;">Fimec</h1>
<br />class="read"><span style="color: rgb(0, 0, 0);"></span></a><br />
É uma empresa que vende mancais de troca rápida.<br />
<span style="text-decoration: underline;"></span><a+</a><br />
<a href="index.html#" class="read">
</a><br /></a></div>
<br />
<br />
<br />
<br />
<br />class="read"><br />
</a></div>
<br />
</div>
<div class="pad">
<ul class="list1">
</ul>
</div>
</div>
<div class="col3 pad_left1"><big><big><big><span
style="font-weight: bold;"><br />
<br />
<br />
<br />
<br />produto e equipamento para embalagem, entre outros.</span></big></big></big>
<div class="pad">
<div class="wrapper">
<div style="clear: both;"><br />
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>style="border-width: 0px; margin: 0px; padding: 0px; font-size: 13px; background-color: transparent;"></strong></span></div>
<div style="background-color: rgb(0, 0, 0);" id="colunDireita"><inputstyle="border-width: 0px; margin: 0px; padding: 0px; font-size: 13px; background-color: transparent;"></strong></span><strong
style="border-width: 0px; margin: 0px; padding: 0px; font-size: 13px; color: rgb(255, 255, 255); font-family: Optima,Segoe,'Segoe UI',Candara,Calibri,Arial,sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: transparent;">POSITHIVE<br />
<span style="font-weight: normal;">Rua Dom Pedro I, 41 -
Ideal - Novo Hamburgo - RS - CEP: 93336-100 </span><br<span style="font-weight: normal;">Telefone (51)
3066.5512 </span><br<span style="font-weight: normal;">posithive@posithive.com.br</span></strong><br />
</div>
</div>
</body>
</html>
NIVO SLIDER
/*
* jQuery Nivo Slider v2.3
* http://nivo.dev7studios.com
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/ The Nivo Slider styles /
.nivoSlider {
position:relative;
}position:absolute;
top:0px;
left:0px;
}position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#ffffff;
color:#666666;width:100%;
z-index:89;
}padding:5px;
margin:0;
}display:inline !important;
}
.nivo-html-caption {
display:none;
}position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}position:center;
z-index:99;
cursor:pointer;
}font-weight:bold;
}Carregando comentários...