Mały problem z formularzem HTML

Mały problem z formularzem HTML
RE
  • Rejestracja:prawie 8 lat
  • Ostatnio:prawie 7 lat
  • Postów:9
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 :)

czysteskarpety
czysteskarpety
  • Rejestracja:około 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
0

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


RE
  • Rejestracja:prawie 8 lat
  • Ostatnio:prawie 7 lat
  • Postów:9
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ć?

czysteskarpety
czysteskarpety
  • Rejestracja:około 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
0

a ustaw line-height: 5px;


RE
  • Rejestracja:prawie 8 lat
  • Ostatnio:prawie 7 lat
  • Postów:9
0
czysteskarpety napisał(a):

a ustaw line-height: 5px;

nic się nie zmieniło

Mostek87
  • Rejestracja:prawie 12 lat
  • Ostatnio:około 2 lata
  • Postów:228
0

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

RE
  • Rejestracja:prawie 8 lat
  • Ostatnio:prawie 7 lat
  • Postów:9
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

SwateQ
  • Rejestracja:około 8 lat
  • Ostatnio:4 miesiące
  • Postów:87
1

@remigiusz: zmień sobie input na textarea :)

GK
  • Rejestracja:prawie 8 lat
  • Ostatnio:prawie 8 lat
  • Postów:5
1

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

Czyli:
HTML

Kopiuj
<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:

Kopiuj
#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;
}
edytowany 1x, ostatnio: Grzegorz Kasperski
RE
  • Rejestracja:prawie 8 lat
  • Ostatnio:prawie 7 lat
  • Postów:9
0

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

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.