Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Problem z wyświetlaniem
Forum PHP.pl > Forum > Przedszkole
stern
3.01.2010, 11:10:08
Witam, zrobiłem stronke internetową i mam problem z jej wyświetlaniem na Firefixie :/

Wszystko to, co jest jest pod logo jest wyświetlane po jego prawej stronie zamiast pod spodem tak jak jest to w galerii :/

Tu jest stronka: http://j-koscielny.comuv.com/

a tu kod
index.php
[HTML] pobierz, plaintext 
  1. <head>
  2. <title>Home</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" />
  4. <link rel="stylesheet" type="text/css" href="style.css" />
  5. </head>
  6. <body bgcolor=black >
  7. 	<p style="cursor:crosshair;"><img src="images/logo.gif" alt="" width="700" height="180" class="float" /></p>
  8. 	</body>
  9. 			<div class="small">
  10. 							<a href="index.html"><img src="images/small1.gif" alt="Home" width="19" height="16" /></a>
  11. 							<a href="galery.php"><img src="images/small2.gif" alt="Galery" width="19" height="16" /></a>
  12. 							<a href="contact.php"><img src="images/small3.gif" alt="Contact" width="19" height="16" /></a>
  13. 							<a href="tutorials.html"><img src="images/small4.gif" alt="Tutorials" width="19" height="16" /></a>
  14. 						</div>
  15. 	<div class="small2">
  16. 							 </font> <font color="red"> Home </font> 
  17. 							<font color="darkorange"> | </font> Galery  
  18. 							<font color="darkorange"> | </font> Contact  
  19. 							<font color="darkorange"> | </font> Tutorials 
  20. 						</div>
  21. <body>
  22. 	<table width="100%" cellpadding="0" cellspacing="0" style="height:100%">
  23. 		<tr>
  24. 			<td class="left"><img src="images/spacer.gif" width="1" height="1" alt="" /></td>
  25. 			<td class="middle">
  26. 				<div class="main">
  27. 					<div id="content">
  28. 						<div class="leftcol">
  29. 							<ul class="menu">
  30. 								<li><a href="galery.php"><img src="images/but1.gif" alt="" width="188" height="28" /></a></li>
  31. 								<li><a href="contact.php"><img src="images/but2.gif" alt="" width="188" height="27" /></a></li>
  32. 								<li><a href="tutorials.html"><img src="images/but4.gif" alt="" width="188" height="27" /></a></li>
  33. 								<li><a href="#"><img src="images/but5.gif" alt="" width="188" height="26" /></a></li>
  34. 							</ul>
  35. 							<div class="events">
  36. 								<div>
  37. 									<span class="date">31.12.2009</span>
  38. 									<p><strong>My </strong><br />first website is already open . Check my gallery.<img src="images/arrows.gif" alt="" width="8" height="6" /></p>
  39. 								</div>	
  40. 								<div>
  41. 									<span class="date"> </span>
  42. 									<p><strong> </strong><br /> <a href="#"><img src="images/arrows.gif" alt="" width="8" height="6" /></a></p>
  43. 								</div>	
  44. 								<div>
  45. 									<span class="date"> </span>
  46. 									<p><strong> </strong><br /> <a href="#"><img src="images/arrows.gif" alt="" width="8" height="6" /></a></p>
  47. 								</div>	
  48. 									<a href="#" class="more pad"></a>
  49. 							</div>
  50. 						</div>	
  51. 						<div class="rightcol">
  52. 							<img src="images/big.jpg" alt="" width="319" height="342" />
  53. 							<div class="group">
  54. 								<a href="art/CCI_00000.jpg"><img src="art/CCI_00000.jpg" alt="img" width="57" height="78" /></a>
  55. 								<a href="art/CCI_00001.jpg"><img src="art/CCI_00001.jpg" alt="img" width="57" height="78" /></a>
  56. 								<a href="art/CCI_00002.jpg"><img src="art/CCI_00002.jpg" alt="img" width="57" height="78" /></a>
  57. 								<a href="art/CCI_00003.jpg"><img src="art/CCI_00003.jpg" alt="img" width="57" height="78" /></a>
  58. 								<a href="art/CCI_00004.jpg"><img src="art/CCI_00004.jpg" alt="img" width="57" height="78" /></a>
  59. 							</div>
  60. 						</div>
  61. 					</div>
  62. 					<div id="footer">
  63. 					</div>
  64. 				</div>
  65. 			</td>
  66. 			<td class="right"><img src="images/spacer.gif" width="1" height="1" alt="" /></td>
  67. 		</tr>
  68. 	</table>
  69. </body>
  70. </html>
[HTML] pobierz, plaintext




style.css
Kod
*{
margin:0px;
padding:0px
}
img{border:0px}
html, body{
width:100%;
height:100%;
}
.left{
background-image:url(images/bg.gif);
background-position:top right;
}
.right{
background-image:url(images/bg.gif);
background-position:top left;
}
.middle{
background-image:url(images/bg.gif);
background-position:top left;
width:741px;
left:200px;
vertical-align:top;
}
.log{
background: #000000;
}
.middle2{
background-image:url(images/bg.gif);
background-position:top left;
width:741px;
vertical-align:top;
}
.main{
height:800px;
background-image:url(images/mainbg.gif);
background-position:top left;
background-repeat:no-repeat;
padding:55px 0 0 89px;
position:relative
}
.main2{
height:800px;
background-image:url(images/mainbg.gif);
background-position:top left;
background-repeat:repeat;
padding:55px 0 0 89px;
position:relative
}
#header{
margin:0 0 34px 0;
height:43px;
float:left;
background-image:url(images/mainbg.gif);
background-repeat:repeat
}
.small{
position:absolute;
top:50px;
right:60px
}
.small2{
position:absolute;
font-family:Tahoma;
font-size:9;
color:white;
top:65px;
right:68px;
line-height: 20px
}
.small img{
margin:0 20px 0 0;
float:left
}
.float{
float:left
}
#content{
float:left;
background-image:url(images/bgblack.gif);
background-position:top right;
background-repeat:repeat-y;
height:488px;
padding:14px 40px 24px 16px;
font-family:Tahoma;
font-size:11px;
color:#E3E6E6
}
.menu{
display:block;
padding:0 0 10px 18px;
float:left;
}
.menu li{
list-style-type:none;
height:27px;
float:left
}
.menu img{
float:left
}
.leftcol{
float:left;
width:229px;
}
.events{
background-image:url(images/eventsbg.gif);
background-position:top left;
background-repeat:no-repeat;
padding:12px 21px 0 18px;
float:left;
}
.events p{
margin:10px 0 6px 0
}
.more{
display:block;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
color:#92E1FF;
text-decoration:none;
background-image:url(images/square.gif);
background-position:2px 6px;
background-repeat:no-repeat;
padding:0 0 12px 10px
}
.events div{
border-bottom:1px solid #5B5B5B;
}
.contact{
font-family:Tahoma;
font-size:15px;
left:10000;
top:1100;
color:red
}
.date{
font-family:Tahoma;
font-size:11px;
color:#92E1FF;
font-weight:bold;
display:block;
margin:6px 0 0 0
}
.pad{
padding:10px 0 14px 10px;
background-position:2px 16px;
}
.rightcol{
float:right;
margin:0 0 100 8px;
width:325px;
}
.rightcol img{
float:right
}
.group{
background-image:url(images/group.gif);
background-position:top left;
background-repeat:no-repeat;
padding:9px 8px 9px 10px;
float:left;
width:302px;
margin:7px 0 0 0
}
*html .group{
margin:8px 0 0 0
}
.group img{
margin:0 3px 6px 0;
float:left
}
#footer{
display:block;
float:left;
width:615px;
padding:35px 0 0 0
}
#footer, #footer a{
font-family:Tahoma;
font-size:9px;
color:#CDE2EA;
text-decoration:none;
text-align:center;
}
#footer p{
padding:10px 0 0 0
}
#footer a{
padding:7px;
}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:underline}


PS. Co należy zrobić żeby strona była wyszukiwana przez google ?
blooregard
3.01.2010, 11:29:02
Dlaczego w jednym dokumencie HTML dwa razy otwierasz i zamykasz element <body> ?
(linijka 6 i 8 oraz 21 i 69)
stern
3.01.2010, 11:39:42
Cytat(blooregard @ 3.01.2010, 11:29:02 ) *
Dlaczego w jednym dokumencie HTML dwa razy otwierasz i zamykasz element <body> ?
(linijka 6 i 8 oraz 21 i 69)

Usunięte, widocznie zostało mi z samego początku tworzenia stronki smile.gif


Już sobie poradziłem. Nie wiem czy w dobry sposób ale w każdym razie działa:

[HTML] pobierz, plaintext 
  1. .
  2. .
  3. .
  4.  
  5. 							</font> <font color="red"> Home </font> 
  6. 							<font color="darkorange"> | </font> Galery  
  7. 							<font color="darkorange"> | </font> Contact  
  8. 							<font color="darkorange"> | </font> Tutorials 
  9. 						</div>
  10. <br> // Dodałem wymuszenie końca linii.
  11. 	<table width="100%" cellpadding="0" cellspacing="0" style="height:100%">
  12. 		<tr>
  13. 			<td class="left"><img src="images/spacer.gif" width="1" height="1" alt="" /></td>
  14. 			<td class="middle">
  15. .
  16. .
  17. .
[HTML] pobierz, plaintext
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.