Skocz do zawartości

Pasek nawigacyjny

Magnetix

Przez Magnetix,
w Webmastering i grafika

Rekomendowane odpowiedzi

Magnetix

Magnetix

Opublikowano
Opublikowano

Hej, chciałbym zrobić na swojej stronie pasek nawigacyjny w osobnym kolorze i do tego by był na stałe na samej górze. Niestety w żaden sposób mi to nie wychodzi. Mógłbym prosić o pomoc? mały obrazek o co mi dokładnie chodzi: http://i.imgur.com/3IzJq5T.pngtam gdzie pomazałem czarnym chciałbym by był pasek nawigacyjny, a niżej strona ma mieć inne tło i odosobniona od góry.

 

Odnośnik do komentarza

Zarejestruj się za darmo i naucz się zarabiać online!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut, sztucznej inteligencji i wiele więcej!
Montana

Montana

Opublikowano
Opublikowano 
<style> body {margin: 0;padding: 0;} #header {background: #000;width: 100%;}#content {background: yellow;width: 100%;} #header, #content {padding: 20px;} </style> <body>  <div id="header">TREŚĆ NAGŁÓWKA ODOSOBNIONEGO</div><div id="content">DOWOLNA TREŚĆ STRONY</div> </body>

Taki kod na szybko - background: #000 odpowiada za tło wspomnianej przez Ciebie nawigacji, natomiast background: yellow za tło treści strony. Pisane na szybko, nawet nie sprawdziłem, czy działa, ale powinno. Naturalnie tagi <style> wstawiasz w sekcję <head> strony, ale najlepiej by było jakbyś dowiązał zewnętrzny arkusz styli.

Odnośnik do komentarza
Magnetix

Magnetix

Opublikowano
  • Autor
Opublikowano 
<style> body {margin: 0;padding: 0;} #header {background: #000;width: 100%;}#content {background: yellow;width: 100%;} #header, #content {padding: 20px;} </style> <body>  <div id="header">TREŚĆ NAGŁÓWKA ODOSOBNIONEGO</div><div id="content">DOWOLNA TREŚĆ STRONY</div> </body>

Taki kod na szybko - background: #000 odpowiada za tło wspomnianej przez Ciebie nawigacji, natomiast background: yellow za tło treści strony. Pisane na szybko, nawet nie sprawdziłem, czy działa, ale powinno. Naturalnie tagi <style> wstawiasz w sekcję <head> strony, ale najlepiej by było jakbyś dowiązał zewnętrzny arkusz styli.

 

Niestety nie działa. Gdy sobie podświetlę ten fragment, gdzie miał być pasek to coś tam niby widać, ale niestety nie działa.

http://prntscr.com/5e7vll

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="description" content=""><meta name="keywords" content="HTML,CSS,XML,JavaScript">    <title>l</title>    <link rel="stylesheet" href="styl.css" /></head><body>	<div id=header">	TREŚĆ NAGŁÓWKA ODOSOBNIONEGO	</div>	<div id="content">	  <h1>Strona w budowie</h1>	  <center><progress value="0.1">Strona w budowie [0%]</progress>  <progress value="0" max="100">Strona w budowie [0%]</progress></center>	</div>    <div id="reklama">  <script type="text/javascript">  ( function() {    if (window.CHITIKA === undefined) { window.CHITIKA = { 'units' : [] }; };    var unit = {"calltype":"async[2]","publisher":"Magnetix","width":728,"height":90,"sid":"Chitika Default","color_site_link":"ffb700"};    var placement_id = window.CHITIKA.units.length;    window.CHITIKA.units.push(unit);    document.write('<div id="chitikaAdBlock-' + placement_id + '"></div>');}());</script><script type="text/javascript" src="//cdn.chitika.net/getads.js" async></script></div></body></html>
body{    background-color: #8c8c8c;}h1 {    color: orange;    text-align: center;}menu {	#menu a{color:#ff8a00;font-size:.8rem;text-align:center;padding:0 6px 4px 6px;min-width:50px;text-shadow:-1px 1px #000}	#menu a:hover{background-color:#252525;border-radius:5px}	#menu a img{margin:auto;display:block}}#header {background-color: #000000;width: 100%;}

Mój index i styl

Odnośnik do komentarza
Montana

Montana

Opublikowano
Opublikowano

Niestety nie działa. Gdy sobie podświetlę ten fragment, gdzie miał być pasek to coś tam niby widać, ale niestety nie działa.

http://prntscr.com/5e7vll

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="description" content=""><meta name="keywords" content="HTML,CSS,XML,JavaScript">    <title>l</title>    <link rel="stylesheet" href="styl.css" /></head><body>	<div id=header">	TREŚĆ NAGŁÓWKA ODOSOBNIONEGO	</div>	<div id="content">	  <h1>Strona w budowie</h1>	  <center><progress value="0.1">Strona w budowie [0%]</progress>  <progress value="0" max="100">Strona w budowie [0%]</progress></center>	</div>    <div id="reklama">  <script type="text/javascript">  ( function() {    if (window.CHITIKA === undefined) { window.CHITIKA = { 'units' : [] }; };    var unit = {"calltype":"async[2]","publisher":"Magnetix","width":728,"height":90,"sid":"Chitika Default","color_site_link":"ffb700"};    var placement_id = window.CHITIKA.units.length;    window.CHITIKA.units.push(unit);    document.write('<div id="chitikaAdBlock-' + placement_id + '"></div>');}());</script><script type="text/javascript" src="//cdn.chitika.net/getads.js" async></script></div></body></html>
body{    background-color: #8c8c8c;}h1 {    color: orange;    text-align: center;}menu {	#menu a{color:#ff8a00;font-size:.8rem;text-align:center;padding:0 6px 4px 6px;min-width:50px;text-shadow:-1px 1px #000}	#menu a:hover{background-color:#252525;border-radius:5px}	#menu a img{margin:auto;display:block}}#header {background-color: #000000;width: 100%;}

Mój index i styl

 

Wkleiłeś stary kod, którego nie sprawdziłem - wklej od nowa ten poniżej.

<style> body {margin: 0;padding: 0;} #header {background: #000;width: 100%;}#content {background: yellow;width: 100%;} #header, #content {padding: 20px;} </style> <body>  <div id="header">TREŚĆ NAGŁÓWKA ODOSOBNIONEGO</div><div id="content">DOWOLNA TREŚĆ STRONY</div> </body>

Tak na marginesie, zawsze na początku patrz co wklejasz (albo korzystaj z notepad++, który wykrywa takie błędy). Div header nie ma prawa być poprawnie wyświetlany, bo zjadłeś cudzysłów. ;)

<div id=header">

zamień na:

<div id="header">
  • Super 1
Odnośnik do komentarza
Magnetix

Magnetix

Opublikowano
  • Autor
Opublikowano

 

Wkleiłeś stary kod, którego nie sprawdziłem - wklej od nowa ten poniżej.

<style> body {margin: 0;padding: 0;} #header {background: #000;width: 100%;}#content {background: yellow;width: 100%;} #header, #content {padding: 20px;} </style> <body>  <div id="header">TREŚĆ NAGŁÓWKA ODOSOBNIONEGO</div><div id="content">DOWOLNA TREŚĆ STRONY</div> </body>

Tak na marginesie, zawsze na początku patrz co wklejasz (albo korzystaj z notepad++, który wykrywa takie błędy). Div header nie jma prawa być poprawnie wyświetlany, bo zjadłeś cudzysłów. ;)

<div id=header">

zamień na:

<div id="header">

Francja elegancja, dzięki wielkie ;)

Odnośnik do komentarza

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
Tematy

  • Polecana zawartość

    • Poradnik podatkowy - jak rozliczać się z pieniędzy zarobionych przez Internet bez DG?

      Poradnik podatkowy - jak rozliczać się z pieniędzy zarobionych przez Internet bez DG?

      mysc opublikował(a) temat w Podatki, prawo, własna firma,

      Zarabianie w Internecie wiąże się z koniecznością płacenia podatków - a rozliczanie się z urzędem skarbowym nie jest jednoznaczne i proste. Prawo podatkowe w Polsce jest nieujednolicone - co oznacza, że każdy urząd skarbowy może mieć inne interpretacje. Sprawdź jak się za to zabrać!
        • Lubię to!
        • Super
      • 12 odpowiedzi
      mysc

      Wybrany przez

      mysc,
    • JDG - Jak zarejestrować, rozliczać i prowadzić działalność gospodarczą w Polsce

      JDG - Jak zarejestrować, rozliczać i prowadzić działalność gospodarczą w Polsce

      mysc opublikował(a) temat w Podatki, prawo, własna firma,

      Jednoosobowa działalność gospodarcza (JDG) to najprostsza forma prowadzenia działalności gospodarczej w Polsce. Jest to działalność prowadzona przez jedną osobę fizyczną na własne nazwisko i na własne ryzyko. Jednak mimo, że nazywa się jednoosobowa - daje jednak możliwość zatrudniania pracowników. Takich firm jest zarejestrowanych w Polsce zdecydowanie najwięcej. Sprawdź jak zarejestrować, rozliczać i prowadzić własną JDG!
        • Super
      • 3 odpowiedzi
      mysc

      Wybrany przez

      mysc,
    • Inwestowanie w obligacje detaliczne skarbu państwa - od podstaw!

      Inwestowanie w obligacje detaliczne skarbu państwa - od podstaw!

      mysc opublikował(a) temat w Inwestowanie i oszczędzanie,

      Sprawdź jak inwestować w obligacje skarbowe - krok po kroku! Detaliczne obligacje skarbowe to rodzaj obligacji emitowanych przez Państwo, które są oferowane indywidualnym inwestorom, takim jak osoby fizyczne, a nie instytucjom finansowym.

      Są to instrumenty dłużne, nienotowane na żadnym rynku, co oznacza że kupując taką obligację, w praktyce pożyczasz pieniądze państwu na określony czas, a w zamian otrzymujesz odsetki. Można więc powiedzieć że obligacje są indywidualną pożyczką na określony % dla Skarbu Państwa. Państwo odda Ci więcej niż od Ciebie pożyczyło.
        • Super
      • 7 odpowiedzi
      mysc

      Wybrany przez

      mysc,
    • Jak pozyskiwać i zarabiać na poleconych dzięki make-cash.pl

      Jak pozyskiwać i zarabiać na poleconych dzięki make-cash.pl

      mysc opublikował(a) temat w Poradniki CPA,

      W tym poradniku przedstawiam możliwości dostępne dla każdego użytkownika. Dowiesz się jak efektywnie wykorzystać forum do zbierania poleconych i budowania dodatkowych zysków.

      Make-cash.pl to miejsce, gdzie ludzie dzielą się swoimi doświadczeniami, poszukują porad i rekomendacji, a także nawiązują wartościowe kontakty. Codziennie odwiedza nas minimum 2000 unikalnych osób, które są zainteresowane zarabianiem przez Internet - a to ogromny potencjał, z którego może korzystać nie tylko administracja - ale każdy użytkownik forum !
        • Super
      • 2 odpowiedzi
      mysc

      Wybrany przez

      mysc,
    • Jak pisać treści na stronę internetową z wykorzystaniem AI

      Jak pisać treści na stronę internetową z wykorzystaniem AI

      Wujek Ziemny opublikował(a) temat w Case Study i Poradniki SEO,

      Tworzenie treści od podstaw może być procesem czasochłonnym. Istnieje wiele mniejszych kroków, o których należy pomyśleć w drodze do stworzenia atrakcyjnych treści, takich jak badanie rynku, SEO i redagowanie tekstu, a to tylko początek. Jednak nie musisz zaczynać od zera, gdy istnieją narzędzia AI, które mogą pomóc w tworzeniu wysokiej jakości treści. 
        • Dzięki!
        • Super
      • 13 odpowiedzi
      Ciamciaj

      Wybrany przez

      Ciamciaj,
    Wyświetl wszystko
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek, aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .

  Akceptuję