Slo-Tech

» »

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):

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

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?
Frontend UI/UX developer

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:

<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;  
}

Lion29 ::

za take stvari upoabi jsfiddle
Frontend UI/UX developer

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?

jonystar ::

@illion, hvala ti, res nisem mel virtual hosta nastavljenga


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Windows 7 BlueScreen

Oddelek: Operacijski sistemi
5549 (421) francy
»

Težave s šumniki (mysql)

Oddelek: Izdelava spletišč
7859 (811) Road Runner
»

Crystal report in izpis

Oddelek: Programiranje
6958 (769) OmegaM
»

Google error (zgolj zanimivost)

Oddelek: Omrežja in internet
5533 (533) paljer
»

Problem pri navijanju grafike!

Oddelek: Navijanje
101060 (969) Donheled

Več podobnih tem