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

Strona z dysku normalnie działa, zaś na hostingu nie widać tła

Object Storage Arubacloud
0 głosów
315 wizyt
pytanie zadane 3 marca 2017 w HTML i CSS przez Mateusz Bogumił Obywatel (1,380 p.)

Witam. Gdy odpalam stronę z dysku wszystko fajnie działa. Gdy zaś dodam na hosting nie widać tła (oko.jpg)


* {
box-sizing: border-box;
margin: 0;
padding:0;
font-family: 'Josefin Sans', sans-serif;
}


 
.left, .right
{
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
 
.container{
flex-flow: row nowrap;
background-image: url("oko.jpg");
background-repeat: no-repeat; 
background-size: cover;
height: 100%;
position: fixed;
}
 
.wrapper
{
flex: 1;
min-width: 1000px;
}
 
.title
{
justify-content: center;
align-items: center;
height: 250px;
}
 
.navbar
{
width: 100%;
display: flex;
flex-flow: row nowrap;
}
 
.navbar-link
{
height: 50px;
flex: 1;
display: flex;
justify-content: center;
align-items: center;
background-color: #333;
cursor: pointer;
clear: both;
color: white;
}
 
.note
{
min-height: 400px;
background-color: #e0e0e0;
}
 
.footer
{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: contain;
}
 
.notetittle
{
height: 50px;
width: 990px;
text-align: center;
font-size: 40px;
font-weight: bold;
margin-bottom: 30px;
background-color: #e0e0e0;
}
 
.notetext
{
	height: 50px;
	width: 1000px;
	font-family: 'Lato', sans-serif;
	padding-left: 20px;
	padding-right: 20px;
}

<html lang="pl">
<head>
<title>Redaktor Seed1212 </title>
 
<meta name="description" content="Redaktor Seed1212 - czyli co Seed sdzi o tym i o tam tym!" />
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" tyle="text/css" />
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato&subset=latin-ext" rel="stylesheet">
 
<script src="timer.js"></script>
</head>
<body>
<div class="container">
<div class="left"></div>
<div class="wrapper">
<div class="topbar">
<div class="title">
<img src="seed.png" width="1000" height="250" /> 
</div>
<nav class="navbar">
  <div class="navbar-link">
  <a href="index.html">Strona główna</a>
  </div>
  <div class="navbar-link">Kontakt</div>
  <div class="navbar-link">O mnie</div>
</nav>
</div>
  <div class="note">
    <div class="notetittle">notettile</div>
    <div class="notetext">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br><br><br>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br><br><br>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
  </div>
</div>
<footer class="footer">footer</footer>
</div>
<div class="right"></div>
</div>
</body>
 <body link="white" vlink="white" alink="white">	
</html>

 

1 odpowiedź

0 głosów
odpowiedź 3 marca 2017 przez niezalogowany

url("./oko.jpg");
?

komentarz 5 marca 2017 przez Mateusz Bogumił Obywatel (1,380 p.)
Ten sam kod co dałem w poście? Nic nie zmieniałeś??
komentarz 5 marca 2017 przez niezalogowany
nie wiem.. nie włączałem go - tło działa u Ciebie w linku, który podałeś
komentarz 6 marca 2017 przez Mateusz Bogumił Obywatel (1,380 p.)
Czekaj, czekaj, bo nwm czy się dobrze zrozumieliśmy. Ty mówiąc tło mówisz o tym "redaktor Seed"? Mi chodzi o to, że na białym tle ma być obrazek xDD
komentarz 6 marca 2017 przez niezalogowany
Nie. Mówię o tle całej strony, na którym widzę oko.
komentarz 7 marca 2017 przez Mateusz Bogumił Obywatel (1,380 p.)
To nie może być u mnie, bo wysłałem to samo 2 kolegom i oni też nie mieli tła.

Podobne pytania

0 głosów
2 odpowiedzi 191 wizyt
pytanie zadane 1 sierpnia 2020 w HTML i CSS przez Kacperhehe Bywalec (2,930 p.)
0 głosów
2 odpowiedzi 343 wizyt
pytanie zadane 14 lipca 2017 w HTML i CSS przez wariacik Użytkownik (680 p.)

92,555 zapytań

141,403 odpowiedzi

319,557 komentarzy

61,940 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!

...