MozillaPL.org - polskie centrum Mozilli

autor: **Gość** » 29 marca 2006, 13:00

Witajcie, na Operze, IE grafika dobrze się wyświetla jednak na FF w najnowszej wersji są paski przewijania i by zobaczyć cały obraz trzeba przejechac w dół, a obrazek miał być automatycznie przyklejony do dolnej krawędzi:

Kod: Zaznacz cały: <body style="width: 8cm; height: 100%; background-image: url('tlo.gif'); background-repeat: repeat-x; background-position: left bottom"> </body>

Jak zrobić, by obrazek był tłem, miał powtarzanie repeat w poziomie, oraz znajdował się na samym dolestrony?

autor: **Tomek** » 29 marca 2006, 13:15

hmmm - podaj linka bo nie do końca wiem o co ci chodzi - w FF zawsze były paski przewijania.
jeśli obrazek ma być zawsze, bez względu na wielkość strony widoczny w danym miejscu użyj position:fixed

autor: **Security** » 29 marca 2006, 13:33

Zarejestrowałem się, podaje adres strony http://orland.ovh.org/klawiatura.html
Jest tło, ale powinno być na samym dole, a nie jeszcze niżej

autor: **Tomek** » 29 marca 2006, 13:41

w linku który podałeś nie masz height:100% więc skąd ma przeglądarka wiedzieć jaka jest wysokość

//edit - a tak poza tym - gdzie doctype? toż to ma prawo się źle wyświetlać

autor: **Tomek** » 29 marca 2006, 13:51

I już mam rozwiązanie - margines dolny ustaw na 0px
//edit - i górny też

autor: **Tomek** » 29 marca 2006, 13:59

przykład masz tu: http://www.tomasiek.cp.win.pl/temp/cos2.html
(zmieniłem grafikę z body do html - nie wyświetlało się prawidłowo w trybie strict - sam nie wiem czemu

autor: **Security** » 29 marca 2006, 16:50

Dzięki za pomoc, mam nadzieje, że pozwolisz wykorzystać mi Twój kod na tej stronie

I czy możesz narazie jej niekasować? (strony)

Naprawdę wielkie dzięki, bo niewyobrażam sobie strony, która nie działa na FF

autor: **Security** » 29 marca 2006, 17:05

A jak zrobić by tło nie było białe tylko miało kolor: bgcolor="#4C71B8" ??

autor: **Tomek** » 30 marca 2006, 06:44

hm... tak sobie myślę - chyba przyda ci się dobry kurs html, bo coś takiego jak bgcolor nie istnieje.
Zapoznaj się też ze specyfikacjami css i html dostępnymi na stronach wwww.w3.org

autor: **Security** » 12 kwietnia 2006, 12:45

Hmm, Ten kurs znam

Co dodać do tego kodu, by ten obrazek ciągle był na samym dole, a zamiast białego tła był kolor: #4c71b8 ??

Kod: Zaznacz cały: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /> <meta name="Description" content=" [wstaw tu opis strony] " /> <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " /> <meta name="Author" content=" [dane autora] " /> <meta name="Generator" content="kED" /> <title>Próba</title> <style type="text/css"> html {height:100%;background-image: url(tlo.gif); background-repeat: repeat-x;background-position: bottom; margin:0px;} </style> </head> <body> wpis </body> </html>

autor: **Stef** » 12 kwietnia 2006, 18:06

Security pisze:Hmm, Ten kurs znam

To teraz przyswój informacje w nim zawarte.

autor: **Security** » 13 kwietnia 2006, 09:34

To nie działa, gdy robię taki kod, to albo wyświetla się obrazek i jest białe tło, albo jest tło, ale obrazka nie ma

Kod: Zaznacz cały: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <meta name="description" content=""> <meta name="keywords" content=""> <title>Nazwa strony</title> <style type="text/css"> html {height:100%;background-image: url(start.gif); background-repeat: repeat-x;background-position: bottom; margin:0px;} </style> </head> <body onload="" style="font-size=12px; background-color:#808080;"> <div style="position: absolute; top:113px; left:161px; width:205px; height:125px; text-align:left; vertical-align:top; background:;"> <span style="font-family :Times New Roman, Times, serif;color :#000000;font-size :12px; font-weight : normal; font-style : normal; text-decoration: none; line-height:normal;">uiyyyyyyyyyy</span></div> </body> </html>

autor: **Tomek** » 19 kwietnia 2006, 11:25

Tu masz błąd
<body onload="" style="font-size=12px; background-color:#808080;">
Powinno być z : a nie z =

autor: **Maniek13** » 02 czerwca 2007, 10:15

A jak zrobić tak, żeby na tle strony był obrazek, a pod nim jeszcze jeden obrazek na tle? Chciałbym uzyskać taki efekt, że na tle stronki mam jakiś wzorek, a przez środek, też jako tło przechodzi pasek w poziomie. Jak uzyskać taki efekt?

autor: **dexter** » 04 czerwca 2007, 14:36

Np. dodatkowy DIV z jednym z tych obrazków ustawionych jako tło.

autor: **Mateusz SSJ8** » 20 lipca 2007, 14:10

<body onload="" style="font-size=12px; background-color:#808080;">

Zamiast <body style="background-coloe:#808080"> można dać <body> poprzedzone kodem:

<style type="text/css">
[...]
E {właściwości}
[...]
</style>

To dałoby większe szanse na to, że styl kaskadowy będzie poprawnie zinterpretowany. Oczywiście, użycie CSS wewnątrz HTML wyklucza konieczność tworzenia pliku CSS dla tego pliku HTML, więc użycie atrybutów-haseł czy atrybutów o wartościach-hasłach na nic się tu nie zda, gdyż kod CSS podany wewnątrz HTML dotyczy tylko tego pliku HTML, w którym został umieszczony, więc nawet dla atrybutu BACKGROUND nie ma tu miejsca.

PS. Gdyby atrybuty wycofane nigdy nie były kiedyś używane, dzisiaj byłyby nieistniejące, a nie wycofane. Bo kiedyś używaliśmy atrybutu BACKGROUND, żeby wstawić obraz w tło strony, a dzisiaj ten atrybut poszedł już w odstawkę. Nawet na tym forum nikt nie wie, co nowego przyniesie przyszłość.

autor: **Tomek** » 20 lipca 2007, 14:22

Oczywiście, użycie CSS wewnątrz HTML wyklucza konieczność tworzenia pliku CSS dla tego pliku HTML

Bzdura.
Możesz mieć np. 5 plików ze stylami css, osobny styl dla IE w komentarzu warunkowym, styl osadzony wewnętrznie, oraz styl bezpośrednio w znaczniku i będzie działać. także użycie wewnętrznie CSS nie wyklucza zewnętrznego stylu...

większe szanse na to, że styl kaskadowy będzie poprawnie zinterpretowany.

Jeszcze większa bzdura - tak samo będzie zinterpretowane (poza przypadkiem odpowiednio dobranej kaskady - no ale to jest chyba jasne)

kod CSS podany wewnątrz HTML dotyczy tylko tego pliku HTML, w którym został umieszczony, więc nawet dla atrybutu BACKGROUND nie ma tu miejsca.

grrrrrrrrrrrrrrrrrr..... co ja mówiłem o tym background???? Nie rozwścieczaj modów!

Nawet na tym forum nikt nie wie, co nowego przyniesie przyszłość.

hm... wydaje mi się że najbliższa przyszłość jest znana i to całkiem nieźle... już ci chyba podawałem przykład z <kotek myszka="piesek">? XML (plus wariacje), SVG, AJAX...

autor: **Mateusz SSJ8** » 20 lipca 2007, 16:33

Powiedziałeś:

użycie wewnętrznie CSS nie wyklucza zewnętrznego stylu

Masz rację, chyba że obydwa byłyby od tła. Po co 2 razy to samo. Żaden nowoczesny webmaster nie użyje dzisiaj atrybutu BACKGROUND do wstawiania obrazka na tło dla strony internetowej. To należy bowiem do prymitywów z Microsoftu (atrybut BACKGROUND jest wycofany, co można przeczytać na www.kurshtml.boo.pl/html/tlo_obrazkowe,body.html), czego chyba nie muszę udowadniać. Dzisiejszy webmaster daje tło na swoją stronę stylem kaskadowym, co z resztą nie wymaga dowodów.
Mówiąc jaśniej opisanie całego tła w wewnętrzym stylu CSS wyklucza zrobienie tego plikiem CSS, z którego plik HTML ma czerpać dane. Wiadomo, że pewne rzeczy nie mogą się powtarzać.

autor: **gośció** » 17 października 2008, 21:42

ja jestem nowoczesny (sucham tekno, jezdze autem z pszyciemnionymi szybami i wygladam w porzo metroseksualnie) i uzyje background jak mi sie zakce. co o ty myslisz ? masz co ?

MozillaPL.org - polskie centrum Mozilli

Główne menu:

[html/css]Tło na stronie na samym dole

[html/css]Tło na stronie na samym dole

HTML/CSS

@ tomasiek

Kto jest online

Nawigacja:

Stopka: