Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Strona nie reaguje na zmiany w CSS.
Forum PHP.pl > Forum > Przedszkole
Mlody993
4.12.2009, 22:15:47
Witam,
mam problem ze stroną, nie słucha ona tego co zmienię w CSS.
To jest mój aktualny kod:
[HTML] pobierz, plaintext 
  1. <head>
  2. <title>Mlody993.pl - Official Home Page</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  4. <link rel="stylesheet" type="text/css" href="style.css" />
  5. </head>
  6. <body align="center" background="images/tlo.jpg" width="100%" height="100%" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  7. <div class="body">
  8.      <div class="head"></div>
  9.      <div class="top"></div>
  10.      <div class="logo_menu"></div>
  11.  
  12. <div class="menu_all">
  13.         <div class="menu_lew"></div>
  14.                    <a href="" class="menu" style="valign:middle;">Home</a>
  15.  
  16.           <div class="iks"></div><div class="sciana"></div><div class="iks"></div>
  17.  
  18.                    <a href="" class="menu" style="valign:middle;">Home</a>
  19.  
  20.           <div class="iks"></div><div class="sciana"></div><div class="iks"></div>
  21.         <div class="menu_empty"></div><div class="menu_end"></div>
  22. </div>
  23.  
  24. </div>
[HTML] pobierz, plaintext



I CSS:
[HTML] pobierz, plaintext 
  1. .body{
  2.         width:1200px;
  3.         height:800px;
  4. }
  5.  
  6. .head{
  7.         background-image: url(images/i_01.gif);
  8.     width:1200px;
  9.         height:16px;
  10.     margin:0 auto;
  11. }
  12.  
  13. .top{
  14.         background-image: url(images/i_02.gif);
  15.     width:1200px;
  16.         height:120px;
  17.     margin:0 auto;
  18. }
  19.  
  20. .logo_menu{
  21.         background-image: url(images/i_03.gif);
  22.     width:1200px;
  23.         height:15px;
  24.     margin:0 auto;
  25. }
  26.  
  27. .menu_all{
  28.     width:1200px;
  29.         height:58px;
  30.         display: inline;
  31.         overflow: hidden;
  32.         padding:0px;
  33.         padding-bottom: 100000000px;
  34.         margin-bottom: -100000000px;
  35. }
  36.  
  37. .menu_lew{
  38.         background-image: url(images/i_04.gif);
  39.     position: relative;
  40.         float:left;
  41.         margin-right:0px;
  42.         overflow: hidden;
  43.         padding:0px;
  44.     width:142px;
  45.         height:58px;
  46. }
  47.  
  48. .menu{
  49.         background-image: url(menu/menu.gif);
  50.         float:left;
  51.         margin-left:0px;
  52.         overflow: hidden;
  53.         padding:0px;
  54.         color:white;
  55.     width:96px;
  56.         height:58px;
  57.         text-decoration: none;
  58.         text-size: 12;
  59. }
  60.  
  61. .menu:hover{
  62.         background-image: url(menu/menu_activ.gif);
  63.         float:left;
  64.         margin-left:0px;
  65.         overflow: hidden;
  66.         padding:0px;
  67.         color:yellow;
  68.     width:96px;
  69.         height:58px;
  70.         text-decoration: underline;
  71.         text-size: 15;
  72. }
  73.  
  74. .iks{
  75.         background-image: url(menu/iks.gif);
  76.         float:left;
  77.     position: relative;
  78.         width:5px;
  79.         height:58px;
  80. }
  81.  
  82. .sciana{
  83.         background-image: url(menu/space.gif);
  84.         float:left;
  85.     position: relative;
  86.         width:4px;
  87.         height:58px;
  88. }
  89.  
  90. .menu_empty{
  91.         background-image: url(images/i_09.gif);
  92.     position: relative;
  93.         float:left;
  94.         margin-right:0px;
  95.         overflow: hidden;
  96.         padding:0px;
  97.     width:720px;
  98.         height:58px;
  99. }
  100.  
  101. .menu_end{
  102.         background-image: url(images/i_10.gif);
  103.     position: relative;
  104.         float:left;
  105.         margin-right:0px;
  106.         overflow: hidden;
  107.         padding:0px;
  108.     width:111px;
  109.         height:58px;
  110. }
  111.  
[HTML] pobierz, plaintext



Dlaczego muszę mieć <center>, gdy daje go w CSS to nie reaguje. Nie mogę też dać valign:middle; dla linków. Proszę o pomoc...

Strona aktualnie wygląda tak:
http://i45.tinypic.com/1632gm.jpg

Jeśli daje w ustawieniach menu (linki) valign:middle; i align:center; to linki są cały czas jak na zdjęciu, nie reagują na opcje. Nie mogę ich dać na środek. Dlaczego?
Chcę całą stronę dać też na środek, bo trzyma się lewej strony. I nie mogę... daje w .body align:center; i nic. Gdy dam w kodzie strony <center> to daje wszystko na środek linki też. Ale wtedy tekst i wszystko jest na środku.
darko
4.12.2009, 23:06:38
Może wyłącz w opcji przeglądarki ignorowanie stylów (styli ?) css dołączanych do stron www questionmark.gif
Mlody993
5.12.2009, 00:00:09
Mam wyłączone.
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.