Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
 Reply to this topicStart new topic
> [HTML]Drugie tło na stronie
--hahaha--
post
Post #1





Goście
Mam taki problem:

Mam określone jedno główne tło

Kod
body {
    background-color: #191919;
    background-image: url(images/daa.png);
    background-repeat: repeat;
}
a {


I chciałbym zrobić taką wyśrodkowaną ramkę z innym tłem
po wpisaniu tego:

Kod
<td width="461" height="298" colspan="3" align="center" background="images/top_t.jpg">


na stronie mam parę takich zielonych pasków, ale jak to wszystko ładnie zrobić ?

(IMG:http://www.iv.pl/image/168950.jpeg)
Go to the top of the page
+Quote Post
.radex
post
Post #2





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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

chcesz rozciągnąć tło (w sensie te paski zielone) ?

Ten post edytował radex_p 10.05.2008, 21:08:26
Go to the top of the page
+Quote Post
hahaha
post
Post #3





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

tzn. chciałbym zrobić taką dużą ramkę jak np. na wp.pl tylko że tam są takie małe ramki
a mi chodzi o taką dużą i by miała jedno tło które później można zmienić jak te co jest rozciągnięte na całej stronie

"background-image: url(images/daa.png); "
Go to the top of the page
+Quote Post
.radex
post
Post #4





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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

ueee? Nie za bardzo rozumiem. Czy potrafiłbyś wytłumaczyć to bardziej po ludzku (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) ?
Go to the top of the page
+Quote Post
hahaha
post
Post #5





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

ok to inny przykład
na stronie http://forum.php.pl jest główne tło te po bokach
a na środku jest ( właśnie nie wiem dokładnie czy to jest ramka ) miejsce z białym tłem
a na nim jest całe forum

i właśnie chodzi mi o te białe tło (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
Danone
post
Post #6





Grupa: Zarejestrowani
Postów: 169
Pomógł: 16
Dołączył: 18.10.2006
Skąd: Olsztyn/Wrocław

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

To proste. Robisz sobie jednego dużego diva koloru np czarnego, a drugi o mniejszych rozmiarach (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) 

[HTML] pobierz, plaintext 
  1. <div id=color_black>
  2.       <div id=color_white>
  3.  
  4.       </div>
  5. <div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
.radex
post
Post #7





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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

Jeszcze inaczej. Po prostu dajesz <div id="container"> na całą szerokość, a body nadajesz padding z każdej strony.
Go to the top of the page
+Quote Post
hahaha
post
Post #8





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

mam mały problem z tym
bo jak wstawię
Kod
<div align="center"><div id=color_black>
mmmmmmmmmmmmmmm</div>

to tylko cały tekst jest wyśrodkowany i nie ma żadnej ramki

czy mógłby mi ktoś to ładnie wstawić ?
poniżej jest mój kod (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)



Kod
<!--
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCCCCC;
}
body {
    background-color: #191919;
    background-image: url(images/BG.png);
    background-repeat: repeat;
}
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #999999;
}
a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
a:active {
    text-decoration: none;
    color: #999999;
}
.style1 {
    color: #C9D039;
    font-weight: bold;
}
.style4 {color: #CBDC1B}
.style7 {color: #EEEEEE}
.style8 {
    font-size: 14px;
    font-weight: bold;
}
-->
</style></head>
<body>
<!-- Start jaa -->
<div align="center"><div id=color_black>
mmmmmmmmmmmmmmm</div>
<div id=color_black>
<div id=color_white>

</div>
<div>
<table id="Table_01" width="1000" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <body bgcolor="blue">
<td width="461" height="298" colspan="3" align="center" background="images/top_t.jpg"><br /><br /><br /><br /><embed
src="Galeria/imagerotator.swf"
width="400"
height="150"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="height=150&width=400&file=Galeria/lista.xml&backcolor=0x000000"
/></td>
  </tr>
    <
</table>
<!-- Koniec jaa -->
</body>
</html>
Go to the top of the page
+Quote Post
Danone
post
Post #9





Grupa: Zarejestrowani
Postów: 169
Pomógł: 16
Dołączył: 18.10.2006
Skąd: Olsztyn/Wrocław

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

Wrzuć sobie swój kod do tego diva i będziesz miał ramkę wyśrodkowaną koloru czarnego.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.  
  4. <head>
  5. <title>Tytuł strony</title>
  6. <style type="text/css">
  7. body{
  8. margin:0px;
  9. padding:25px 25px 25px 25px;
  10. }
  11.  
  12. #container{
  13. background:black;
  14. margin:0px;
  15. width: 100%;
  16. height:800px;
  17. }
  18.  
  19. </style>
  20. </head>
  21. <body>
  22.  
  23. <div id=container>
  24.  
  25. </div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
hahaha
post
Post #10





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

dzięki wielkie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

tylko mam takie pytanie
jak wypozycjonować dany obiekt ?
chodzi mi o flash (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
sniezny_wilk
post
Post #11





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

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

Wrzucasz go w diva, albo ustawiasz przy osadzaniu.
Go to the top of the page
+Quote Post
hahaha
post
Post #12





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

no właśnie wrzuciłem i jest po lewej stronie
i właśnie nie wiem jak określić w px gdzie się ma znaleźć (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

to służy do tego ?
Kod
padding:25px 25px 25px 25px;
Go to the top of the page
+Quote Post
Danone
post
Post #13





Grupa: Zarejestrowani
Postów: 169
Pomógł: 16
Dołączył: 18.10.2006
Skąd: Olsztyn/Wrocław

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

To jest odległość od zewnętrznych ścian strony

@sniezny_wilk Pośpieszyłem się (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował Danone 10.05.2008, 22:09:56
Go to the top of the page
+Quote Post
sniezny_wilk
post
Post #14





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

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

Cytat(hahaha @ 10.05.2008, 21:00:55 ) *
no właśnie wrzuciłem i jest po lewej stronie
i właśnie nie wiem jak określić w px gdzie się ma znaleźć (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

to służy do tego ?
Kod
padding:25px 25px 25px 25px;


Też.. ale zrób diva, nadaj mu szerokość (koniecznie), oraz taki margines: margin: 0px auto;, będzie wyśrodkowany.

EDIT: @Danone text-align służy do środkowania obiektów ? ciekawe ciekawe...

Ten post edytował sniezny_wilk 10.05.2008, 22:05:34
Go to the top of the page
+Quote Post
hahaha
post
Post #15





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

można jakiś cały przykład ? (IMG:http://forum.php.pl/style_emoticons/default/wstydnis.gif)
Go to the top of the page
+Quote Post
sniezny_wilk
post
Post #16





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

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

Cytat(Danone @ 10.05.2008, 21:03:42 ) *
To jest odległość od zewnętrznych ścian strony

@sniezny_wilk Pośpieszyłem się (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)


@Danone: Z tym też nie do końca trafiłeś.. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) nie ścian strony , a ogólnie obiektów, nie zewnętrzny a wewnętrzny.. zewnętrzny to właśnie margin.

hahaha: Trochę kreatywności.. serio nie wiesz jak to zrobić ?


Na szybkiego:
[HTML] pobierz, plaintext 
  1. <div style="width: 300px; margin: 0px auto;">
  2. <!-- TU osadzenie flasha o szerokości jaką podaliśmy w divie -->
  3. </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Danone
post
Post #17





Grupa: Zarejestrowani
Postów: 169
Pomógł: 16
Dołączył: 18.10.2006
Skąd: Olsztyn/Wrocław

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

@sniezny_wilk zależy jak na to patrzeć (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) pozdrawiam kolegę, który raczy poprawiać błędy (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

cały przykład...

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.  
  4. <head>
  5. <title>Tytuł strony</title>
  6. <style type="text/css">
  7. body{
  8. margin:0px;
  9. padding:25px 25px 25px 25px;
  10. }
  11.  
  12. #container{
  13. background:black;
  14. margin:0px;
  15. width: 100%;
  16. height:800px;
  17. }
  18.  
  19.  
  20.  
  21. </style>
  22. </head>
  23. <body>
  24.  
  25. <div id=container>
  26. <div style="margin: 0px auto; width:200px;">Twój kod z flash</div>
  27. </div>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext


Ten post edytował Danone 10.05.2008, 22:23:04
Go to the top of the page
+Quote Post
hahaha
post
Post #18





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

a jak określić wysokość ?

daję
Kod
div style="margin: 0px auto; width:200px; height:100px;"><td width="461" height="298" colspan="3" align="center" background="images/top_t.jpg"><br /><br /><br /><br /><embed...
i nic to nie daję


to wcześniejsze
Kod
<div style="margin: 0px auto; width:400px;"><td width="461" height="298" colspan="3" align="center" background="images/top_t.jpg"><br /><br /><br /><br /><embed
Go to the top of the page
+Quote Post
sniezny_wilk
post
Post #19





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

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

A po co Tobie te tabelki ? Tabele nie służą do budowania lay'ów, od tego są tylko div'y.
Go to the top of the page
+Quote Post
hahaha
post
Post #20





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 10.05.2008

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

Cytat(sniezny_wilk @ 11.05.2008, 08:04:47 ) *
A po co Tobie te tabelki ? Tabele nie służą do budowania lay'ów, od tego są tylko div'y.


to wiem tylko jak określić wysokość ?
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.08.2025 - 10:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn