zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden NTH Selector Problem...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.11.2013, 16:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2013
Beiträge: 78
BamiGorengo befindet sich auf einem aufstrebenden Ast
Standard NTH Selector Problem...

Hallo =)

Ich habe derzeit ein Problem diese nth selectoren richtig zu verstehen...

HTML
HTML-Code:
<a href="eren-jäger"><div class="charinfo_box"><img src="images/charaktere/protagonisten/erenjaeger.png" border="0" alt="" /><p>Eren Jäger</p></div></a>
<a href="eren-jäger"><div class="charinfo_box"><img src="images/charaktere/protagonisten/mikasaackermann.png" border="0" alt="" /><p>Mikasa Ackermann</p></div></a>
<a href="eren-jäger"><div class="charinfo_box"><img src="images/charaktere/protagonisten/arminarlert.png" border="0" alt="" /><p>Armin Arlert</p></div></a>
<a href="eren-jäger"><div class="charinfo_box"><img src="images/charaktere/protagonisten/erenjaeger.png" border="0" alt="" /><p>Eren Jäger</p></div></a>
<div class="clear">*</div>
CSS
Code:
/* PROTAGONISTEN:
====================================*/
.charinfo_box { padding: 10px; margin-right: 24px; margin-bottom: 24px; float: left; border: 1px solid #404040; }
.charinfo_box:hover { background: #000000; cursor: pointer; }
.charinfo_box:nth-child(4n) { margin-right: 0; }
.charinfo_box p { padding: 0; margin: 10px 0 0 0; text-align: center; }
.charinfo_box img { border: 1px solid #000; box-shadow: 0px 0px 1px #FFFFFF; }
Bevor ich den <a> tag um die divs gehauen habe ging der nth-child(4n) selector noch... Nachdem ich den <a> Tag drum rum gehauen habe leider nicht mehr... Soll aber weiterhin jede vierte Div kein Margin Right haben... Warum geht das nicht mehr mit dem <a> Tag?

Gruß Sven
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.11.2013, 16:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Weil jedes div jetzt das erste Kind in einem Link ist.
Du willst jetzt das div in jedem vierten Link selektieren.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.11.2013, 16:20
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2013
Beiträge: 78
BamiGorengo befindet sich auf einem aufstrebenden Ast
Standard

Hab schon so sachen wie:
Code:
.charinfo_box a div:nth-child(4n) { margin-right: 0; }
Ausprobiert aber irgendwie funktioniert das alles nicht so richtig... Habe viele Webseiten gefunden die erklären wie dieses nth-child funktioniert, jedoch verstehe ich leider nicht wie ich, wie du schon sagst "die divs innerhalb eines <a> tags" anspreche
Mit Zitat antworten
  #4 (permalink)  
Alt 08.11.2013, 16:27
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wie fricca schon schrieb: a ist das vierte Kind, nicht div (das ist immer erstes, eben von a). Wende den betreffenden Selektor also auf a an, nicht auf div.

Und argh, solche Usernamen machen mir immer Appetit
http://autoimg.kochbar.de/kbrezept/3...-bild-nr-5.jpg
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 08.11.2013, 16:28
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von BamiGorengo Beitrag anzeigen
Hab schon so sachen wie:
Code:
.charinfo_box a div:nth-child(4n) { margin-right: 0; }
Ausprobiert
du suchst ja auch nicht mehr nach dem 4. div sondern dem 4. a und willst dann den div darin ansprechen...
Code:
.charinfo_box a:nth-child(4n) div { margin-right: 0; }
Mit Zitat antworten
  #6 (permalink)  
Alt 08.11.2013, 16:35
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2013
Beiträge: 78
BamiGorengo befindet sich auf einem aufstrebenden Ast
Standard

wow! vielen dank für diese extrem schnellen Antworten! =)

Und ja, esse sogar zufälligetwas BamiGoreng ähnliches Alle anderen Wunsch namen waren immer vergeben... BamiGorengo ist eben immer frei

"So sei es Schicksal, von nun an sei mein Name BamiGorengo"

Code:
.charinfo_box a:nth-child(4n) div { margin-right: 0; }
Jetzt verstehe ich zumindest schon einmal das die div nicht direkt neben das a gehört =) Danke sehr! Aber leider funktioniert es damit immer noch nicht =(

Hier mal der Link zur Webseite:
Charaktere Protagonisten
Mit Zitat antworten
  #7 (permalink)  
Alt 08.11.2013, 16:37
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Weder die Links noch das div sind Nachfahren eines Elements mit der Klasse .charinfo_box.
Das sind jetzt aber absolute Grundlagen.
Mit Zitat antworten
  #8 (permalink)  
Alt 08.11.2013, 16:42
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.10.2013
Beiträge: 78
BamiGorengo befindet sich auf einem aufstrebenden Ast
Standard

Das stimmt... Also müsste ich noch eine Div um jedes einzelne Element drum rum Packen damit ich den Inhalt der div ansprechen kann oder?

Nachtrag.: Sorry ich werde einfach mal versuchen das ganze zu löschen und von neu auf zu bauen. Danke für die Informationen! =)

Geändert von BamiGorengo (08.11.2013 um 16:44 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 08.11.2013, 16:44
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Nicht zwangsläufig, denn Klassen von a & div sind ja bereits vorhanden.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 08.11.2013, 16:46
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Nein.
div.charinfo_box würde ein div mit der Klasse ansprechen.

Du brauchst diese Divs auch nicht. Lösch sie raus. Gib die Klasse direkt dem Link.
Dann hast du wieder die einfachere Ausgangssituation wie zu Anfang.

Wenn du XHTML 1.0 verwendest darfst du innerhalb von Links keine Blockelemente verwenden. Bitte validieren.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
nth Element Rico CSS 4 07.08.2013 14:11


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:39 Uhr.