Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] Podwójne Tło
#1
Witam potrzebuje zrobić podwójne tło obrazkowe na stronie w CSS.
Mianowicie plik "tlo.jpg" będzie się powtarzał na stronie jako tło tak jak jest teraz , a przed tym będzie tylko raz wyświetlał się plik "aktualnosci.jpg jak go wstawić przed tlo.jpg

Mój kod strony index :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>

<title>Moja strona</title>
<style type="text/css">

body {

background-image: url("tlo.jpg");
background-repeat: repeat-y;
background-position: top center;

}

</style>
</head>

<body>

Pozdrawiam i czekam na pomoc
Odpowiedz
#2
Utwórz sobie div na całą szerokość/wysokość strony czy też o określonych rozmiarach o jemu nadaj tło.
Dobre samopoczucie w tym tygodniu sponsoruje cytat:
Cytat:Mogę tylko tylko na prawo i lewo ale na środek nie mogę.
Odpowiedz
#3
Też można. Ale można też po prostu dać podwójne tło Smile

http://www.css3.info/preview/multiple-backgrounds/

Jeżeli chcesz wspierać dziadków wtedy użyj CSS PIE
Odpowiedz
#4
(06-04-2012, 17:54)Pedro84 napisał(a): Utwórz sobie div na całą szerokość/wysokość strony czy też o określonych rozmiarach o jemu nadaj tło.

Tylko tak się składa że jestem bardzo początkujący i nie za bardzo umiem jak byś mógł mi pomóc - wytłumaczył jak to zrobić bądź napisać linijki ?

(06-04-2012, 17:54)Pedro84 napisał(a): Utwórz sobie div na całą szerokość/wysokość strony czy też o określonych rozmiarach o jemu nadaj tło.

a Możesz mi pokazać na kodzie te divy i gdzie wstawiam te linijki ?
Odpowiedz
#5
Pokaż cały kod jaki masz. HTML oraz CSS.

Kartofelek, zadziwia mnie ten CSS3. Skąd Ty to wszystko już wiesz? Długo się uczyłeś tego CSS3? Ja do dziś nie wiedziałem, że istnieje możlwość podwójnego tła Sad

A jak jest ze wspieraniem tego właśnie w IE czy innych starszych przeglądarkach?
Pomogłem? To daj plusa Cool
Odpowiedz
#6
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>

<title>Moja strona</title>
<style type="text/css">

body {

background-image: url("tlo.jpg");
background-repeat: repeat-y;
background-position: top center;

}

</style>
</head>

<body>

<!-- Nawigacja strony -->
<ul class="navbar">
<li><a href="index.html">Strona główna</a>
<li><a href="musings.html">Przemyślenia</a>
<li><a href="town.html">Moje miasto</a>
<li><a href="links.html">Linki</a>
</ul>
<!-- Moja treść -->
<h1>Moja pierwsza strona </h1>

<p>&nbsp;</p>
<p>&nbsp;</p>
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl