Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS][JS] nadawanie wartosci tylko wybranym elementom - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS][JS] nadawanie wartosci tylko wybranym elementom (/thread-css-js-nadawanie-wartosci-tylko-wybranym-elementom)



[CSS][JS] nadawanie wartosci tylko wybranym elementom - deadwheel - 13-09-2011

Hejka

Mam takie malutkie pytanko do was a mianowicie jak zrobic aby tak(Opisze krok po kroku co chce uzyskac):

ad.1 mam div class czyli powtarzajacy sie
ad.2 Chce nadac wartosc margin-left: 1px; co drugi div czyli 2 4 6 8 10 itd div albo 1 3 5 7 9 itd tylko ze margin-right: 1px;

Prosze o jak najprostrza forme chcialbym to wykonac w css o ile to mozliwe Smile bylo by lepiej no ale jak ktos poda rozwiazania JS badz jquery bede rowniez szczesliwy Smile

Pozdrawiam


RE: [CSS][JS] nadawanie wartosci tylko wybranym elementom - Kartofelek - 13-09-2011

dorzucasz do strony
http://selectivizr.com/ (+ jak chcesz NVMatchera - patrz ostatnia kolumna na tej stronie)
a potem sobie stylujesz

Kod:
div.costam {margin-left:1px;}
div.costam:nth-element(2n) {margin-left:0px; margin-right:1px;}

Jeżeli nie chcesz obsługiwać IE to olej te biblioteki i po prostu ostyluj w podany sposób

Jest też inna metoda:
załączasz na stronę jquery (jquery.com)
a potem po prostu wykorzystujesz skrypt:
Kod:
$(document).ready(function() {
  $('.costam:even').css({'margin-left':0; 'margin-right':1});
});



RE: [CSS][JS] nadawanie wartosci tylko wybranym elementom - deadwheel - 14-09-2011

Dziekowac . Troszeczke innaczej to zapisalem no ale dzieki za chceci potrzebowac tylko :even z reszta bym juz sobie poradzil Tongue dzieki