Skocz do zawartości
BiL63JTZ

[html] Trójkolorowe Tło

Rekomendowane odpowiedzi

Witam

Jak uzyskać w HTML-u trójkolorowe tło? Chodzi o coś na wzór flagi Francji, lecz zależałoby mi, aby rozciągało się na całej stronie niezależnie od rozdzielczości używanej przez użytkownika.

 

Przyszedł mi jeszcze jeden pomysł - tło będzie tak naprawdę w dwóch barwach: czerwono-biało-czerwone. Pomyślałem, że tło mogłoby być czerwone, a pośrodku byłby obrazek (cały oczywiście biały). Ważne, aby obrazek wyglądał tak samo na różnych rozdziałkach - chyba najpopularniejsze są 1024x768 i 1280x1024, więc obrazek by miał 384x1024. Lecz tu kolejny problem - strona można przewijać góra-dół co wygląda odrobinę amatorsko. Czy da się tak zrobić, aby obrazek który mógłby okazać się zbyt duży, nie pozwalał na przewijanie strony (czyli obejrzenie wystających pikseli :D )?

Edytowane przez BiL63JTZ

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Obrazek 3x1 px kazdy w innym kolorze.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head>  <title>Strona</title>	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css" media="all">body{margin:0;}#tlo {position:absolute; top:0; left:0; width:100%; height:100%;z-index=-1;}#content {position:relative;}</style></head><body ><div><img id="tlo" src="obrazek_tla.png" alt="" /></div><div id='content'>zawartość strony</div></body></html>

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Przywróć formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

Ładowanie


×
×
  • Dodaj nową pozycję...