Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Pasek
Forum PHP.pl > Forum > Przedszkole
Dominator
5.11.2011, 21:06:44
Witajcie, jestem świeży w CSS, mam taki problem. Nie wiem jak zrobić pasek oddzielający szare od niebieskiego (http://screenshooter.net/1176280/rubwcii), u mnie to wygląda tak (proszę nie zwracać uwagi na słowa) {http://screenshooter.net/1176280/erfektl}. Moje kody w CSS & HTML:



[HTML] pobierz, plaintext 
  1. body {
  2. background: url(../images/background.png) no-repeat;
  3. margin: 0;
  4. }
  5.  
  6. #header {
  7. 	height: 70px;
  8. 	position:absolute;
  9. 	width: 100%;
  10. 	background: #0B243B;
  11. 	border-bottom: 5px solid #848484;
  12. }
  13.  
  14. .rejuser {
  15. 	position:relative;
  16. 	top:84px;
  17. 	text-align:center;
  18. 	color: #9ACD32;
  19. 	font-size:50px;
  20. 	font:italic normal normal 36px Georgia, "Times New Roman", Times, serif;
  21. 	top:90px;
  22. 	text-align:center;
  23. 	padding:36px 0 3px center;margin:0;
  24. }
  25.  
  26. #table {
  27. 	height: auto;;
  28. 	top:130px;
  29. 	margin: 1 auto;
  30. 	width: 500px;
  31. 	padding-top: 7px;
  32. 	background: black left top repeat-x;
  33. 	margin-bottom: 20px;
  34. 	position:relative;
  35. 	-moz-border-radius: 5px;
  36. 	border-radius: 5px; 
  37. }
  38.  
  39. #text {
  40. 	color: #2A4A6F;
  41. 	font-family: Tw Cen MT;
  42. 	font-size: 27px;
  43. 	margin-left: 13px;
  44. }
  45.  
  46. #ottem {
  47. 	color: lime;
  48. 	padding: 5px;
  49. }
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <title>DeSilver | Rejestracja&trade;</title>
  2. <head>
  3. <link rel="stylesheet" href="../css/user_register.css" type="text/css">
  4. </head>
  5.  
  6. <div id="header"></div>
  7. <div class="rejuser">Zarejestruj się już dziś !</div>
  8.  
  9. <div id="table">
  10. <div id="text">Musztarda</div>
  11. <div id="ottem">fffff
  12. </div>
  13. </div>
[HTML] pobierz, plaintext
Niktoś
5.11.2011, 21:14:56
Albo robisz kolejnego diva i ustawiasz inny background,albo stylizujesz tagi np <h2>cos tam</h2>
div h2{
display:block;
width=500px;
height:100px;
background-color:Red;
border:2px solid Yellow;

}
Dominator
5.11.2011, 21:23:04
To się nazywa klasa ! Dzięki
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.