Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ach te, cssy... :(
Jarod
post 19.05.2005, 03:16:16
Post #1





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Hmm.. Nawet nie wiem jak to opisać. Sami zobaczcie

a.css
Kod
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #3232CD;
    background-color: #DBDBDB;
    }

#left {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 2px;
    padding: 1px;
    border: 1px solid #ccc;
    background: #D9A300;
    width: 185px;
    }
html>body #left {
    width: 185px; /* ie5win fudge ends */
    }

#middle {
        margin-top: 2px;
        margin-left: 192px;
        margin-right: 2px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #666;
/*    background: #DBDBDB; */
        }

p {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
    }

pre {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
        }


a.php
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. <!DOCTYPE HTML PUBLIC &#092;"-//W3C//DTD HTML 4.0 Transitional//EN\">
  4. <html>
  5. <head>
  6. 	  <meta http-equiv=&#092;"Content-Type\" content=\"text/html; charset=iso-8859-2\"/>
  7. 	  <meta name=&#092;"pragma\" content=\"no-cache\" />
  8. 	  <title>Wypełnianie formularza...</title>
  9. 	  <link rel=&#092;"stylesheet\" type=\"text/css\" href=\"a.css\" />
  10. </head>
  11. <body>
  12.  
  13. <div id=&#092;"left\">
  14. <p>11111111111111111111</p>
  15. <p>11111111111111111111</p>
  16. <p>11111111111111111111</p>
  17. <p>11111111111111111111</p>
  18.  
  19. </div>
  20.  
  21. <div id=&#092;"middle\">
  22. <pre>przyklad</pre>
  23. <pre>przyklad</pre>
  24. <pre>przyklad</pre>
  25.  
  26. </div>
  27.  
  28.  
  29. </body>
  30. </html>
  31.  
  32. ?>
[PHP] pobierz, plaintext


Wraz z każdym dodaniem np <p>11111111111111111111</p> lub <pre>przyklad</pre> menu rozszerza sie. Ale jak między <p></p> wstawiam tabele to dopiero jest jazde - prawie trójwymiar. Jak to porządnie zrobić? W tabelach chcę wstawić formularz rejestracyjny.

I druga sprawa jak rozciągnąć to lewe menu i środek do końca przegląarki?


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Zajec
post 19.05.2005, 07:10:22
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Cytat(J4r0d @ 2005-05-19 03:16:16)
W tabelach chcę wstawić formularz rejestracyjny.

Ojej...
[XML] pobierz, plaintext 
  1. <label for="nick">Nick:</label><input type="text" id="nick" name="nick" />
  2. <label for="pass">Hasło:</label><input type="text" id="pass" name="pass" />
[XML] pobierz, plaintext

I wtedy jeszcze tylko ustawiasz sobie odpowiednie wartość w css:
Kod
label {
float: left;
clear: left;
width: 50%;
}
input {
float: left;
width: 30%;
margin-right: 17%;
}

Tylko pamiętaj, że suma szerokości i marginesów (lewy, prawy) nie może być 100%, ani chyba 99% - bo bIEdna przeglądarka sobie z tym nie poradzi. Dlatego u mnie jest 97%.

Ten post edytował Zajec 19.05.2005, 07:11:12
Go to the top of the page
+Quote Post
Jarod
post 19.05.2005, 18:20:43
Post #3





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Zrobiłem Twoim sposobem
Wynik


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
revyag
post 20.05.2005, 08:42:19
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

po dive zamykającym #middle daj:
Kod
<br style="clear:both" />


--------------------
-------------

------
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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 · Linearny+ · Przełącz na: Drzewo

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

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