• 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

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
564 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 252 wizyt
pytanie zadane 1 sierpnia 2020 w HTML i CSS przez Kacperhehe Bywalec (2,930 p.)
0 głosów
2 odpowiedzi 443 wizyt
pytanie zadane 14 lipca 2017 w HTML i CSS przez wariacik Użytkownik (680 p.)

93,164 zapytań

142,176 odpowiedzi

321,938 komentarzy

62,493 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 688p. - dia-Chann
  2. 676p. - CC PL
  3. 675p. - Łukasz Piwowar
  4. 664p. - Marcin Putra
  5. 662p. - Łukasz Eckert
  6. 649p. - Michal Drewniak
  7. 641p. - rucin93
  8. 641p. - rafalszastok
  9. 629p. - Piotr Aleksandrowicz
  10. 621p. - Dawid128
  11. 606p. - Mariusz Fornal
  12. 602p. - Michał Telesz
  13. 597p. - Hubert Chęciński
  14. 572p. - ssynowiec
  15. 527p. - Adrian Wieprzkowicz
Szczegóły i pełne wyniki

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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...