Forum PHP.pl > [HTML]Powielające się tło strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]Powielające się tło strony

Lotny012

3.10.2011, 11:02:08

Witam, posiadam prosty (lajkowy) kod html, co w nim zmienić aby tło się nie powielało (w sensie szerokości), sam kod wygląda tak

Kod

<html>
<head>
<body background="http://www.trunkiswiata.com/themes/Orange_Slush/images/tlo1.png" bgcolor="#2B2B2B" background-repeat: repeat-x; background-position: center;>
<title>TRUNKI &#346WIATA BIAŁYSTOK - Kolekcja niezwykłych alkoholi</title>
<center>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
TRUNKI &#346WIATA
 
<img src="http://www.trunkiswiata.com/akceptacja.png" border="0" />
 
<a style="text-decoration:none;" href="http://www.trunkiswiata.com/news.php">AKCEPTUJĘ</a>      <a style="text-decoration:none;" href="http://www.google.pl">REZYGNUJĘ</a>

</center>
</body>
</head>
</html>

adres strony do wglądu to www.trunkiswiata.com

maviozo

3.10.2011, 11:05:26

Właśnie tym: background-repeat: repeat-x; ustawiasz, żeby tło się powtarzało w poziomie. Zamień na background-repeat: no-repeat; i nie będzie się powtarzać. Poza tym korzystasz z przestarzałych znaczników i atrybutów. Poczytaj o stylach css.

exood

3.10.2011, 11:11:03

Najpierw popraw kod na tyle, żeby był on w miarę poprawny - hint: definiowanie CSS

Lotny012

3.10.2011, 11:29:41

Cytat(maviozo @ 3.10.2011, 12:05:26 )

Tak, tak wiem że są to stare znaczniki jednak to prosta podstrona na którą nie opłacało się pisać nowszymi.

Niestety po zamianie na background-repeat: no-repeat; nie działa i dalej tło się powiela.

exood

3.10.2011, 11:32:36

Cytat(Lotny012 @ 3.10.2011, 12:29:41 )

Tak, tak wiem że są to stare znaczniki jednak to prosta podstrona na którą nie opłacało się pisać nowszymi.

a właśnie że się opłacało - bo jakby było napisane "nowszymi" to by działało tak jak powinno

nospor

3.10.2011, 11:33:41

Cytat

na którą nie opłacało się pisać nowszymi.

Proszę cię, o czym ty gadasz?? O jakim "opłacać" się mówisz??
Napisanie style="..." wcinasz pod kategorie opłacania się?

Co do tematu: mi jakoś podmiana no-repeat zadziałała, nawet na Twoim starym stylu pisania.
No ale może skoro Tobie nie działa, to może jednak opłaci się teraz przenieść to na styl nowoczesny?

Lotny012

3.10.2011, 11:37:51

Nospor, zadziałała? To wrzuć proszę na jakiś serwer i podrzuć link abym zobaczył bo wierzyć się nie chce.

P.S. Nie opłacało się piszę tak ponieważ to miało być proste okienko graficzne i tak wyszło tylko problem jest z tym tłem.

nospor

3.10.2011, 11:39:06

Sorki, ale zmieniałem to na Twojej stronie.
Aż tak się nie nudzę by wrzuceć cudze skrypty na serwer tylko po to, by udowodnić i fakt oczywisty

Lotny012

3.10.2011, 11:46:44

Nie twierdze że się nudzisz

Jednakże po zmianie na

Kod

<html>
<head>
<body background="http://www.trunkiswiata.com/themes/Orange_Slush/images/tlo1.png" bgcolor="#2B2B2B" background-repeat: no-repeat;>
<title>TRUNKI &#346WIATA BIAŁYSTOK - Kolekcja niezwykłych alkoholi</title>
<center>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
TRUNKI &#346WIATA
 
<img src="http://www.trunkiswiata.com/akceptacja.png" border="0" />
 
<a style="text-decoration:none;" href="http://www.trunkiswiata.com/news.php">AKCEPTUJĘ</a>      <a style="text-decoration:none;" href="http://www.google.pl">REZYGNUJĘ</a>

</center>
</body>
</head>
</html>

jak było tak i jest co widać pod linkiem w pierwszym poście.

Nie karcić mnie tu na kod bo wiem że mogłem napisać to w xhtml jednak zwykły html też spełnia rolę, tylko te nieszczęsne tło :|

nospor

3.10.2011, 11:49:02

Nikt tu nie mówi o xhtml. Ty nawet nie czytasz co sie do ciebie pisze. Mówimy tu o stylach css.

Lotny012

3.10.2011, 11:51:45

Czytam, czytam tylko w czym innym jestem bardziej ogarnięty.

Chodzi o coś takiego

Kod

maviozo

3.10.2011, 12:04:26

Tak. Twój kod:

Kod

nie ma prawa działać, ponieważ background-repeat itd nie jest w atrybucie style. Aczkolwiek wyżej podałeś zdecydowanie lepsze rozwiązanie i nie ma sensu dłużej dyskutować.

Lotny012

3.10.2011, 12:07:39

Tak jednak gdy centruje tło za pomocą linijki w style css tło znowu się powiela.

Kod

<html>
<head>
<style type="text/css">

</style>

<title>TRUNKI ŚWIATA BIAŁYSTOK - Kolekcja niezwykłych alkoholi</title>
<center>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
TRUNKI ŚWIATA
 
<img src="http://www.trunkiswiata.com/akceptacja.png" border="0" />
 
<a style="text-decoration:none;" href="http://www.trunkiswiata.com/news.php">AKCEPTUJĘ</a> <a style="text-decoration:none;" href="http://www.google.pl">REZYGNUJĘ</a>

</center>
</body>
</head>
</html>

maviozo

3.10.2011, 12:41:29

Wycentruj za pomocą background-position: center top;

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.