Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Problem z pozycjonowaniem?
dolar
post
Post #1





Grupa: Zarejestrowani
Postów: 92
Pomógł: 0
Dołączył: 19.10.2016

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

Ponownie ja (IMG:style_emoticons/default/biggrin.gif) .
Mam w zanadrzu zrobic sobie jednego wielkiego diva i w srodku niego 9 innych, tak zeby kazdy div w srodku byl kwadratem ( taka plansza do kolko i krzyzyk ) - robie to na divach w ramach cwiczen, pewnie prostsza bylaby tabela, ale zostanmy przy divach. Oto moj kod:

[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <link href="cwiczenia.css" type="text/css" rel="stylesheet" /> 
  4.     </head>
  5.     <body style="border: solid green; height: 500px;">
  6.  
  7.         <div id="glowny">
  8.             <div class="male">x</div>
  9.              <div class="male">x</div>
  10.               <div class="male">x</div>
  11.               <br clear="all"/>
  12.                <div class="male">x</div>
  13.                 <div class="male">x</div>
  14.                  <div class="male">x</div>
  15.                  <br clear="all"/>
  16.                   <div class="male">x</div>
  17.                    <div class="male">x</div>
  18.                     <div class="male">x</div>          
  19.         </div>
  20.  
  21.     </body>
  22.  
[HTML] pobierz, plaintext 


[CSS] pobierz, plaintext 
  1.  
  2. #glowny {
  3.     border: solid black; 
  4.     width: 318px;
  5.     height: 318px;
  6.     margin-left: auto;
  7.     margin-right: auto; 
  8.     margin-top: 100px;
  9.     position: relative;
  10.  
  11. }
  12.  
  13. .male {
  14.  
  15.  float:left; 
  16.  border: solid green; 
  17.  width: 100px; 
  18.  height:100px; 
  19. }
  20.  
[CSS] pobierz, plaintext






Problemy mam dwa:
1. Jak wysrodkowac aby #glowny byl wysrodkowany w pionie? Bo nie potrafie tego i zrobilam margin....
2. Jak wysrodkowac w pionie tez text w divie? tutaj "x"?

P.S. Czy daloby rade to zrobic w display-inline? Jak odaje inline w .male to nie widzi jakby szerokosci i wysokosci...

Ten post edytował dolar 15.11.2016, 11:38:14
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
dolar
post
Post #2





Grupa: Zarejestrowani
Postów: 92
Pomógł: 0
Dołączył: 19.10.2016

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

@Tomplus - Twoj przyklad mi nie dziala, a kombinowalam wlasnie z table i cell

inline-block tez mi nie dziala (IMG:style_emoticons/default/sad.gif) , albo nei potrafie go uzyc

ok inline-block dziala mi poprawnie ale jesli nadal zostanie float niestety :/.

edit: dobra oganrelam juz inline-block ;p

Tak teraz wyglada moj kod, tylko ze mam lekkie odstepy miedzy poszczegolnymi divami teraz, fakt sa obok siebie, ale nie przylegaja i tutaj niestety musze miec float, czy da sie bez floata jakos? 

[CSS] pobierz, plaintext 
  1.  
  2. #glowny {
  3.     border: solid black; 
  4.     width: 326px;
  5.     height: 318px;
  6.     position: absolute;
  7.     left: 50%;
  8.     top: 50%;
  9.     transform: translate(-50%, -50%);
  10.  
  11. }
  12.  
  13. .male {
  14.     display: inline-block;
  15.     float:left;
  16.     border: solid green; 
  17.     width: 100px; 
  18.     height:100px;
  19. }
  20.  
[CSS] pobierz, plaintext


Jeszcze zostal mi nadal problem z wysrodkowaniem textu w divach w pionie i poziomie - tutaj "x"...

Ktos cos? Bo skonczyly mi sie pomysly (IMG:style_emoticons/default/sad.gif)

Ten post edytował dolar 15.11.2016, 12:38:18
Go to the top of the page
+Quote Post

Posty w temacie
- dolar   [HTML] Problem z pozycjonowaniem?   15.11.2016, 11:20:04
- - nospor   Widziales moje wczorajsze posty dla Ciebie? Nie uw...   15.11.2016, 11:25:17
- - dolar   Ok rozumiem, bede na przyszlosc stosowac bbcode, t...   15.11.2016, 11:31:53
- - nospor   Dziekuje, zdecydowanie lepiej ps: [CSS] pobierz...   15.11.2016, 11:33:19
- - dolar   Udalo sie zmodyfikowac post - dzieki za wskazowki ...   15.11.2016, 11:38:55
- - nospor   Cytatale to nie rozwiazuje moich problemowJak to n...   15.11.2016, 11:41:58
- - dolar   Heh fakt moj bald . Lepszy czepialski mod, ktory m...   15.11.2016, 11:43:09
- - Tomplus   @Dolar Wystarczyło wejść na pierwszy lepszy manual...   15.11.2016, 11:48:40
- - SmokAnalog   Użyj display: inline-block zamiast float. Daje to ...   15.11.2016, 11:49:21
- - dolar   @Tomplus - Twoj przyklad mi nie dziala, a kombinow...   15.11.2016, 14:57:56
- - trueblue   Między elementami inline-block nie może być białeg...   15.11.2016, 15:08:11
- - dolar   Dalej mi nie dziala.. to wycentrowanie textu w div...   15.11.2016, 16:30:03
- - trueblue   -webkit-transform: translate(-50%, -50%); transfor...   15.11.2016, 16:33:18
- - dolar   Wybcza trueblue, ale nie wiem nawet gdzie mam Twoj...   15.11.2016, 16:43:47
- - trueblue   A który element chcesz wyśrodkować na ekranie i gd...   15.11.2016, 16:46:00
- - dolar   Mam juz wysrodkowany glowny div, a w nim 9 innych....   15.11.2016, 17:09:27
- - trueblue   https://css-tricks.com/centering-css-complete-guid...   15.11.2016, 17:56:35
- - SmokAnalog   Jeśli chodzi o przerwy między elementami, to ja zw...   15.11.2016, 22:45:54
- - Tomplus   @dolar Ale także nie działa ci ten przykład na jsf...   16.11.2016, 09:19:41

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 12.10.2025 - 06:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn