Mały problem z formularzem HTML

0

Witam,
jestem młodym 15-letnim frond-end developerem i mam pewiem mały problem z formularzem HTML. Koduję kolejny layout strony internetowej w HTMLu i CSSie i po stworzeniu formularza można zacząć pisanie tylko od środka.** Dołączam załącznik ze screen'em.** Wie ktoś jak pomóc? Ja sam szukałem odpowiedzi i informacji na ten temat, ale nigdzie nic o tym nie ma. Nie zawracałbym nikomu tutaj głowy gdybym sam nie szukał odpowiedzi, ale szukałem i nie znalazłem. Pozdrawiam, Remigiusz :)

0

najedź na tego boxa i zobacz w przeglądarce (prawy myszy i zbadaj) jakie ma style css, sprawdź marginesy paddingi itp.

0
czysteskarpety napisał(a):

najedź na tego boxa i zobacz w przeglądarce (prawy myszy i zbadaj) jakie ma style css, sprawdź marginesy paddingi itp.

Jest tak:
height: 140px;
width: 445px;
border: 5px solid black;
margin-bottom: 95px;
ale chyba nic z tych rzeczy :/ Wiesz jak można to naprawić?

0

a ustaw line-height: 5px;

0
czysteskarpety napisał(a):

a ustaw line-height: 5px;

nic się nie zmieniło

0

Wrzuć kod na codepen i pokaż tutaj. Tak to trochę ciężko pomóc.

0
Mostek87 napisał(a):

Wrzuć kod na codepen i pokaż tutaj. Tak to trochę ciężko pomóc.

Trzymaj: https://codepen.io/anon/pen/bRYWQb

1

@remigiusz: zmień sobie input na textarea :)

1

Zamiast input type text uzyj <textarea id="message"></textarea>

Czyli:
HTML

<section class="sing-up">
						<h1 class="contact">contact us</h1>
						<label for="name">name</br></label>
						<input type="text" id="name">
						</br>
						<label for="emailData">e-mail</br></label>
						<input type="email" id="emailData">
						</br>
						<label for="message">message</br></label>
  <textarea id="message"></textarea>
						</br>
						<button class="btn-bottom">Send</button>
					</section>

css:

#name {
	height: 45px;
	width: 445px;
	border: 5px solid black;
	margin-bottom: 45px;
	line-height: 5px;
}

#emailData {
	height: 45px;
	width: 445px;
	border: 5px solid black;
	margin-bottom: 45px;
	line-height: 5px;
}

#message {
	height: 140px;
	width: 445px;
	border: 5px solid black;
	margin-bottom: 95px;
}

label {
	font-size: 18px;
	font-family: 'Muli', sans-serif;
}
0

Super! Podziałało!! Dziękuję wam bardzo za poświęcony czas :) Pozdrawiam.

1 użytkowników online, w tym zalogowanych: 0, gości: 1