Jump to content
Sign in to follow this  
adam2350

Wyśrodkowanie formularza bazy adresów. fieldset

Recommended Posts

Siemka !

Mam problem z wyśrodkowaniem tego formularza coś szukam mecze się ale nie działa ani to ani to więc proszę o pomoc . 

KODY:

Spoiler

<!DOCTYPE HTML>
<html>
	<head>
		<title> Baza adresowa </title>
		<link href="css/style.css" type="text/css" rel="stylesheet"/>
	</head>
	<body>
		<form action="POST">
		<fieldset>
      <li>
			<label>Numer Użytkownika</label>
			<input type="text"/>
		</li>
		<li>
			<label>Hasło Użytwkonika</label>
			<input type="password"/>
		</li>
		<li>
			<label>Hasło zabezpieczeń PIN:</label>
			<input type="password"/>
		</li>
		<li>
		<input type="submit" value="Zaloguj"/>
		</li>
      		</fieldset>
	</form>
</body>
</html>

 

Spoiler

*{
	margin: 0;
	padding: 0;
}
form{
	padding-top: 10px;
  text-align: center;
  vertical-align: middle;
    width: 50%;
    margin-left: 35%;
}
li{
	clear: both;
	list-style-type: none;
	margin: 0 0 10px;
}
label{
  margin: 0 10px 0 0;
  text-align: right;
  padding: 5px;
	width: 170px;
  display: block;
  float: left;
}
input{
	padding: 5px 25px 5px 5px;
}
input[type=submit]{
  background:#7ab526;
  border: none;
  box-shadow: 0px 0px 5px #7ab52; 
  color: #fff; 
  left: 291px; 
  font-weight: bold; 
  padding-left: 5%; 
  width: auto;
}
fieldset{
  border: 1px solid #ccc;
  border-radius: 5px;
  float: left;
  padding: 10px;
  background-color:#EEE;
    position: absolute;
}

 

Dziękuję !

Share this post


Link to post
<!DOCTYPE HTML>
<html>
	<head>
		<title> Baza adresowa </title>
		<link href="css/style.css" type="text/css" rel="stylesheet"/>
	</head>
	<body><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
		<form action="POST">
		<fieldset>
      <li>
			<label>Numer Użytkownika</label>
			<input type="text"/>
		</li>
		<li>
			<label>Hasło Użytwkonika</label>
			<input type="password"/>
		</li>
		<li>
			<label>Hasło zabezpieczeń PIN:</label>
			<input type="password"/>
		</li>
		<li>
		<input type="submit" value="Zaloguj"/>
		</li>
      		</fieldset>
	</form>
</body>
</html>

 

  • Like 1

Share this post


Link to post
3 minuty temu, Mativve napisał:

Nie jest na środku a bardziej lewej strony.

 

SHU_1491931707399-633.png

1 minutę temu, BaQuee napisał:

<!DOCTYPE HTML>
<html>
	<head>
		<title> Baza adresowa </title>
		<link href="css/style.css" type="text/css" rel="stylesheet"/>
	</head>
	<body><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
		<form action="POST">
		<fieldset>
      <li>
			<label>Numer Użytkownika</label>
			<input type="text"/>
		</li>
		<li>
			<label>Hasło Użytwkonika</label>
			<input type="password"/>
		</li>
		<li>
			<label>Hasło zabezpieczeń PIN:</label>
			<input type="password"/>
		</li>
		<li>
		<input type="submit" value="Zaloguj"/>
		</li>
      		</fieldset>
	</form>
</body>
</html>

 

Wiesz co robi <br> ? 

Share this post


Link to post

<form action="/action_page.php" method="post"> - action określa skrypt na którym formularz ma być wykonany method to sposób wysyłania danych.
 

W box-shadow: 0px 0px 5px #7ab52;  w kolorze brakuje jednej literki/cyfry bo koloru nie wyświetla.
 

Tak to na moje oko wydaje się wszystko dobrze ☺️

  • Like 2

Share this post


Link to post
1 minutę temu, Mativve napisał:

<form action="/action_page.php" method="post"> - action określa skrypt na którym formularz ma być wykonany method to sposób wysyłania danych.
 

W box-shadow: 0px 0px 5px #7ab52;  w kolorze brakuje jednej literki/cyfry bo koloru nie wyświetla.
 

Tak to na moje oko wydaje się wszystko dobrze ☺️

Dziękuję ci za pomoc ! 

  • Like 1

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  
×
×
  • Create New...