Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]układ storny nie działa:/
Forum PHP.pl > Forum > Przedszkole
robos85
13.08.2008, 13:58:34
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ć?
ferrero2
13.08.2008, 14:17:53
jak podajesz ścieżkę to dodaj cudzysłowy :
Kod
background-image: url("img/menuk.jpg");
robos85
13.08.2008, 14:19:48
niestety nie pomogło :/
wookieb
13.08.2008, 14:20:17
Zapodaj link. Nie mamy obrazkow zeby sprawdzic czy all jest ok.
robos85
13.08.2008, 14:26:22
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
wookieb
13.08.2008, 14:31:17
Kod
background-image: url(../img/menuk.jpg);
golaod
13.08.2008, 14: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 ?
wookieb
13.08.2008, 14:41:45
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.
ferrero2
13.08.2008, 14:43:56
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
golaod
13.08.2008, 14:55:38
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.
robos85
13.08.2008, 15:05:07
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
golaod
13.08.2008, 15:13:16
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 )
wookieb
13.08.2008, 15:15:19
Kod
#lmenu
{
float:left;overflow:hidden;width:201px;}
robos85
13.08.2008, 15:17:59
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?
wookieb
13.08.2008, 15:28:13
Bo menu sie za bardzo rozpychalo o 1 px.
Ta kreske szara masz w swf. Musisz jak z swf usunac.
robos85
13.08.2008, 15:29:02
ok, dobrze że ta krecha to już nie wina laya smile.gif
dzieki:)
wookieb
13.08.2008, 19:38:00
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.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.