Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]stona się rozwala... pomocy. Nie reaguje na width
Forum PHP.pl > Forum > Przedszkole
Mlody993
3.12.2009, 20:25:07
Witam,
mam problem ze stroną którą robię. Robiłem w photoshopie za pomocą poradnika, następnie pociąłem i teraz mam problem z treścią.

Strona wygląda tak
http://i46.tinypic.com/2usg8s3.jpg

Co zmienię treści strony to nie reaguje. Próbuje zmienić szerokość width i nie reaguje. Ustawiam 20, ustawiam 100 i nic, zero zmian.

To jest kod:
http://www.speedyshare.com/files/19606238/kod.txt

Proszę o szybką pomoc...<br>
nospor
3.12.2009, 20:27:33
Twoj problem nie ma żadnego związku z php jak to sugerujesz poprzez tag PHP nadany w tytule. To jest problem html i css. Popraw tag.

Zainteresuj się "nowoczesną" techniką tworzenia stron html + css bo to tu masz to chyba z kursów z przed 10 lat.
Mlody993
3.12.2009, 20:51:52
Oczywiście, że będzie CSS.

Na początek Photoshop dał mi wszystko w całości, chce wszystko w kupę ogarnąć a potem będę przerzucać na CSS i wszystko ustawiać. Jeśli teraz bym zaczął to bym się pogubił co od czego itp.
nospor
3.12.2009, 20:55:14
Ponowię grzecznie moją prośbę:
Cytat
To jest problem html i css. Popraw tag.
hankos0
3.12.2009, 23:17:31
Oj kolego, długa droga przed Tobą smile.gif Photoshop po pocięciu i zapisaniu dla weba wypluje właśnie coś takiego.
I teraz otwierasz jakimś edytorem tekstowym źródło strony, usuwasz wszystko co tam się znajduje i zaczynasz kodować. Polecam: www.kurshtml.boo.pl
Mlody993
3.12.2009, 23:22:01
Cytat(hankos0 @ 4.12.2009, 00:17:31 ) *
Oj kolego, długa droga przed Tobą smile.gif Photoshop po pocięciu i zapisaniu dla weba wypluje właśnie coś takiego.
I teraz otwierasz jakimś edytorem tekstowym źródło strony, usuwasz wszystko co tam się znajduje i zaczynasz kodować. Polecam: www.kurshtml.boo.pl


Tak, już się zorientowałem wcześniej tongue.gif Robie od nowa na divach, jak poprzednią stronę.
kamil_lk
3.12.2009, 23:32:58
jak chcesz to moge pociąć i zakodować winksmiley.jpg)
Mlody993
4.12.2009, 01:23:01
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. <center>
  7. <body align="center" background="images/tlo.jpg" width="100%" height="100%" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  8. <div class="body">
  9.      <div class="head"></div>
  10.      <div class="top"></div>
  11.      <div class="logo_menu"></div>
  12.  
  13. <div class="menu_all">
  14.         <div class="menu_lew"></div>
  15.         <div class="menu"><a href="" class="menu" style="valign:middle;">Home</a></div>
  16.         <div class="iks"></div><div class="sciana"></div>
  17. </div>
  18.  
  19. </div>
  20. </center>
[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.         valign:middle;
  51.         float:left;
  52.         margin-left:0px;
  53.         overflow: hidden;
  54.         padding:0px;
  55.         color:white;
  56.     width:96px;
  57.         height:58px;
  58.         text-decoration: none;
  59.         text-size: 12;
  60. }
  61.  
  62. .menu:hover{
  63.         background-image: url(menu/menu_activ.gif);
  64.         valign:middle;
  65.         float:left;
  66.         margin-left:0px;
  67.         overflow: hidden;
  68.         padding:0px;
  69.         color:yellow;
  70.     width:96px;
  71.         height:58px;
  72.         text-decoration: underline;
  73.         text-size: 15;
  74. }
  75.  
  76. .iks{
  77.         background-image: url(menu/iks.gif);
  78.         float:left;
  79.     position: relative;
  80.         width:5px;
  81.         height:58px;
  82. }
  83.  
  84. .sciana{
  85.         background-image: url(menu/space.gif);
  86.         float:left;
  87.     position: relative;
  88.         width:4px;
  89.         height:58px;
  90. }
[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.
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.