Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

css i divy - obrazek jako tło - jak?

#1
Ściana  css i divy - obrazek jako tło - jak?
Witam,
mam taki problem. Otóż zrobiłem swój pierwszy projekt w Photoshopie. Z tutoriali chciałem nauczyć się kodowania strony. Jedyne co udało mi się osiągnąć to pociąć projekt na plasterki i zapisać go do html'a, gdzie plasterki są wywoływane z polecenia "id" w div'ach.
Tutaj jest mój projekt dla naszej pizzerii, przedstawione ramki obrazują, w jaki sposób pociąłem projekt. Jedyna różnica jest taka, że menu, treści strony po środku i stopki nie widać, ponieważ chciałem zrobić to w stylach css i html'u.
http://imageshack.us/photo/my-images/171/stronav.jpg/

- pierwszy div jest w porządku, oto kod html i css:
Kod:
<div id="logo"><img id="logo" src="images/logo.jpg" width="1024" height="299" alt=""></div>
pokazuje logo strony, a jego styl to:
Kod:
#logo {
margin:0 auto;
width:1024px;
height:317px;
}

jednak teraz plasterek pod tym logiem, czyli 'menu' już nie może być tak wywołany. Chciałbym, żeby był w tle tego div'a, ponieważ na nim umieszczę menu, które wygląda tak jak na obrazku powyżej.
To samo dotyczy treści strony tam, gdzie napisałem 'tu jest treść strony i animacja'.

Pomożecie mi? Jak należy to prawidłowo zrobić?
Z góry dzięki i pozdrawiam Wesoły
 System operacyjny: windows_seven Przeglądarka: chrome
#2
RE: css i divy - obrazek jako tło - jak?
Kod:
#logo {
background-image: url('images/logo.jpg') no-repeat;
margin:0 auto;
width:1024px;
height:317px;
}

tylko w ten sposób nie wstawisz "alta".
Tworzę strony www.
 System operacyjny: windows_seven Przeglądarka: chrome
#3
RE: css i divy - obrazek jako tło - jak?
http://www.kurshtml.edu.pl/ - tu masz kurs htmla
W dzisiejszych czasach nie robi się stron na obrazkach, więc najlepsze rozwiązanie to poprawna nauka htmla Wesoły - obrazki osobno, tekst osobno

Nie masz na to sił, zleć profesjonaliście Wesoły
 System operacyjny: windows_seven Przeglądarka: firefox
#4
RE: css i divy - obrazek jako tło - jak?
Prysiu, nie działa Smutek
 System operacyjny: windows_seven Przeglądarka: chrome
#5
RE: css i divy - obrazek jako tło - jak?
To daj zamiast apostrofów cudzysłowyOczko
Tworzę strony www.
 System operacyjny: windows_seven Przeglądarka: chrome
#6
RE: css i divy - obrazek jako tło - jak?
Nie, nie działa. Nie tędy droga Wesoły
Problem rozwiązany temat do zamknięcia, albo najlepiej do kosza :D
Dzięki i pozdrawiam chłopaki.
 System operacyjny: windows_seven Przeglądarka: chrome
Programy: Polecane / Nowe / Inne



Użytkownicy forum szukali:
zdjęcie tło divadiv obrazek jako tłodiv jako tłocss+obrazek+na+tlecss zdjęcie jako tło css rysunek tłacss obrazek logocss obrazek jako tłocss obraz jako tłocss logo w tle

Podobne wątki (css i divy - obrazek jako tło - jak?)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  A propo scalania kilku efektów , warstw graficznych w CSS proohno 0 4726 10.04.2020, 16:58
Ostatni post: proohno
Ściana HTML5, CSS, Jak ustawić logo strony ze zdjecia jootiii 1 2156 10.06.2018, 14:40
Ostatni post: raxer
  Pytanie - 12 lat html,css ivall 1 7347 21.10.2017, 22:40
Ostatni post: Ajgor

Skocz do:


Wybrane wątki (css i divy - obrazek jako tło - jak?)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jaki najlepszy cms pod kątem strony www Menast 7 4052 05.09.2020 14:11
Ostatni post: andreasz
  Platforma do stworzenia strony internetowej "Klub absolwenta" karlos1323 5 2612 13.08.2020 11:26
Ostatni post: Ajgor
  Hosting dla ~1000 kont mailowych karlos1323 1 4571 27.04.2020 15:33
Ostatni post: geekboy68k
  A propo scalania kilku efektów , warstw graficznych w CSS proohno 0 4726 10.04.2020 16:58
Ostatni post: proohno
Sad Dodawanie komentarzy na WWW Samek2222 9 7127 01.04.2020 19:17
Ostatni post: koneton
  Zbyt szybki spadek pojemności serwera gentleman 5 6320 05.03.2020 15:28
Ostatni post: Pentium4320
  Darmowe artykuły do przedruku? Alsenas 3 7749 03.03.2020 15:38
Ostatni post: takecare
  Wyszukiwanie na urządzenich mobilnych broda99 5 5264 28.02.2020 23:24
Ostatni post: Ajgor
  Problem z zdjęciami w wordpressie sledzik 3 6118 28.02.2020 10:46
Ostatni post: cerojoh616
  PHP - Sprawdzenie wartości przed dodaniem do bazy MYSQL dawswi1 0 5586 20.02.2020 22:21
Ostatni post: dawswi1
  Jak pobrać filmy na dysk zamieszczone na tej stronie? adolek17 4 6142 06.02.2020 14:36
Ostatni post: panaho
  "Na czym" postawiona jest ta strona? OxyGenE 4 6175 04.02.2020 21:35
Ostatni post: kompowiep
  Błędy składniowe PHP dawswi1 1 6158 26.01.2020 18:22
Ostatni post: hydr4x
  Przekazywanie stanu sesji między plikami php dawswi1 2 6042 26.01.2020 16:35
Ostatni post: dawswi1
  Mixed content na protokole HTTPS Unlimited 1 7368 20.11.2019 14:05
Ostatni post: raxer