Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wyśrodkowanie
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
baszek
4.07.2007, 00:54:20
Witam
Mam problem z wyśrodkowaniem całego tekstu. Adres to strony to www.wuhem.xip.pl/pokrowce.html
a kod to :
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>Pokrowce na ATV</TITLE>
  5. <META name="AUTHOR" content="Simon">
  6. <META name="KEYWORDS" content="pokrowce na atv, pokrowiec na atv">
  7. <META name="DESCRIPTION" content="Pokrowiec na ATV Kamuflaż wykonany z poliamidu w technologi RIP STOP powlekany 
  9. poliuretanem-100% nieprzemakalny, o zwiększonej odporoności na rozdzieranie. Materiał taki stosowany jest międzyinnymi w 
  11. armii NATO na - pałatki, przykrycia sprzętu elektronicznego, ubrania przeciwdeszczowe, plecaki i inne. Pokrowiec można 
  13. również wykorzystać w terenie jako mata do spania.">
  14. </HEAD>
  15. <BODY bgcolor="#FFFFFF" text="#000000">
  16. <DIV style="position:absolute;left:368px;top:82px;width:396px;height:44px;z-index:1" align="center">
  17. <FONT style="FONT-SIZE:28pt" color="#000000" face="Arial"><B>POKROWCE NA ATV</B></FONT></DIV>
  18. <DIV style="position:absolute;left:288px;top:167px;width:556px;height:152px;z-index:2" align="center">
  19. <TABLE width="100%" height="100%" border="0" cellpadding="0" cellpsacing="3">
  20. <TR>
  21. <TD align="center" valign="top" width="181" height="146"><TABLE border="0" cellpadding="0" cellspacing="0">
  22. <TR><TD align="center" valign="top" width="181" height="146"><A href="pokrowce/zmniejszone.jpg"><IMG border="0" 
  23.  
  24. src="pokrowce/zmniejszone.jpg" width="181" height="135"></A></TD></TR></TABLE>
  25. </TD>
  26. <TD align="center" valign="top" width="181" height="146"><TABLE border="0" cellpadding="0" cellspacing="0">
  27. <TR><TD align="center" valign="top" width="181" height="146"><A href="pokrowce/zmniejszone2.jpg"><IMG border="0" 
  28.  
  29. src="pokrowce/zmniejszone2.jpg" width="181" height="134"></A></TD></TR></TABLE>
  30. </TD>
  31. <TD align="center" valign="top" width="181" height="146"><TABLE border="0" cellpadding="0" cellspacing="0">
  32. <TR><TD align="center" valign="top" width="181" height="146"><A href="pokrowce/zmnieszjone3.jpg"><IMG border="0" 
  33.  
  34. src="pokrowce/zmnieszjone3.jpg" width="181" height="136"></A></TD></TR></TABLE>
  35. </TD>
  36. </TR>
  37. </TABLE>
  38. </DIV>
  39. <DIV style="position:absolute;left:295px;top:336px;width:543px;height:154px;z-index:3" align="center">
  40. <FONT style="FONT-SIZE:14pt" color="#000000" face="Arial">Pokrowiec na ATV Kamuflaż wykonany z poliamidu w technologi RIP 
  41.  
  42. STOP powlekany poliuretanem-100% nieprzemakalny, o zwiększonej odporoności na rozdzieranie. Materiał taki stosowany jest 
  43.  
  44. międzyinnymi w armii NATO na - pałatki, przykrycia sprzętu elektronicznego, ubrania przeciwdeszczowe, plecaki i inne. 
  45.  
  46. Pokrowiec można również wykorzystać w terenie jako mata do spania.</FONT></DIV>
  47. <DIV style="position:absolute;left:459px;top:50px;width:214px;height:16px;z-index:4" align="center">
  48. <FONT style="FONT-SIZE:10pt" color="#000000" face="Arial"><A href="index.html">PRZEJDŹ DO STRONY 
  49.  
  50. GŁÓWNEJ</A></FONT></DIV>
  51. </BODY>
  52. </HTML>
[HTML] pobierz, plaintext


Jeśli ktoś was wie jak wyśrodkować ten tekst + zdjęcia to byłbym bardzo wdzięczny. Męcze się z tym już jakiś czas i zero efektów.
Z góry dzięki za pomoc
Pozdrawiam
gszesiek
4.07.2007, 01:04:20
1. masz na stałe podane położenie
2. Po stornie przeglądarki->CSS i XHTML - Najczęściej zadawane pytania
baszek
4.07.2007, 09:50:52
Czyli musze nie podawać tego 
[HTML] pobierz, plaintext 
  1. <DIV style="position:absolute;left:368px;top:82px;width:396px;height:44px;z-index:1" align="center">
[HTML] pobierz, plaintext
i zostawić samo align="center" questionmark.gif prubowałem usunąć left:368px ale wtedy mi wszystko do lewej strony rzucało.
Zajec
4.07.2007, 15:56:13
Objąłeś ciężką (wręcz niepoprawną?) metodę tworzenia strony. Wszystkie elementy powinno się raczej układać w logiczną całość, wykorzystując dziedziczenie, zawieranie się jednego elementu w drugim. Ty w tej chwili każdemu określasz pozycję absolutną.
baszek
5.07.2007, 00:48:23
Czyli jednym słowem nie da się tego poprawić i trzeba od początku napisać wszystko ?
Zajec
5.07.2007, 08:55:01
Cytat(baszek @ 5.07.2007, 01:48:23 ) *
Czyli jednym słowem nie da się tego poprawić i trzeba od początku napisać wszystko ?

Pewnie i się jakoś da, tylko w pewnym momencie dojdziesz do tak niezrozumiałego kodu, że się w tym wszystkim zamotasz :-)

Do wyśrodkowywania tekstu w CSS służy text-align, może wystarczy go dodać zamiast obecego atrybutu HTML "align"?
baszek
5.07.2007, 11:36:11
czyli usunąć align="center" i dodać wcześniej style="text-align:center;"


Właśnie pozmieniałem tak i dalej jest tak samo jak było z align="center" , prubowałem też usunąć to left:xxxpx ale wtedy wszystko do lewej przenosi.
narki1
26.07.2007, 13:11:09
Trochę powywalałem aaevil.gif 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><TITLE>Pokrowce na ATV</TITLE><META name="AUTHOR" content="Simon"><META name="KEYWORDS" content="pokrowce na atv, pokrowiec na atv"><META name="DESCRIPTION" content="Pokrowiec na ATV Kamuflaż wykonany z poliamidu w technologi RIP STOP powlekany poliuretanem-100% nieprzemakalny, o zwiększonej odporoności na rozdzieranie. Materiał taki stosowany jest międzyinnymi w armii NATO na - pałatki, przykrycia sprzętu elektronicznego, ubrania przeciwdeszczowe, plecaki i inne. Pokrowiec można również wykorzystać w terenie jako mata do spania.">
  2. </HEAD>
  3. <BODY style="text-align:center";bgcolor="#FFFFFF" text="#000000">
  4.  
  5. <DIV style="
  6. margin-left:auto; 
  7. margin-right:auto;
  8. width:396px;
  9. height:44px;
  10. z-index:1";>
  11.  <FONT style="FONT-SIZE:28pt" color="#000000" face="Arial"><B>POKROWCE NA ATV</B></FONT></DIV>
  12.  <DIV style=width:214px;height:16px;z-index:4" align="center"><FONT style="FONT-SIZE:10pt" color="#000000" face="Arial"><A href="index.html">PRZEJDŹ DO STRONY GŁÓWNEJ</A></FONT>
  13.  </DIV>
  14. <DIV style="width:556px;height:152px;z-index:2" >
  15. <TABLE width="100%" height="100%" border="0" cellpadding="0" cellpsacing="3">
  16. <TR><TD valign="top" width="181" height="146"><TABLE border="0" cellpadding="0" cellspacing="0"><TR><TD align="center" valign="top" width="181" height="146"><A href="pokrowce/zmniejszone.jpg"><IMG border="0" src="pokrowce/zmniejszone.jpg" width="181" height="135"></A></TD></TR></TABLE></TD><TD align="center" valign="top" width="181" height="146"><TABLE border="0" cellpadding="0" cellspacing="0"><TR><TD align="center" valign="top" width="181" height="146"><A href="pokrowce/zmniejszone2.jpg"><IMG border="0" src="pokrowce/zmniejszone2.jpg" width="181" height="134"></A></TD></TR></TABLE></TD><TD align="center" valign="top" width="181" height="146"><TABLE border="0" cellpadding="0" cellspacing="0"><TR><TD align="center" valign="top" width="181" height="146"><A href="pokrowce/zmnieszjone3.jpg"><IMG border="0" src="pokrowce/zmnieszjone3.jpg" width="181" height="136"></A></TD></TR></TABLE></TD></TR></TABLE>
  17. </DIV>
  18.  
  19. <DIV style="position:width:543px;height:154px;z-index:3" align="center"><FONT style="FONT-SIZE:14pt" color="#000000" face="Arial">Pokrowiec na ATV Kamuflaż wykonany z poliamidu w technologi RIP STOP powlekany poliuretanem-100% nieprzemakalny, o zwiększonej odporoności na rozdzieranie. Materiał taki stosowany jest międzyinnymi w armii NATO na - pałatki, przykrycia sprzętu elektronicznego, ubrania przeciwdeszczowe, plecaki i inne. Pokrowiec można również wykorzystać w terenie jako mata do spania.</FONT>
  20. </DIV>
  21.  
  22. </BODY>
  23. </HTML>
[HTML] pobierz, plaintext


Może się przydać
Ale jakby poszukał to można jeszcze sporo wywalić cool.gif
piter2k1
14.09.2007, 13:15:13
I pamiętaj na przyszłość że elementu absolute mają położenie jak sama nazwa wskazuję absolutne! i nic tu align nie pomoże!
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.