Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML][PHP] Biały pasek u gór strony
matwiej
post 3.08.2012, 09:54:06
Post #1





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 1.02.2010

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

Maxton i chrom pokazują mi nad górnym menu białą belkę.
Na FF tej belki nie ma wszystko jest ok.

Najpierw chciałbym pokazać jak dziwnie interpretuje kod maxton.

Fragment: 
[HTML] pobierz, plaintext 
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  2. <head></head>
  3. <body>
  4. ""  <--- Dziwi mnie skąd to się tu znalazło i to to robi tą belkę. Jeżeli w podglądzie ją usunę problem znika !!!!
  5. ?<!--?xml version="1.0" encoding="utf-8"?-->
  6.  
  7.  
  8. 	<meta name="Description" content="Tu wpisz opis zawarto?i strony"> 
  9. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">	
  10. 	<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami">
  11. 	<meta http-equiv="Content-Language" content="pl">
[HTML] pobierz, plaintext


Jak widzicie czyta że meta tagi są w body pomimo że są w head.
Teraz jak wyglądają pliki naprawdę:

index.php :
[PHP] pobierz, plaintext 
  1. <?php include 'head.php'; ?>
  2. ... dalsza nieistotna treść
  3.  
  4. </body> 
[PHP] pobierz, plaintext


head.php: 

[HTML] pobierz, plaintext 
  1. <?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. 	<meta name="Description" content="Tu wpisz opis zawarto?i strony" /> 
  7. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
  8. 	<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
  9. 	<meta http-equiv="Content-Language" content="pl" />
  10. 	<link rel="stylesheet" type="text/css" href="styl.css" />
  11.  
  12. 	<!-- Slider -->
  13. 	<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
  14. <script type="text/javascript">
  15.  
  16. $(document).ready(function() {		
  17. 	slideShow();
  18. });
  19.  
  20. function slideShow() {
  21. 	$('#gallery a').css({opacity: 0.0});
  22. 	$('#gallery a:first').css({opacity: 1.0});
  23. 	$('#gallery .caption').css({opacity: 0.7});
  24. 	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
  25. 	$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
  26. 	.animate({opacity: 0.7}, 400);
  27. 	setInterval('gallery()',6000);
  28. }
  29.  
  30. function gallery() {
  31. 	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));
  32. 	var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
  33. 	var caption = next.find('img').attr('rel');	
  34. 	next.css({opacity: 0.0})
  35. 	.addClass('show')
  36. 	.animate({opacity: 1.0}, 1000);
  37. 	current.animate({opacity: 0.0}, 1000)
  38. 	.removeClass('show');
  39. 	$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });	
  40. 	$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '70px'},500 );
  41. 	$('#gallery .content').html(caption);
  42. }
  43. </script>
  44. 	<!-- Slider -->
  45.  
  46. </head>
  47. <body>
  48. <div id="menu_tlo">
  49. 	<div id="menu">
  50. 		<ul>
  51. 		<li><a href="#">Kontakt</a></li>
  52. 		<li><a href="#">Oferta</a></li>
  53. 		<li><a href="#">Realizacje</a></li>
  54. 		<li><a href="#">Dokumenty</a></li>
  55. 		</ul>
  56. 	</div>
  57. ...	i tak się trochę ciągnie 
[HTML] pobierz, plaintext


I css: 
[HTML] pobierz, plaintext 
  1. body{
  2. margin: 0;
  3. padding: 0;
  4. font-size: 16px;
  5. font-family: verdana, arial;
  6. }
  7. @font-face {
  8.  font-family: TCMI;
  9.  src: url(TCCM.TTF); 
  10. }
  11. @font-face {
  12.  font-family: FRAHV;
  13.  src: url(FRAHV.TTF); 
  14. }
  15.  
  16. @font-face {
  17.  font-family: seg;
  18.  src: url(seg.TTF); 
  19. }
  20.  
  21. #menu_tlo{
  22.  
  23. background-image: url("images/tlo-cien.png");
  24. background-repeat:repeat-x;
  25. width: 100%;
  26. height: 50px;
  27. margin: 0;
  28. padding: 0;
  29. }
  30.  
  31. #menu{
  32. padding: 5px 0px 0px 0px;
  33. width: 960px;
  34. margin: 0 auto;
  35. height: 25px;
  36. }
[HTML] pobierz, plaintext


Wstawiałem tylko fragmenty kodu. Mam nadzieję że to wystarczy. Niestety nie mam jak pokazać strony ponieważ aktualnie jest na lokalnym serwerze. Problem pojawił się jak przeszedłem ze zwykłego pliku html na php i użyłem include. Może ktoś jest mi w stanie pomóc ?

Przepraszam że post pod postem ale chciałbym podnieść wyżej temat i pokazać do czego doszedłem.
Zauważyłem że właśnie include
[PHP] pobierz, plaintext 
  1. <?php include('head.php');?> 
[PHP] pobierz, plaintext

Generuje tą białą belkę na samej górze strony.
Jeżeli zawartość includa wrzucę do indexu wszystko działa ładnie.
Istnieje jakieś inne rozwiązanie (proste) załadowania elementu strony z innego pliku ?

Ten post edytował matwiej 2.08.2012, 20:29:45
Go to the top of the page
+Quote Post

Posty w temacie
- matwiej   [CSS][HTML][PHP] Biały pasek u gór strony   3.08.2012, 09:54:06
- - !*!   include dajesz w body, więc jest w body. Co to zna...   3.08.2012, 10:04:42
- - matwiej   Cytatinclude dajesz w body, więc jest w body. A no...   3.08.2012, 10:42:30
- - !*!   Poczytaj jakiś kurs HTML bo brakuje Ci podstaw. NI...   3.08.2012, 10:55:24
- - matwiej   To teraz mnie zdziwiłeś. Jakich podstaw mi brakuje...   3.08.2012, 11:04:27
- - !*!   Odnośnie budowy i struktury. Teraz jest dobrze, ch...   3.08.2012, 11:13:29
- - matwiej   Cytat(!*! @ 3.08.2012, 12:13...   3.08.2012, 11:24:15
- - !*!   Wypisują w nim bzdury. http://pl.wikibooks.org/wik...   3.08.2012, 11:31:27
- - matwiej   Ale ja właśnie tak robię. Zobacz to jest aktualny...   3.08.2012, 11:48:25
- - !*!   Nie mam pomysłu, zresztą w narzędziach developera,...   3.08.2012, 12:02:51
- - Evinek   U mnie jest okej. [CIACH] - choć jest reklama, to ...   3.08.2012, 12:04:20
- - matwiej   Faktycznie problem był w kodowaniu. Miałem UTF-8 ...   3.08.2012, 12:12:06

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

RSS Wersja Lo-Fi Aktualny czas: 13.08.2025 - 22:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn