Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z tłem - html/css
Forum PHP.pl > Forum > Po stronie przeglądarki
marija12
Witajcie,
z góry przepraszam, jeśli powieliłam temat - niestety nie znalazłam rozwiązania sad.gif Chcę zakodować szablon do aukcji i potrzebuję pomocy. Jestem początkująca w temacie (proszę więc o wyrozumiałość), staram się robić wszystko krok po kroku. Stworzyłam layout w PSie i teraz walczę z jego kodowaniem. Niestety tu zaczynają się schody... Otóż:

Mam obrazek, który chciałabym ustawić jako tło. Chcę by powielał się w pionie zgodnie z przewijaniem strony, a jednocześnie by był rozciągnięty w poziomie (powielanie w poziomie brzydko wygląda). Bazując na różnych "samouczkach" i forach stworzyłam następujący kod:

CODE
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Aukcja Allegro" />
<title>PluszMis - Aukcje Allegro</title>
</head>
<style type="text/css">
#body{
background-color: blue;
background-image: url(E:/DOKUMENTY/Allegro/PluszMis/tekstury/tekstury/jpg/wood10a.jpg);
background-repeat: repeat-y;
background-attachment:scroll;
}
#NAGLOWEK{
background-color: #888;
}
#MENU {
width: 150px;
float: left;
overflow: hidden;
position: relative;
background-color: #ccc;
}
#TRESC {
margin-left: 150px;
background-color: #fff;
}
#STOPKA {
clear: both;
background-color: #888;
}
</style>
<body id="BODY">
<div id="top">
<div id="NAGLOWEK">Nagłówek szablonu</div>
<div id="MENU">Menu nawigacyjne</div>
<div id="TRESC">Treść strony</div>
<div id="STOPKA">Stopka serwisu</div>
</div>
</body>
</html>


oto obrazek tła -> obrazek tła

Niestety tło wyświetla się wyłącznie w formie kolumny z lewej strony. Szukałam po forach odpowiedzi, próbowałam różnych kombinacji, niestety nic nie działa.
Czy moglibyście mi pomóc? Z góry dziękuję i pozdrawiam smile.gif
Niktoś
Masz coś takiego :
Cytat
<body id="BODY">

Nadałaś tagowi id BODY lecz w ogóle nie musiałaś.W CSSie natomiast piszesz:
Cytat
#body{
wielkości liter także ma znaczenie
}

powinno być:
Cytat
#BODY{

}

albo po prostu nie używając id:
Cytat
body{
}
marija12
Hej,
dzięki, że odpisałeś smile.gif

Zmieniłam na #BODY{
Pozostaje jednak pytanie - skoro sugerujesz nie używanie id, w jaki sposób w HTML prawidłowo mam przypisać do BODY styl z CSS?
Niktoś
Używając body bez '#' i '.' na początku ,będziesz stylizowała tag <body> ,używając input bez '#' i '.' będziesz stylizowała wszystkie tagi <input> na stronie.Bez '#' i '.' stylizujesz tagi.
Już nie będę taki dam przykładzik:
  1. <input type="text" id="ToID" class="ToKlasa" />

teraz cssy:
  1. #ToID{
  2. #-oznacza stylizowanie po atrybucie ID
  3. }
  4. .ToKlasa{
  5. .-oznacza stylizowanie po atrybucie class
  6. }
  7. input{
  8. input bez # i . -będzie stylizować wszystkie tagi <input> ,które są na stronie
  9. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.