Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Problemy z css
NickOver
post 21.03.2014, 17:18:26
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 10
Dołączył: 13.03.2014
Skąd: Bydgoszcz

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

Siemka wink.gif
style:
[HTML] pobierz, plaintext 
  1. body {
  2. 	 background:#fff;
  3. 	 margin:0px;
  4. 	 font-size:30px;
  5. 	 height: 600px;
  6. 	 width: 100%;
  7. }
  8.  
  9. .pds
  10. {
  11. 	width: 100%;
  12. 	height: 600px;
  13. 	margin:0px;
  14. 	background:#999999;
  15. }
  16. p.kl1
  17. {
  18.         position: relative;
  19.         top: 10%;
  20.         left: 10%;
  21.         width: 40%;
  22.         height: 80%;
  23.         background:#000000;
  24. }
  25.  
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. index:
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Untitled Document</title>
  7. <meta name="Description" content="opis strony" />
  8. <meta name="keywords" content="słowa kluczowe" />
  9. <meta name="Author" content="Autor" />
  10. <meta name="Robots" content="ALL" />
  11. <meta name="revisit-after" content="10" />
  12. <link rel="stylesheet" type="text/css" href="style.css" />
  13. </head>
  14.  
  15. <body>
  16.  
  17. <div class="pds">
  18. asdasd
  19. <p class="kl1">
  20. ajhbdh
  21. </p>
  22. </div>
[HTML] pobierz, plaintext


efekt:


Chodzi mi o to, aby czarny element był pośrodku względem osi Y, oddalony o 10% od lewej i był do połowy strony. Niestety gdy usuwam position: relative; względem osi Y jest spoko, ale nie jest oddalony od lewej krawędzi.

Jeszcze jakby ktoś mógł mi wytłumaczyć jak stosować klasy i podklasy [jak napisać klase, podklase i te wszystkie inne w arkuszu, i jak łączyć je razem (tj. praktycznie rozwiązanie mojego probelmu)] byłbym bardzo wdzięczny wink.gif

Z góry dzięki wink.gif

PS.Przepraszam za taką nazwe, ale na prawdę nie wiedziałem jak to nazwać. Jeśli jakiś admin coś wymyśli prosił bym o zmiane :*

Ten post edytował NickOver 21.03.2014, 17:37:31
Go to the top of the page
+Quote Post
kamil4u
post 21.03.2014, 17:39:00
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

http://jsfiddle.net/x54a2/


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
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: 5.06.2024 - 18:55
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn