• 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

Object Storage Arubacloud
0 głosów
307 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 (287,950 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 (287,950 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,180 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 393 wizyt
pytanie zadane 3 maja 2017 w HTML i CSS przez GabrielaB Nowicjusz (160 p.)
0 głosów
0 odpowiedzi 595 wizyt
pytanie zadane 20 września 2016 w HTML i CSS przez Siudson Nowicjusz (140 p.)
0 głosów
1 odpowiedź 222 wizyt
pytanie zadane 19 grudnia 2016 w HTML i CSS przez Howerdel Nowicjusz (150 p.)

92,570 zapytań

141,422 odpowiedzi

319,643 komentarzy

61,958 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...