Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]układ storny nie działa:/
robos85
post 13.08.2008, 13:58:34
Post #1





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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

Mam taki kod html:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4.   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5.   <meta name="Description" content=" [wstaw tu opis strony] " />
  6.   <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
  7.   <meta name="Author" content=" [dane autora] " />
  8.   <title> [tytuł strony] </title>
  9.   <link rel="stylesheet" href="css/style.css" type="text/css" />
  10. </head>
  11. <body>
  12.  
  13. <div id="main">
  14.  
  15.  
  16. 	<div id="head">
  17. 		<!--[if IE]><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="784" height="359"><script>/*<![endif]-->
  18. 		<object type="application/x-shockwave-flash" data="head.swf" width="784" height="359"><script type="text/javascript">/**/</script>
  19. 			<param name="movie" value="head.swf" />			
  20. 			<!-- tutaj wstaw alternatywną treść - tj. coś co ma się pokazać gdy flash nie działa -->
  21. 		</object>
  22. 	</div>
  23.  
  24. 	<div id="content">
  25.  
  26. 		<div id="cont1">
  27. 			<div id="lmenu">
  28. 				<!-- BlaTek Satay Appendix: http://blatek.co.uk/blateksatay/ -->
  29. 				<!--[if IE]><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="201" height="576"><script>/*<![endif]-->
  30. 				<object type="application/x-shockwave-flash" data="leftmenu2.swf" width="201" height="576"><script type="text/javascript">/**/</script>
  31. 					<param name="movie" value="leftmenu2.swf" />			
  32. 					<!-- Zainstaluj FLASH -->
  33. 				</object>
  34. 			</div>
  35. 			<div id="smenu">
  36. 				<img src="img/smenu.jpg" style="position: relative; top: 263px; left: -1px;" alt="" />
  37. 			</div>
  38. 		</div>
  39. 		<div id="cont">
  40. 			<div id="cont_main">
  41. 				lkwsjfkl
  42. 			</div>
  43. 			<div id="cont_pas">
  44. 				PASPASPAS
  45. 			</div>
  46. 		</div>
  47.  
  48. 	</div>
  49.  
  50.  
  51.  
  52. </div>
  53.  
  54. </body>
  55. </html>
[HTML] pobierz, plaintext

i CSS:
Kod
body {
background-color: #b8bcbf;
}
#main {
margin: 0 auto;
width: 800px;
background-color: #bfc6ca;
}
#head {
margin: 0 auto;
width: 784px;
height: 359px;
padding-top: 11px;
clear: both;
}
#content {
width: 783px;
margin-left: 8px;
background-color: #a8b1b6;
overflow:hidden;
}
#cont1{
width: 248px;
float: left;
}
#lmenu {
width: 202px;
float: left;
}
#smenu {
width: 46px;
float: left;
}
#cont{
float: left;
display: block;
width: 535px;
}
#cont_main{
width: 524px;
height: 247px;
margin-top: 5px;
background-color: #ffffff;
clear: both;
}
#cont_pas{
width: 535px;
height: 198px;
display: block;
background-image: url(img/menuk.jpg);
margin-top: 10px;
}


i nie pokazuje mi tła diva cont-pas w innych divach też nie działa:/
Jak to naprawić?
Go to the top of the page
+Quote Post
ferrero2
post 13.08.2008, 14:17:53
Post #2





Grupa: Zarejestrowani
Postów: 171
Pomógł: 32
Dołączył: 5.08.2008
Skąd: Lublin

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

jak podajesz ścieżkę to dodaj cudzysłowy :
Kod
background-image: url("img/menuk.jpg");


--------------------
---------------------------
"Jeżeli trzeci dzień z rzędu nie chce Ci się pracować tzn że dziś jest ŚRODA !
Algorytmy , Programowanie , Tworzenie WWW - SPRAWDŹ
Go to the top of the page
+Quote Post
robos85
post 13.08.2008, 14:19:48
Post #3





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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

niestety nie pomogło :/
Go to the top of the page
+Quote Post
wookieb
post 13.08.2008, 14:20:17
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Zapodaj link. Nie mamy obrazkow zeby sprawdzic czy all jest ok.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
robos85
post 13.08.2008, 14:26:22
Post #5





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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

Zmieniłem układ wygląda tak:
HTML:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4.   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5.   <meta name="Description" content=" [wstaw tu opis strony] " />
  6.   <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
  7.   <meta name="Author" content=" [dane autora] " />
  8.   <title> [tytuł strony] </title>
  9.   <link rel="stylesheet" href="css/style.css" type="text/css" />
  10. </head>
  11. <body>
  12.  
  13. <div id="main">
  14.  
  15.  
  16. 	<div id="head">
  17. 		<!--[if IE]><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="784" height="359"><script>/*<![endif]-->
  18. 		<object type="application/x-shockwave-flash" data="head.swf" width="784" height="359"><script type="text/javascript">/**/</script>
  19. 			<param name="movie" value="head.swf" />			
  20. 			<!-- tutaj wstaw alternatywną treść - tj. coś co ma się pokazać gdy flash nie działa -->
  21. 		</object>
  22. 	</div>
  23.  
  24. 	<div id="content">
  25.  
  26.  
  27. 			<div id="lmenu">
  28. 				<!-- BlaTek Satay Appendix: http://blatek.co.uk/blateksatay/ -->
  29. 				<!--[if IE]><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="201" height="576"><script>/*<![endif]-->
  30. 				<object type="application/x-shockwave-flash" data="leftmenu2.swf" width="201" height="576"><script type="text/javascript">/**/</script>
  31. 					<param name="movie" value="leftmenu2.swf" />			
  32. 					<!-- Zainstaluj FLASH -->
  33. 				</object>
  34. 			</div>
  35.  
  36. 			<div id="cont_1">
  37. 				<div id="cont_1a">
  38. 					zzzz
  39. 				</div>
  40. 				<div id="cont_1b">
  41. 					Tutaj powinno być tło....
  42. 				</div>
  43. 				<div id="cont_1c">
  44. 					<div id="cont_11">
  45.  
  46. 					</div>
  47. 				</div>
  48. 			</div>
  49.  
  50.  
  51.  
  52. 	</div>
  53.  
  54.  
  55.  
  56. </div>
  57.  
  58. </body>
  59. </html>
[HTML] pobierz, plaintext

CSS:
Kod
body {
background-color: #b8bcbf;
}
#main {
margin: 0 auto;
width: 800px;
background-color: #bfc6ca;
}
#head {
margin: 0 auto;
width: 784px;
height: 359px;
padding-top: 11px;
clear: both;
}
#content {
width: 783px;
margin-left: 8px;
background-color: #a8b1b6;
overflow:hidden;
}
#lmenu {
width: 202px;
float: left;
overflow:hidden;
}
#cont_1{
width: 581px;
float: left;
overflow:hidden;
}
#cont_1a{
width: 524px;
height: 247px;
background-color: #ffffff;
margin-left: 46px;
overflow:hidden;
margin-top: 5px;
}
#cont_1b{
width: 581px;
height: 216px;
background-image: url("img/menuk.jpg");
margin-top: 10px;
}
#cont_1c{
width: 581px;
height: 105px;
background: #ff0000;
}
#cont_11{
vertical-align: bottom;
width: 581px;
height: 50px;
background: #00ff00;
}


Adres strony: http://www.auto-opinie.pl/gaz/index.php
Tła jak widać nie ma
Go to the top of the page
+Quote Post
wookieb
post 13.08.2008, 14:31:17
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Kod
background-image: url(../img/menuk.jpg);


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
golaod
post 13.08.2008, 14:38:31
Post #7





Grupa: Zarejestrowani
Postów: 419
Pomógł: 42
Dołączył: 12.08.2008
Skąd: Wrocław

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

Tzn jeśli to tło ma być szare...to nie wiem jak ty ale ja je widzę.

wookieb a do czego ma niby prowadzić ../ do folderu rodzic ? A po ki grzyb ?
Go to the top of the page
+Quote Post
wookieb
post 13.08.2008, 14:41:45
Post #8





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Cytat(golaod @ 13.08.2008, 15:38:31 ) *
Tzn jeśli to tło ma być szare...to nie wiem jak ty ale ja je widzę.

wookieb a do czego ma niby prowadzić ../ do folderu rodzic ? A po ki grzyb ?

Wejdz na strone i sprawdz a nie gadasz od rzeczy.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
ferrero2
post 13.08.2008, 14:43:56
Post #9





Grupa: Zarejestrowani
Postów: 171
Pomógł: 32
Dołączył: 5.08.2008
Skąd: Lublin

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

Nawet w IE6 je widzę.
http://www.auto-opinie.pl/gaz/img/menuk.jpg - to jest szary pasek który rozciągasz w swoim css-ie.
W Ie jest w FF jest questionmark.gif


--------------------
---------------------------
"Jeżeli trzeci dzień z rzędu nie chce Ci się pracować tzn że dziś jest ŚRODA !
Algorytmy , Programowanie , Tworzenie WWW - SPRAWDŹ
Go to the top of the page
+Quote Post
golaod
post 13.08.2008, 14:55:38
Post #10





Grupa: Zarejestrowani
Postów: 419
Pomógł: 42
Dołączył: 12.08.2008
Skąd: Wrocław

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

Cytat(wookieb @ 13.08.2008, 15:41:45 ) *
Wejdz na strone i sprawdz a nie gadasz od rzeczy.


No staram się jak mogę wejść na http://www.auto-opinie.pl/img/obrazek.jpg ale niestety...mam pecha. Za to http://www.auto-opinie.pl/gaz/img/obrazek.jpg już jest...więc no proszę Cię. Nie zarzucam nikomu czegoś bez uprzedniego sprawdzenia.
Go to the top of the page
+Quote Post
robos85
post 13.08.2008, 15:05:07
Post #11





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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

działa, smile.gif
To teraz mam inny problem:
Pomiędzy flashem a moim divem robi się odstęp:/ daję margin-left: -5px, to całość idzie w lewo podkładając się pod swfa, ale szparka dalej jest. jak ją zlikwidować? to jakiś border jest czy coś?
Pokazane zostało na stornie, link wyżej
Go to the top of the page
+Quote Post
golaod
post 13.08.2008, 15:13:16
Post #12





Grupa: Zarejestrowani
Postów: 419
Pomógł: 42
Dołączył: 12.08.2008
Skąd: Wrocław

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

Sam właśnie nie wiem jakie takie rzeczy niwelować. Jedyny sposób to po prostu jak masz np.
</div>
<div name="kolejny_div">
to zamień to na:
</div><div name="kolejny_div">
Nie wiem czemu ale często przez entery się układ trochę psuje. No chyba, że wszystko robisz na pozycjonowaniu absolutnym w pudełeczkach z pozycjonowaniem relatywnym i inne dziwne przekombinowane rzeczy. (mogę się mylić bo na css się nie znam tongue.gif )

Ten post edytował golaod 13.08.2008, 15:13:30
Go to the top of the page
+Quote Post
wookieb
post 13.08.2008, 15:15:19
Post #13





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Kod
#lmenu
{
float:left;overflow:hidden;width:201px;}


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
robos85
post 13.08.2008, 15:17:59
Post #14





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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

wookie: dlaczego o 1 trzeba było zmiejszyć:/
A pomiędzy flashem z górnym menu a tym z bocznym jest też taka siwa luka. jak ja zniwelować? bo tu było z szerokością a tam?
Go to the top of the page
+Quote Post
wookieb
post 13.08.2008, 15:28:13
Post #15





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Bo menu sie za bardzo rozpychalo o 1 px.
Ta kreske szara masz w swf. Musisz jak z swf usunac.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
robos85
post 13.08.2008, 15:29:02
Post #16





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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

ok, dobrze że ta krecha to już nie wina laya smile.gif
dzieki:)
Go to the top of the page
+Quote Post
wookieb
post 13.08.2008, 19:38:00
Post #17





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Cytat(golaod @ 13.08.2008, 15:55:38 ) *
No staram się jak mogę wejść na http://www.auto-opinie.pl/img/obrazek.jpg ale niestety...mam pecha. Za to http://www.auto-opinie.pl/gaz/img/obrazek.jpg już jest...więc no proszę Cię. Nie zarzucam nikomu czegoś bez uprzedniego sprawdzenia.

Ale dla pliku http://www.auto-opinie.pl/gaz/css/style.css katalog http://www.auto-opinie.pl/gaz/img/ jest wyżej!
Wiec za przeproszeniem przestan p........ć. Jak widzisz moja rada pomogła wiec swoimi madrosciami idz sie chwal w piaskownicy.

Ten post edytował wookieb 13.08.2008, 19:48:09


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 31.07.2025 - 08:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn