[CSS]Kilka blokow a margines Opcje

[chrzanu]

Witam
Chce umiescic w rzedzie 3 bloki div z odstepem miedzy nimi 35px. Problem pojawia sie przy trzecim bloku poniewaz przez duzy margines nie miesci sie w jednej linii i przeskakuje nizej. Da sie to jakos sensownie rozwiazac? Obecnie te wszystkie bloki mam w innym bloku ktory jest wiekszy niz strona dzieki czemu ostatni blok nie przechodzi nizej. W linku zdjecie przedstawiajace o co chodzi.


Ten post edytował chrzanu 16.07.2012, 19:04:25

[Aqu]

Może niech tylko środkowy div dostanie margines na prawo i lewo (margin-left margin-right) po 35px i to wszystko wyśrodkuj?

[toffiak]

1 Pseudoklasa last-child i usunięcie prawego marginesu
2 Dodanie klasy identyfikującej ostatni block i usunięcie prawego marginesu dla dla tejże klasy

[chrzanu]

Nie moge zastosowac tego dla srodkowego poniewaz te DIVy kozystaja z tego samego stylu a nie chce tworzyc kolejnych. Dodam ze na stronie takich woerszy z trzema blokami bede mial trzy i chce aby kazdy div korzystal z tego samego stylu i wlasnie nie wiem co z tym ostatnim.

Ten post edytował chrzanu 16.07.2012, 19:37:20

[Damonsson]

http://www.w3schools.com/cssref/sel_last-of-type.asp
http://www.w3schools.com/cssref/sel_last-child.asp

[chrzanu]

To zadziała jezeli bede mial tylko trzy te same bloki. Da sie to zastosowac dla co trzeciego bloku?

[!*!]

http://www.w3schools.com/cssref/sel_nth-child.asp
http://www.w3schools.com/cssref/css_selectors.asp

[chrzanu]

Własnie o to chodzilo. Dzieki

[toffiak]

Uprzedzam że większość z tych pseudoklas nie działa w ie8 i niższych, jeżeli strona ma działać w tych przeglądarkach to najlepiej od razu posłużyć się javascriptem.

[chrzanu]

Nawet nie wiem jak sie zabrac do tego przez js

[!*!]

Nawet nie wiem jak sie zabrac do tego przez js

http://verboselogging.com/2010/01/17/makin...work-everywhere

[chrzanu]

A jak zastosowac te selektory aby menu w ktorym przyciski na gorze strony sa w standardowym rozmiarzem potem jeden wiekszy i znowy kilka w jeszcze innych rozmarze? Obecnie mam trzy takie same style Button Button1 i Button2 z roznymi rozmiarami.

.Button {
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background-color:#191919;
display:inline-block;
color:#C6C3CC;
font-family:arial;
font-size:16px;
font-weight:bold;
padding:11px 5px;
text-decoration:none;
text-shadow:0px 0px 0px #C6C3CC;
height: 19px;
width: 152px;
text-align: center;
position: relative;
}.Button:hover {
background-color:#38a2e0;
color: #ffffff;
}.Button:active {
top:1px;
}

[!*!]

Tak samo, tylko że dla buttonów.

[AuronDiel]

Mam pytanie. Nie lepiej było zdefiniować szerokość strony w css i po przez margin-left ustawic divy?

[chrzanu]

dlaczego nth-of-type zlicza bloki wszystki na danej stronie a nie bloki o danej nazwie? Mam pewien problem poniewaz na pierwszej stronie mam 1 wiekszy blok o id zdjecie1 oraz kilka malych o id blok i co trzeci maly ma inny margines. Jak zastosuje 3n1 to dziala wszystko ladnie ale kiedy przejde na strone druga juz sie wszystko zmienia poniewaz nie ma tego bloku pierwszego. Jak to ogarnac?