Przyporządkowanie klasy znacznikom 
Autor: Marcin A.
Visited 819,
Followers 1,
Udostępniony 0
Jak przyporządkować klasę znacznikom
<a....
<a....
<a....
tak aby nie trzeba było po każdym pisać <a class="view-first"....
W znacznikach są zdjęcia i po najechaniu myszką ma się pojawiać efekt css.
Gdy umieściłem klasę przed wszystkimi znacznikami <a to efekt działał jednocześnie na wszystkich zdjęciach a efekt ma być po najechaniu na poszczególne zdjęcie.
Da się to zrobić dodatkowym kodem css?
W załaczeniu kod strony.
Posted on the
Witaj Marcin,
Możesz skorzystać z selektorów potomków/dzieci, więcej informacji: http://www.kurshtml.edu.pl/css/selektory.html
Pozdrawiam
Autor
Jestem początkujący w css, a może jakaś podpowiedź jaka byłaby formuła.
Witaj Marcin,
Nie wiem jaki efekt chcesz osiągnąć, nie znam Twojego kodu HTML/CSS więc nie jestem w stanie Ci podpowiedzieć. Jeżeli jesteś początkujący, to powinieneś zapoznać się z jakimś kursem CSS, np. http://www.kurshtml.edu.pl/css/
Pozdrawiam
Autor
Kod html strony umieściłem w pierwszym poście. Chcę przypisać klasę :"view-first" wszystkim znacznikom <a , ale jednocześnie. Żeby nie trzeba było pisać po każdym znaczniku indywidualnie.
Witaj Marcin,
Umieść wszystkie linki w jakimś kontenerze (np. DIV) i skorzystaj z selektorów potomków/dzieci (czyli musisz zrobić sekcję stylów, która obejmie wszystkie elementy "a" w kontenerze "div", który powinien mieć jakąś klasę lub ID), tak jak proponowałem w pierwszym poście.
Pozdrawiam
Autor
Pomogłby mi bardzo shcemat jak to wygląda. Chodzi mi o składnie takiego wyrażenia. Załóżmy że mam kontener div o id="test" a w nim znaczniki <a... Klasa którą chce nadać nazywa się np. "cien"
Autor
Efekt jest taki: http://foto-andelbrat.pl/portret.html jak po najechaniu myszką. Tyle że tutaj dodałem indywidualnie po każdym <a class="view-first"... ale wiadomo zę po kolejnym eksporcie z website x5 wszystko zniknie, dlatego moje pytania.
polecam kursik
http://kodcss.pl/kurs-css/lekcje/dzial-4/element-html-poza-oknem-przegladarki
Witaj Marcin,
Na podanej stronie są błędy w kodzie HTML.
Pozdrawiam
Autor
Jakie błędy? Przecież strona działa i się wyświetla.
Witaj Marcin,
Błędy w składni, zobacz sam: http://validator.w3.org/check?uri=http://foto-andelbrat.pl/portret.html&charset=(detect+automatically)&doctype=Inline&group=0
Pozdrawiam
Autor
Chyba się nie rozumiemy. Mi cały czas chodzi o przykład takiej składni o parametrach jakie podałem powyżej. A ja bym sobie go dostosował. No ale moze tak się nie da.
Witaj Marcin,
Ja Cię tylko informuję, że podana przez Ciebie strona ma poważne błędy w kodzie HTML, więc zanim zaczniesz coś w niej dalej zmieniać, usuń te błędy.
Pozdrawiam
Autor
Ale jak sprawdzić te błędy. Strona jest eksportowana z website x5 więc skąd te błędy? Jak je wykryć skoro strona normalnie działa.
Witaj Marcin,
Podałem Ci link do strony, która sprawdza poprawność i wypisuje znalezione błedy. Błędy spowodowało umieszczenie przez Ciebie jakiegoś dodatkowego kodu od "Google Tag Manager" w złym miejscu.
Strona się wyświetla i działa, bo przeglądarki ignorują większość błędów składniowych i próbują je naprawić. Nie wiem czy zauważyłeś, ale na Twojej stronie wyświetla się w lewym górnym rogu znak ">".
Pozdrawiam
Autor
Nie zauwazylem linku. Przepraszam. Tak zgadza sie widzialem i nie wiem jak usunac ten znaczek. Wieczorem zobacze ten kod tak managera, juz nie pamietam czy wstawiony byl przez website x5 czy jakos inaczej.
Witaj Marcin,
Na pewno nie był wstawiony przez program.
Pozdrawiam
Autor
Jednak jak pousuwałem kod z zakładki zaawansowane to znaczek zniknął. Poradziłem sobie z powyższym problemem: http://foto-andelbrat.pl/portret.html
Ikonki reagują tak jak chciałem. Styli jest więcej dodanych niż jest używane ale to ta narazie gdyż będę jeszcze dokładał efekty.