Forum PHP.pl > Ach te

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Ach te

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Jarod

19.05.2005, 03:16:16

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 
<?php
 
<!DOCTYPE HTML PUBLIC &#092;"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
	  <meta http-equiv=&#092;"Content-Type\" content=\"text/html; charset=iso-8859-2\"/>
	  <meta name=&#092;"pragma\" content=\"no-cache\" />
	  <title>Wypełnianie formularza...</title>
	  <link rel=&#092;"stylesheet\" type=\"text/css\" href=\"a.css\" />
</head>
<body>
 
<div id=&#092;"left\">
<p>11111111111111111111</p>
<p>11111111111111111111</p>
<p>11111111111111111111</p>
<p>11111111111111111111</p>
 
</div>
 
<div id=&#092;"middle\">
<pre>przyklad</pre>
<pre>przyklad</pre>
<pre>przyklad</pre>
 
</div>
 
 
</body>
</html>
 
?>
[PHP] pobierz, plaintext

Wraz z każdym dodaniem np 11111111111111111111 lub <pre>przyklad</pre> menu rozszerza sie. Ale jak między 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?

Zajec

19.05.2005, 07:10:22

Cytat(J4r0d @ 2005-05-19 03:16:16)

W tabelach chcę wstawić formularz rejestracyjny.

Ojej...

[XML] pobierz, plaintext 
<label for="nick">Nick:</label><input type="text" id="nick" name="nick" />
<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%.

Jarod

19.05.2005, 18:20:43

Zrobiłem Twoim sposobem
Wynik

revyag

20.05.2005, 08:42:19

po dive zamykającym #middle daj:

Kod

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.