Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

KrzysiekHi

Trzy divy równolegle obok siebie. Rozwalają się po powiększeniu

Promowane odpowiedzi

6 godzin temu, chrisN napisał:

Chciałem dodać czcionka i się udało ale teraz mi się znów rozjechało to wszystko :(

 

strona.rar

Gdy otwieram to wszystko jest ok :P

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
10 godzin temu, QurczaX. napisał:

informatyka w szkołach to porażka... jestem w pierwszej klasie licealnej, na podstawowej informatyce poprawiałem panią nauczyciel bo gadała głupoty, w drugim semestrze się poddałem, ile można? ręce opadają - jestem przed wyborem rozszerzenia, bo w klasie drugiej dojdzie mi drugie rozszerzenie; jeszcze pół roku temu byłem pewny, że rozszerzę informatykę ale obawiam się, że na tym rozszerzeniu rozszerzeniu do matury dostanę białej gorączki;

reasumując - poziom wyedukowania nauczycieli informatyki jest śmiesznie niski, sama teoria i to przekręcona i przeinterpretowana po swojemu, mówię tutaj ogólnikowo bo od znajomych wiem, że w innych szkołach sytuacja ma się podobnie

 

16 godzin temu, BlackIce napisał:

 

To wystarczy dla uno nadać szerokość i wycentrować w poziomie. Żadne marginesy procentowe. Kto Cię tego nauczył?

z drugiej strony wyśrodkowanie nie zawsze daje efektu bo gdy chcemy margines to trzeba nadać go :D 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
15 godzin temu, Black Killer napisał:

Gdy otwieram to wszystko jest ok :P

 

Jaka przeglądarka? U mnie buttony są od siebie oddalone i scroll się pojawił na stronie po tym jak stopke dodałem no i tekst wrócił do góry a nie jest wycentrowany w pionie.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
6 minut temu, chrisN napisał:

 

Jaka przeglądarka? U mnie buttony są od siebie oddalone i scroll się pojawił na stronie po tym jak stopke dodałem no i tekst wrócił do góry a nie jest wycentrowany w pionie.

.button {
	width: 100%;
  line-height:40px;
	height: 40px;
	background-color: #4F4F4F;
	color: white;
	font-size: 20px;
	clear: both;
  margin:0;
  border-bottom: 2px solid #fff;
transition-property: background;
transition-duration: 2s;
}
.button:first-child
{
	padding-top:50px;
}

Usuń "p" w buttonach i w stopce. Nie dawaj "padding-left:600px" tylko centruj to jak przystało :D

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Godzinę temu, Black Killer napisał:

.button {
	width: 100%;
  line-height:40px;
	height: 40px;
	background-color: #4F4F4F;
	color: white;
	font-size: 20px;
	clear: both;
  margin:0;
  border-bottom: 2px solid #fff;
transition-property: background;
transition-duration: 2s;
}
.button:first-child
{
	padding-top:50px;
}

Usuń "p" w buttonach i w stopce. Nie dawaj "padding-left:600px" tylko centruj to jak przystało :D

 

Działa ale jak dodaje 

 

  font: 16px/32px 'Montserrat-bold', Arial, sans-serif;

 

to wraca na swoje miejsce :/

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
3 minuty temu, chrisN napisał:

font: 16px/32px 'Montserrat-bold', Arial, sans-serif;

to zapisz to jako

font-size: 16px;

font-family: 'Montserrat-bold', Arial, sans-serif;

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
23 minuty temu, Black Killer napisał:

to zapisz to jako

font-size: 16px;

font-family: 'Montserrat-bold', Arial, sans-serif;

 

Git działa, jeszcze jedno pytanie jak wycentrować tekst w tym? Normalnie w html <center></center>? Bo jak robię float:center; to nic się nie dzieje, i jak ten tekst w stopce wyśrodkować w pionie bo padding-top w ogóle nie reaguje na to.

 


.stopka {
    clear: both;
    position: absolute;
bottom: 0;
width: 99%;
height: 5%;
color: white;
background-color: #434343;
    float: center;
    box-sizing:border-box;
    border-top: 2px solid #fff;
    font-size: 16px;

font-family: 'Montserrat-bold', Arial, sans-serif;
}

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

text-align:center;

height:60px;

line-height:60px;

 

Wiele sposobów jest na wycentrowanie w pionie. Jednym wlasnie jest line-height. 

Możesz też dodac tekst w stopce w <span></span>

I ostylowac 

.stopka span
{
transform:translateY(WARTOSCpx);
}

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

znacznika center się już nie używa, a float nie jest od centrowania tekstu.

 

text-align: center

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
48 minut temu, BlackIce napisał:

znacznika center się już nie używa, a float nie jest od centrowania tekstu.

 


text-align: center

 

 

50 minut temu, Black Killer napisał:

text-align:center;

height:60px;

line-height:60px;

 

Wiele sposobów jest na wycentrowanie w pionie. Jednym wlasnie jest line-height. 

Możesz też dodac tekst w stopce w <span></span>

I ostylowac 


.stopka span
{
transform:translateY(WARTOSCpx);
}

 

 

 

Działa dzięki :D Ale mam kolejne pytanie, jak to menu pociągnąć do końca? żeby było do samej stopki. mam ustawione height: 100% ale jest tylko do ostatniego buttona.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Utwórz konto

Utwórz konto. To darmowe i bardzo proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się teraz


  • Podobna zawartość

    • Przez kodix
      .footerprogress {color:#000; position:static; margin:0 auto; bottom: 0; left: 0; right: 0; justify-content:center; align-items:center; background-color:#192421; height:76px; width:100%; } #socialicon {background-color:#fff; position:static; bottom: 0; left: 0; right: 0; border-top: 1px solid white; justify-content:center; align-items:center; height:76px; width:100%; }  
      Mam owy css, dlaczego text/obrazki w srodku owych divow:
      nie znajduja sie na srodku calego prostokata. dlaczego oba divy nachodza na siebie? oczekuje cos takiego jak w zalaczniku
    • Przez Blaku
      Cześć!
      Mam problem z kolejnością DIVów.
      Chce uzyskać taki efekt jak na zdjęciu: http://imgur.com/a/g7W2v
      Dodaję obramowania DIVom, wszystko fajnie. Lecz gry przychodzi ułożyć je jak chce mam takowy efekt: http://imgur.com/a/bUzvV
       
      Fragment kodu: 
       
      Problem jest w tym, że div jest w divie i dlatego się podsuwa pod niego?
      Czy muszę pozycjonowaniem coś z tym zrobić?
      Pomóżcie bo serio nie mam pojęcia jak się zabrać do tego
       
      PS. Link do strony podam, lepiej zawsze będzie
       
      LINK
×