• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Fontello nie wyświetla się na localhost

0 głosów
537 wizyt
pytanie zadane 6 lutego 2016 w HTML i CSS przez patrycja Początkujący (450 p.)
zamknięte 6 lutego 2016 przez patrycja
Hej, mam pytanko - kiedy otwieram stronkę klikając na index.html wszystko działa poprawnie, natomiast kiedy wchodzę przez localhost to nie wyświetla mi żadnych ikonek fontello - wszystko inne jest ok, oprócz właśnie tych ikonek, po prostu ich nie ma - jak to naprawić?
komentarz zamknięcia: rozwiązane

1 odpowiedź

+1 głos
odpowiedź 6 lutego 2016 przez Arkadiusz Waluk Ekspert (291,470 p.)
wybrane 6 lutego 2016 przez patrycja
 
Najlepsza
Pokaż kod, w szczególności jak masz podczepione pliki do ikonek fontello - zgaduję w ciemno że wpisałaś jakieś złe ścieżki i dlatego przy wejściu z localhostu ich nie widzi.
komentarz 6 lutego 2016 przez patrycja Początkujący (450 p.)
<!DOCTYPE HTML>
<html>
<head>

		<title>Tytuł strony</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="Content-Language" content="pl">
		<link rel="stylesheet" href="style.css" type="text/css"/>
		<link rel="stylesheet" href="css\fontello.css" type="text/css"/>
		<link href='https://fonts.googleapis.com/css?family=Black+Ops+One|MedievalSharp&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>

<body>
	<div id="container">
		
		
		<div id="logo">gamers frag team</div>
		<div id="nav">
		<div class="option"><a href="o-nas.html" class="linkoption"><i class="icon-lightbulb"></i> </br>O nas</a></div> 
		<div class="option"><a href="team.html" class="linkoption"><i class="icon-users"></i></br>Drużyna</a></div>
		<div class="option"><a href="video.html" class="linkoption"><i class="icon-video"></i></br>Demka &  screeny</a></div>
		<div style="clear:both;"></div>
		</div>
		<div style="clear:both"></div>
		
		<div id="down">
				
			<div id="socials">
			<div class="soc"><a href="http://facebook.com" target="_blank" class="fblink"><i class="icon-facebook-squared"></i></a></div>
			<div class="soc"><a href="http://youtube.com" target="_blank" class="ytlink"><i class="icon-youtube-squared"></i> </a></div>
			<div class="soc"><a href="https://www.teamspeak.com/" target="_blank" class="tslink"><i class="icon-steam-squared"></a></i></div>
			<div class="soc"><a href="http://www.twitch.tv/" target="_blank" class="twlink"><i class="icon-twitch"></i></a></div>
			<div style="clear:both;"></div>
		</div>
		</div>
		<div id="footer"><div id="copy">
		& gamersfragteam | COUNTER STRIKE 2016	</div>
		<div id="mail"><a href="mailto:gfteam@gmail.com" target="_blank"class="mailto">
				<i class="icon-mail-alt" ></i>
			Napisz do nas
			</a></div>
			
		</div>
	</div>
</body>

</html>
komentarz 6 lutego 2016 przez Arkadiusz Waluk Ekspert (291,470 p.)
<link rel="stylesheet" href="css\fontello.css" type="text/css"/>

Spróbuj tą linijkę zamienić na taką:

<link rel="stylesheet" href="css/fontello.css" type="text/css"/>

Różnica? Slash w ścieżce do pliku w drugą stronę :P Być może o to chodzi, zawsze taki zapis stosuje się w przypadku serwerów/stron, a backslash jest używany w ścieżkach Windowsa - być może dlatego jak wchodzisz bezpośrednio przez plik to działa.

komentarz 6 lutego 2016 przez patrycja Początkujący (450 p.)
magia.

podziałało - bardzo dziękuję
1
komentarz 18 czerwca 2016 przez pablop76 VIP (123,640 p.)
Mam to samo :(

<!DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../css/reset.css"> <!-- CSS reset -->
    <link rel="stylesheet" href="../../css/style3.css"> <!-- Resource style -->
    <link rel="stylesheet" type="text/css" href="../../css/style.css">
    <link rel="stylesheet" type="text/css" href="../../css/animate.css">
    <link rel="stylesheet" type="text/css" href="../../css/hover.css">
    <link rel="stylesheet" type="text/css" href="../../css/fontello.css">
    <script src="../../js/jquery-3.0.0.min.js"></script>
    <script src="../../js/jquery.mobile.min.js"></script>
    <script src="../../js/main2.js"></script> <!-- Resource jQuery -->
    <script src="../../js/modernizr.js"></script> <!-- Modernizr -->      
    <script src="../../js/jquery.nicescroll.min.js"></script> <!-- scroll -->
    <title>Expandable Image Gallery | Codyhouse</title>
</head>
<body>
<div class="wrapper">    
<div class="row">
                    <div class="col-12 animated zoomIn padding" style="position: relative;"><img src="../../images/baner/one.png"/>                                    
                            <div class="col-12 position animated fadeInLeftBig padding"><img src="../../images/baner/two.png"/></div>                                            
                            <div class="col-12 position animated bounceInRight padding"><img src="../../images/baner/display.png"/></div>
                         </div>                            
            </div>             
    <div class="container">
        <section class="cd-single-item">
            <div class="cd-slider-wrapper">
                <ul class="cd-slider">
                    <li class="selected"><img src="2456__15a.png" alt="Product Image 1"></li>
                </ul> <!-- cd-slider -->
                <ul class="cd-slider-navigation">
                    <li><a href="#0" class="cd-prev inactive">Next</a></li>
                    <li><a href="#0" class="cd-next">Prev</a></li>
                </ul> <!-- cd-slider-navigation -->

                <a href="#0" class="cd-close">Close</a>
            </div> <!-- cd-slider-wrapper -->
            <div class="cd-item-info">
                <h2>display tacowy</h2>
                <p>
                <ol>
                <li><i class="icon-ok"></i>  szerokość tacy: 100 mm</li>
                <li><i class="icon-ok"></i>  szerokość tacy: 150 mm</li>
                <li><i class="icon-ok"></i>  szerokość tacy: 200 mm</li>
                </ol>
                </p>
                <p>
                <ol>
                <li><i class="icon-ok"></i>  display 2 tace: 200 mm</li>
                <li><i class="icon-ok"></i>  szerokość tacy: 300 mm</li>
                <li><i class="icon-ok"></i>  szerokość tacy: 400 mm</li>
                </ol>
                </p>
                <p>
                <ol>
                <li><i class="icon-attention"></i>  max obciążenie 1 tacy: 20kg</li>
                </ol>
                </p>
                <div class="bar">
                    <ol>
                        <li class="hvr-float-shadow down bottom"><a href="pdf/taca172.pdf"><i class="icon-acrobat"></i> 3D</a></li>
                    </ol>
                </div>        
            </div> <!-- cd-item-info -->
        </section> <!-- cd-single-item -->

        <section class="cd-content">
        </section>
    </div>    
            <div class="push"></div>    
 </div>    
            <div class="row footer">
                      <div class="col-6 copyright">copyright &copy; UDS</div>
                        <div class="col-6">
                            <div id="menu" class="animated bounceIn">
                                <ol>
                                        <li class="hvr-float-shadow"><a href="../../index.html"><i class="icon-home"></i> start</a></li>                                        
                                        <li class="hide hvr-float-shadow"><a href="../../categories/taca.html"><i class="icon-reply-all"></i> wróć</a></li>                                            
                                </ol>                
                            </div>
                    </div>            
            </div>
<script>
$(document).ready(
function() {
$("html").niceScroll({horizrailenabled:false});
});
</script>
</body>
</html>

Podobne pytania

0 głosów
3 odpowiedzi 712 wizyt
pytanie zadane 3 maja 2017 w HTML i CSS przez GabrielaB Nowicjusz (160 p.)
0 głosów
0 odpowiedzi 732 wizyt
pytanie zadane 20 września 2016 w HTML i CSS przez Siudson Nowicjusz (140 p.)
0 głosów
1 odpowiedź 344 wizyt
pytanie zadane 19 grudnia 2016 w HTML i CSS przez Howerdel Nowicjusz (150 p.)

93,695 zapytań

142,612 odpowiedzi

323,223 komentarzy

63,225 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...