Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Powielające się tło strony
Lotny012
post
Post #1





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 28.11.2009

Ostrzeżenie: (0%)
-----


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>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="#C6C6C6"><font size="8">TRUNKI &#346WIATA</font></font>
<br>
<img src="http://www.trunkiswiata.com/akceptacja.png" border="0" />
<br>
<font color="#1286C2"><a style="text-decoration:none;" href="http://www.trunkiswiata.com/news.php"><font size="4">AKCEPTUJĘ</font></a></font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#1286C2"><a style="text-decoration:none;" href="http://www.google.pl"><font size="4">REZYGNUJĘ</font></a></font>
</font>
</center>
</body>
</head>
</html>


adres strony do wglądu to www.trunkiswiata.com
Go to the top of the page
+Quote Post
maviozo
post
Post #2





Grupa: Zarejestrowani
Postów: 197
Pomógł: 24
Dołączył: 22.11.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
exood
post
Post #3





Grupa: Zarejestrowani
Postów: 86
Pomógł: 16
Dołączył: 2.12.2009
Skąd: Płock/Warszawa

Ostrzeżenie: (0%)
-----


Najpierw popraw kod na tyle, żeby był on w miarę poprawny - hint: definiowanie CSS
Go to the top of the page
+Quote Post
Lotny012
post
Post #4





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 28.11.2009

Ostrzeżenie: (0%)
-----


Cytat(maviozo @ 3.10.2011, 12: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.


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.
Go to the top of the page
+Quote Post
exood
post
Post #5





Grupa: Zarejestrowani
Postów: 86
Pomógł: 16
Dołączył: 2.12.2009
Skąd: Płock/Warszawa

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
nospor
post
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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?
Go to the top of the page
+Quote Post
Lotny012
post
Post #7





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 28.11.2009

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
nospor
post
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Lotny012
post
Post #9





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 28.11.2009

Ostrzeżenie: (0%)
-----


Nie twierdze że się nudzisz (IMG:style_emoticons/default/tongue.gif)

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>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="#C6C6C6"><font size="8">TRUNKI &#346WIATA</font></font>
<br>
<img src="http://www.trunkiswiata.com/akceptacja.png" border="0" />
<br>
<font color="#1286C2"><a style="text-decoration:none;" href="http://www.trunkiswiata.com/news.php"><font size="4">AKCEPTUJĘ</font></a></font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#1286C2"><a style="text-decoration:none;" href="http://www.google.pl"><font size="4">REZYGNUJĘ</font></a></font>
</font>
</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 :|
Go to the top of the page
+Quote Post
nospor
post
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Nikt tu nie mówi o xhtml. Ty nawet nie czytasz co sie do ciebie pisze. Mówimy tu o stylach css.
Go to the top of the page
+Quote Post
Lotny012
post
Post #11





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 28.11.2009

Ostrzeżenie: (0%)
-----


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

Chodzi o coś takiego
Kod
<style type="text/css">
<!--
BODY { background: #C0C0C0 url(1.jpg);
background-repeat: no-repeat }
-->
</style>

?

Ten post edytował Lotny012 3.10.2011, 12:01:22
Go to the top of the page
+Quote Post
maviozo
post
Post #12





Grupa: Zarejestrowani
Postów: 197
Pomógł: 24
Dołączył: 22.11.2010

Ostrzeżenie: (0%)
-----


Tak. Twój kod:
Kod
<body background="http://www.trunkiswiata.com/themes/Orange_Slush/images/tlo1.png" bgcolor="#2B2B2B" background-repeat: repeat-x; background-position: center;>
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ć.
Go to the top of the page
+Quote Post
Lotny012
post
Post #13





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 28.11.2009

Ostrzeżenie: (0%)
-----


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

Kod
<html>
<head>
<style type="text/css">
<!--
BODY { background: #2B2B2B url(http://www.trunkiswiata.com/themes/Orange_Slush/images/tlo1.png);
background-repeat: no-repeat
background: center top; }
-->
</style>

<title>TRUNKI ŚWIATA BIAŁYSTOK - Kolekcja niezwykłych alkoholi</title>
<center>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="#C6C6C6"><font size="8">TRUNKI ŚWIATA</font></font>
<br>
<img src="http://www.trunkiswiata.com/akceptacja.png" border="0" />
<br>
<font color="#1286C2"><a style="text-decoration:none;" href="http://www.trunkiswiata.com/news.php"><font size="4">AKCEPTUJĘ</font></a></font>      <font color="#1286C2"><a style="text-decoration:none;" href="http://www.google.pl"><font size="4">REZYGNUJĘ</font></a></font>
</font>
</center>
</body>
</head>
</html>


Ten post edytował Lotny012 3.10.2011, 12:09:40
Go to the top of the page
+Quote Post
maviozo
post
Post #14





Grupa: Zarejestrowani
Postów: 197
Pomógł: 24
Dołączył: 22.11.2010

Ostrzeżenie: (0%)
-----


Wycentruj za pomocą background-position: center top;
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 10:02