Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [php]Problem z layoutem
nero
post
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 20.02.2007

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

Witam wszystkich

Bardzo proszę o pomoc bo już sobie nie radze (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Pisze sobie moją pierwszą stronkę Odwiedź moją stronę
jednak wygląda ona inaczej pod Mozillą a inaczej pod IE. Pod IE trochę sie sypie i nie wiem jak ja mogę poprawić
Bardzo Was proszę o pomoc.

Tu jest początek strony w którym coś skopałem, poniżej zamieszczam jeszcze css.
[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">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <title>FZS</title>
  6. <link href="stylecss.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <body bgcolor="black">
  9. <table width="830" height="376" align="center" cellpadding="0" cellspacing="0" class="main">
  10. <tbody>
  11.         	<tr>
  12.            	  <td height="371">
  13.                     <div id="top11"></div>
  14.                     <div id="top12" align="right"> <h1> Witaj na mojej stronie     ::     Dziś jest: <?php Data();?>    </h1> </div>
  15.                     <div id="top13"></div><br />
  16.                 <br />
  17. <a href="http://localhost/xampp/php/fzs/index.php5"><img src="grafika/grafika_07.png " height="45px" alt="strona glowna" /></a>
  18. <a href="http://localhost/xampp/php/fzs/index.php5"><img src="grafika/grafika_08.png" height="45px" alt="plan_zajec" /></a>
  19. <a href="http://localhost/xampp/php/fzs/index.php5"><img src="grafika/grafika_09.png" height="45px" alt="forum"/></a>
  20. <a href="http://localhost/xampp/php/fzs/index.php5"><img src="grafika/grafika_10.png" height="45px" alt="download" /></a>
  21. <a href="http://localhost/xampp/php/fzs/index.php5"><img src="grafika/grafika_11.png" wheight="45px" alt="o_nas"/></a></div>
  22.  
  23. <table height="154" cellpadding="0" cellspacing="0">
  24. <tbody >
  25.                         	<tr>
  26.                             	<td>
  27.                                 	<div class="mglowne"></div> 
  28.                                	  	<div id="tloglowne">
  29.                                     	<h1> 
  30.                 <img src="grafika/strzalka.gif" alt=""/><a href="http://localhost/xampp/php/fzs/index.php5">Strona główna</a><br>
  31.                 <img src="grafika/strzalka.gif" alt=""/><a href="http://localhost/xampp/php/fzs/index.php5">Linki</a><br>
  32.                 <img src="grafika/strzalka.gif" alt=""/><a href="http://localhost/xampp/php/fzs/index.php5">Szukaj</a><br>
  33.                 <img src="grafika/strzalka.gif" alt=""/><a href="http://localhost/xampp/php/fzs/index.php5">Nasze buttony</a><br>
  34.                 <img src="grafika/strzalka.gif" alt=""/><a href="http://localhost/xampp/php/fzs/index.php5">Katalogi</a><br>
  35.                 <img src="grafika/strzalka.gif" alt=""/><a href="http://localhost/xampp/php/fzs/index.php5">Kontakt</a><br>
  36.                 <img src="grafika/strzalka.gif" alt=""/><a href="http://localhost/xampp/php/fzs/index.php5">REGULAMIN</a>
  37.                 						</h1>
  38.                                   </div>				
  39.                             	</td>
  40.                         		<td >
[HTML] pobierz, plaintext 




[HTML] pobierz, plaintext 
  1. @charset "iso-8859-2";
  2. .body 	{
  3. 			font-family: tahoma , Verdana Geneva, Trebuchet MS, Sans-serif;
  4. 			font-size: 10px;
  5. 			color:#38394B;
  6. 			background:#000000;
  7. 		}
  8. .main 	{
  9. 			background:#000000;
  10. 		}
  11. #top11 	{	float:left;
  12. 			background:url(grafika/grafika_03.png);
  13. 			width:791px;
  14. 			height:11px;
  15. 			margin:0;
  16. 		}
  17. #top12 	{	float:left;
  18. 			background:url(grafika/grafika_05.png);
  19. 			width:791px;
  20. 			height:26px;
  21. 			margin:0;
  22. 		}
  23. #top12 h1{	padding:6px;margin:0;	font-size:11px;font-weight:bolder ;}
  24. #top13 	{	float:left;
  25. 			background:url(grafika/grafika_06.png);
  26. 			width:791px;
  27. 			height:132px;
  28. 		}		
  29.  
  30. img 	{	border: 0px;}
  31. .mglowne {
  32. 			background:url(grafika/grafika_13.png);
  33. 			height:29px;
  34. 			width:172px; 
  35. 			font-size:12px; 
  36. 			font-weight:bolder;
  37. 			text-transform:uppercase
  38. 		} 
  39. #tloglowne {background:url(grafika/grafika_17.png);height:121px;width:172px;}
  40.  
  41. #tloglowne h1 {padding:2px;margin:0; color:#D1EAF1;font-size:11px;font-weight:normal;font-size:10px;text-transform:uppercase;font-weight:bold;}
[HTML] pobierz, plaintext



Bardzo proszę o pomoc.
Pozdrawiam i życzę Wesołych Świąt
Powód edycji: dodalem tag (cysiaczek)
Go to the top of the page
+Quote Post
--mikel--
post
Post #2





Goście
http://validator.w3.org/check?uri=http%3A%...ine&group=0

Wywaliło 121 błędów to jak może być okey
Format png do poprawy
Doctype może lepiej ustawić na HTML 4.01 Strict
Go to the top of the page
+Quote Post
nero
post
Post #3





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 20.02.2007

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

dzięki za odpowiedz
ale co jest złego w tej linijce:
[HTML] pobierz, plaintext 
  1. <table width="830" height="376" align="center" cellpadding="0" cellspacing="0"
[HTML] pobierz, plaintext
(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Bo nie rozumiem
Niestety muszę pisać w Xhtm :/
a obrazki zmienię na gif
Pozdrawiam
Go to the top of the page
+Quote Post
john_doe
post
Post #4





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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

sie manko (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif)
spróbuj zrezygnować z atrybutu height i wpakuj go do css w ogóle zmień na style.
Dodaj taki DOCTYPE - wstaw to na początku kodu strony i zwaliduj ponownie, czytaj i jak co to pisz (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif) 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[HTML] pobierz, plaintext

Popraw kod zeby sie walidował. (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif)

Ten post edytował john_doe 26.12.2007, 00:59:51
Go to the top of the page
+Quote Post
nero
post
Post #5





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 20.02.2007

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

Witam (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif)

Wiec poprawiłem tak jak zalecaliście ale dalej w IE sie nie trzyma kupy (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Z walidacją jest już cacy (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Walidacja

Co mogę jeszcze zrobić ?
Go to the top of the page
+Quote Post
sniezny_wilk
post
Post #6





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

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

Zrób jeszcze coś z tym
Go to the top of the page
+Quote Post
nero
post
Post #7





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 20.02.2007

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

Poprawione. Dalej ciężko z IE (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
sniezny_wilk
post
Post #8





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

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

Ja bym na Twoim miejscu zrezygnował z PNG, skoro masz jednobitową przezroczystość to nie lepiej GIF ? IE ma problemy z PNG, trzeba mu nałożyć odpowiedni filtr, żeby wszytko było okej. Może to jest przyczyną ? tam gdzie masz divy które się nie rozszerzają, to może ustal w jakimś divie szerokość, a potem wsadź do niego inne i ustaw im szerokość na 100%
Go to the top of the page
+Quote Post
--mikel--
post
Post #9





Goście
cały stylesheet do poprawy, .body? takiego czegos nie ma jest body { background-color: #000; }
float: left: po co ci one w top11 i 12?

[HTML] pobierz, plaintext 
  1. <div><img src="grafika_03.png"></div>
  2.                         <div id="top12" align="right">
[HTML] pobierz, plaintext


css:
[HTML] pobierz, plaintext 
  1. body 	{
  2. background-color: #000;
  3. margin: 0;
  4. padding: 0;
  5. }
  6.  
  7. #top12 	{
  8. background:url('grafika_05.png') left top no-repeat #000;
  9. width:791px;
  10. height:26px;
  11. }
[HTML] pobierz, plaintext


W body nie musisz umieszczac wieklość font:
Mozesz to zrobic np w
td {
font: 12px verdana, tahoma, arial. sans-serif;
}
Go to the top of the page
+Quote Post
nero
post
Post #10





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 20.02.2007

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

Witam

Udało sie! (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Pierwszą i trzecią cześć bannera nie rzucałem w tło i od razu pomogło.
Dzięki wielkie Wszystkim za pomoc.

Pozdrawiam Nero (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif)
Go to the top of the page
+Quote Post
--mikel--
post
Post #11





Goście
http://jigsaw.w3.org/css-validator/

Jeszcze sprawdz sobie css, bo masz zapewne tyle samo bledow co poprzednio w indexie
Go to the top of the page
+Quote Post
nero
post
Post #12





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 20.02.2007

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

Tak tak wiem, tylko chwilowo nie mam czasu na przeinstalowanie edytora. Coś sie zwalił i nie chce zapisywać zmian.
Dzięki Mikel
Pozdrawiam
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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: 23.08.2025 - 08:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn