Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Problem z wyglądem strony, HTML
Dreiven
post 17.04.2015, 22:22:42
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 27.05.2014

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

Witam,

Mam pewien kłopot jeśli chodzi o wygląd stronki http://lkosmala.pl/delacanios.html

Nie wiem jak ustawić by wysokość była na całym ekranie i jak zlikwidować ten biały pasek na środku.

Kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. 	<meta charset="UTF-8">
  5. 	<link rel="stylesheet" href="css/bootstrap.css">
  6. 	<link rel="stylesheet" href="css/style.css">
  7. </head>
  8. <body>
  9. 	<div id="wrapper">
  10. 		<div class="row">
  11.   			<div class="col-lg-6 col-xs-12">
  12. 				<div class="jumbotron">
  13. 					<h1>
  14. 						Witaj!
  15. 					</h1>
  16. 					<p>
  17. 						Załóż konto
  18. 					</p>
  19. 					<p>
  20. 						<a class="btn btn-primary btn-lg" disabled="disabled" role="button">Rejestracja</a>
  21. 					</p>
  22. 				</div>
  23. 			</div>
  24.   			<div class="col-lg-6 col-xs-12">
  25. 				<div class="jumbotron">
  26. 					<h1>
  27. 						Zaloguj się
  28. 					</h1>
  29. 					<form method="post" action="delacanio.html" class="form">
  30. 						<input type="text" name="Login" placeholder="Login" class="form-control" />
  31. 						<input type="password" name="password" placeholder="Password" class="form-control" /><br />
  32. 						<input type="submit" class="btn btn-primary" value="Zaloguj się" />
  33. 					</form>
  34. 				</div>	
  35. 			</div>
  36. 		</div>
  37. 	</div>
  38. </body>
  39. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Mega_88
post 17.04.2015, 22:40:00
Post #2





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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

css:
html { height: 100%; }

.col-lg-6 { padding:0px 0px 0px 0px; }

Sprawdzaj sobie w "Zbadaj element" i sam sobie następnym razem poradzisz smile.gif

Ten post edytował Mega_88 17.04.2015, 22:41:02
Go to the top of the page
+Quote Post
Dreiven
post 17.04.2015, 23:11:00
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 27.05.2014

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

height: 100%; w css już była ustawiona dawno smile.gif

Niestety to nie daje takiego efektu :/

Co do odstępu pomogło dzięki smile.gif
Go to the top of the page
+Quote Post
kreatiff
post 17.04.2015, 23:21:52
Post #4





Grupa: Zarejestrowani
Postów: 324
Pomógł: 105
Dołączył: 7.08.2012

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

A z height 100% i dla html i dla body nie pójdzie?
Go to the top of the page
+Quote Post
Dreiven
post 17.04.2015, 23:24:37
Post #5





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 27.05.2014

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

[HTML] pobierz, plaintext 
  1. body {
  2. 	width: 100%;
  3. 	height: 100%;
  4. 	display: table;
  5. }
  6. #wrapper {
  7. 	display: table-cell;
  8. 	vertical-align: middle;
  9. 	text-align: center;
  10. }
  11. .col-lg-6 {
  12. 	padding: 0px 0px 0px 0px;
  13. }
[HTML] pobierz, plaintext


Tak wygląda plik css.
Go to the top of the page
+Quote Post
Mega_88
post 18.04.2015, 07:35:12
Post #6





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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

Nie widzę tutaj tego co nic napisałem. W css wstaw: 

[HTML] pobierz, plaintext 
  1. html { height:100%; }
[HTML] pobierz, plaintext


Ten post edytował Mega_88 18.04.2015, 07:36:11
Go to the top of the page
+Quote Post
Dreiven
post 18.04.2015, 11:10:31
Post #7





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 27.05.2014

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

Efekt tylko wyśrodkowało stronę. Nadal nie to o co chodzi :/
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Standardowy · Przełącz na: 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: 20.04.2024 - 02:11
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn