Forum » Izdelava spletišč » Wampserver in Firefox
Wampserver in Firefox

jonystar ::
Pozdravljeni!
Imam problem, katerega neznam rešiti in sicer, ko odprem stran v wampserverju(localhost) z Firefoxom mi ne naloži te strani tako kakor bi moralo, če pa to isto stran zaženem z npr. Chromeam pa je stran lepo prikazana, zanimivo je tudi to, da če stran zaženem v Firefoxu iz namizja pa se stran lepo odpre, za boljšo predstavo sem dodal še nekaj slik:
Firefox(wampserver):
Firefox(lokalno):
Chorme(wampserver):
Imam problem, katerega neznam rešiti in sicer, ko odprem stran v wampserverju(localhost) z Firefoxom mi ne naloži te strani tako kakor bi moralo, če pa to isto stran zaženem z npr. Chromeam pa je stran lepo prikazana, zanimivo je tudi to, da če stran zaženem v Firefoxu iz namizja pa se stran lepo odpre, za boljšo predstavo sem dodal še nekaj slik:
Firefox(wampserver):
Firefox(lokalno):
Chorme(wampserver):

Baja ::
kolko vidim iz url-jev imajo delujoče strani url index4.html, pri FF-wamp pa odpiras index.html (default).
drugače pa daj source od html-ja in css-ja
drugače pa daj source od html-ja in css-ja

Lion29 ::
spucaj cache pr firefoxu... in baja ti je povedal... s FFjem ne odpiras iste strani kot s chrome-om, vsaj ne po slikcah... v FFju imas localhost/Spletna stran, v chromeu pa New folder?
Founder and CTO @ Article-Factory.ai

jonystar ::
@Baja preimenovou sem v index.html ker sem probou če ga mogoče to matra.
@Lion29 samo prekopirou sem v drugo mapo, ker sem probavou vse možne stvari.
HTML koda:
CSS KODA:
@Lion29 samo prekopirou sem v drugo mapo, ker sem probavou vse možne stvari.
HTML koda:
<html>
<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--koda <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
omogoči šumnike v brskalniku, vključen pa mora biti tudi UTF-8 -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Peugeot</title>
<!--vstavljanje ikonce v zavihek brskalnika
<link rel="shortcut icon" href="slike\favicon.ico" type="image/x-icon" />
vstavljanje css datoteke-->
<link href="css\main.css" rel="stylesheet" type="text/css" />
<!--vstavljanje jquery knjižnice-->
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<!--vstavljanje jguery ui knjižnice-->
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("#main_menu").hide();
$("#modeli ul").hide();
$("#menu_button ul li ul").hide();
$("#menu_button").mouseenter(function(){
$("#main_menu").stop(true, true).slideDown(200);
});
$("#menu_button").mouseleave(function(){
$("#main_menu").stop(true, true).slideUp(200);
});
$("#main_menu_okvir ul li").mouseover(function(){
$("#modeli ul",this).show();
});
$("#menu_button ul li").mouseover(function(){
$("ul", this).show();
});
$("#menu_button ul li").mouseleave(function(){
$("ul", this).hide();
});
/*----------------------------Slideshow------------------------------------*/
$('input[name="slika1"]').click(function(){
$(".slideshow_vsebina div").not("#slika1").animate({opacity: 0.0});
$(".slideshow_vsebina div#slika1").animate({opacity: 1.0});
});
$('input[name="slika2"]').click(function(){
$(".slideshow_vsebina div").not("#slika2").animate({opacity: 0.0});
$(".slideshow_vsebina div#slika2").animate({opacity: 1.0});
});
$('input[name="slika3"]').click(function(){
$(".slideshow_vsebina div").not("#slika3").animate({opacity: 0.0});
$(".slideshow_vsebina div#slika3").animate({opacity: 1.0});
});
$('input[name="slika4"]').click(function(){
$(".slideshow_vsebina div").not("#slika4").animate({opacity: 0.0});
$(".slideshow_vsebina div#slika4").animate({opacity: 1.0});
});
});
</script>
</head>
<body>
<div id="glava"></div>
<div id="main_menu_okvir">
<img id="logo" src="slike/logo.png"/>
<div id="prijava">
<form ><input type="text" value="Uporabniško ime">
<input type="password" value="Geslo">
<input type="submit" value="Prijava">
</form>
</div>
<ul id="menu_button">
<li ><a href="">MENU</a>
<ul id="main_menu">
<div id="okvir_sub_menu">
<div id="poravnava_menu">
<li><a href="">Limuzina & Karavan</a>
<ul>
<div id="Limuzina_Karavan">
<li>Limuzina</li>
<li><a href="">207</a></li>
<li><a href="">208</a></li>
<li><a href="">308</a></li>
<li><a href="">508</a></li>
<li><a href="">508 RXH</a></li>
<li>Karavan</li>
<li><a href="">207 sw</a></li>
<li><a href="">308 sw</a></li>
<li><a href="">508 sw</a></li>
</div>
</ul>
</li>
<li><a href="">Enoprostorec & Terenec</a>
<ul>
<div id="Enoprostorec_Terenec">
<li>Enoprostorec</li>
<li><a href="">3008</a></li>
<li><a href="">5008</a></li>
<li>Terenec</li>
<li><a href="">4007</a></li>
<li><a href="">4008</a></li>
</div>
</ul>
</li>
<li><a href="">Kabriolet & Coupé</a>
<ul>
<div id="Kabriolet_Coupe">
<li>Kabriolet</li>
<li><a href="">207 cc</a></li>
<li><a href="">308 cc</a></li>
<li>Coupe</li>
<li><a href="">RCZ</a></li>
<li><a href="">407 Coupé</a></li>
</div>
</ul>
</li>
</div>
</div>
</ul>
</li>
</ul>
</div>
<div class="slideshow">
<div class="slideshow_vsebina">
<div id="slika1"><img src="slike/slika1.png" /><p>TO JE TESTs</p></div>
<div id="slika2"><img src="slike/slika2.png"/></div>
<div id="slika3"><img src="slike/slika3.jpg" /></div>
<div id="slika4"><img src="slike/slika4.jpg"/></div>
<!--<div><img src="slike/slika3.png"/></div>-->
</div>
</div>
<div class="gumbi">
<input type="button" name="slika1">
<input type="button" name="slika2">
<input type="button" name="slika3">
<input type="button" name="slika4">
</div>
<div id="noga"></div>
</body>
</html>
CSS KODA:
body
{
margin: 0px;
padding: 0px;
font-family: "Calibri";
}
#glava
{
width: 100%;
height: 70px;
margin: 0px;
padding: 0px;
}
#noga
{
background-image: url("../slike/noga.png");
width: 100%;
height: 40px;
margin: 0px;
padding: 0px;
-moz-box-shadow: 0px -1px 3px black;
position: absolute;
bottom: 0px;
}
/* LOGO */
#logo
{
position: relative;
float: left;
padding: 0px 12px;
border-right: 1px solid #48698b;
}
/*-------------------------------------------------------------------------------------------------------*/
/* GLAVNI_MENU */
#main_menu_okvir
{
background-image: url("../slike/ozadje_menu.png");
/*background-image: -moz-linear-gradient(top, #275f8b 0%, #003c62 100%); /*Firefox*/
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #275f8b), color-stop(1, #003c62));/*Chrome, Safari*/
/*background-image: -ms-linear-gradient(top, #275f8b 0%, #003c62 100%); /*IE 10*/
/*background-image: -o-linear-gradient(top, #275f8b 0%, #003c62 100%); /*Opera*/
-moz-box-shadow: 0px 1px 2px black;
-webkit-box-shadow: 0px 1px 2px black;
-o-box-shadow: 0px 1px 2px black;
box-shadow: 0px 1px 2px black;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
height: 70px;
width: 900px;
margin: 0px auto;
position: relative;
top: -70px;
padding: 0px;
z-index: 10;
}
/* PRIJAVA */
#prijava
{
float: right;
margin: 10px;
height: 50px;
}
/* ------------------------------------------------------------------------------------- */
/* MENU GUMB*/
#menu_button
{
height: 70px;
width: 100px;
display: block;
list-style: none;
padding: 0px;
margin: 0px;
float: left;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #48698b;
/*background-image: url("../slike/ozadje.png");*/
}
#menu_button a
{
/*background-image: url("../slike/ozadje.png");*/
display: block;
margin: 0px;
height: 70px;
width: 99px;
border-right: 1px solid #d4d4d4;
text-align: center;
line-height: 70px;
text-decoration: none;
color: white;
}
#main_menu
{
list-style: none;
height: 250px;
width: 900px;
display: block;
margin: 0;
float: left;
border: 1px solid black;
background-color: red;
padding: 0px;
position: relative;
top: 0px;
left: -70px;
z-index: -2;
}
/* GLAVNI_MENU LINKS*/
#main_menu li
{
float: left;
}
#main_menu li a
{
height: 30px;
width: 200px;
line-height: 30px;
display: block;
color: white;
border: none;
}
#Limuzina_Karavan
{
width: 900px;
height: 220px;
background-color: green;
}
#Enoprostorec_Terenec
{
width: 900px;
height: 220px;
background-color: green;
}
#Kabriolet_Coupe
{
width: 900px;
height: 220px;
background-color: green;
}
/* SUB_MENU LINKS*/
#main_menu li ul
{
width: auto;
height: 170px;
margin: 0px;
padding: 0px;
list-style: none;
background-color: blue;
position: absolute;
left: 0px;
z-index: -1;
}
#main_menu li ul li
{
float: none;
display: block;
max-width: 100px;
left: 0px;
position: relative;
height: 20px;
line-height: 20px;
}
#main_menu li ul li a
{
max-width: 100px;
height: 20px;
line-height: 20px;
}
#okvir_sub_menu
{
moz-box-shadow: 1px 1px 1px black;
box-shadow: 1px 1px 1px black;
height: 30px;
width: 900px;
}
#poravnava_menu
{
width: 600px;
height: 30px;
margin: 0px auto;
background-color: blue;
}
/*-------------------------------------------------------------------------------------------------------*/
/* SLIDE SHOW*/
.slideshow
{
width: 1100px;
height: 500px;
position: relative;
top: -141px;
margin: 0px auto;
background-color: #8399af;
}
.slideshow_vsebina
{
display: block;
width: 1100px;
height: 500px;
position: relative;
margin: 0px;
padding: 0px;
}
.slideshow_vsebina div
{
width: 1100px;
height: 500px;
margin:0px;
padding:0px;
position: absolute;
}
.gumbi
{
width: 492px;
height: 5px;
position: relative;
margin: 0 auto;
top: -160px;
}
.gumbi input
{
width: 120px;
height: 7px;
margin: 0 auto;
border: none;
background-image: url("../slike/ozadje_menu.png");
-moz-box-shadow: 0px 0px 1px black;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
}

illion ::
kokr zgleda, ti pri prvem screenshotu ne naloži pravilno css-jev. Odpri source s firefoxom in klikni na 'css\main.css' in boš dobil neveljaven link oz. neobstoječ fajl. Najbrž maš narobe nastavljeno v virtual hostih al pa sploh nimaš virtual hosta?
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 361650 (20787) | sunniegoldie |
» | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 2107 (1835) | kr?en |
» | meni razporejen po celotni dolžiniOddelek: Izdelava spletišč | 2394 (2262) | XzupanX |
» | [CSS]Pozicioniranje footer divaOddelek: Izdelava spletišč | 2614 (2561) | amaze646 |
» | CSS background-image in IE6?Oddelek: Izdelava spletišč | 3190 (3056) | Road Runner |