zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Eltern und Kind Element

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.04.2019, 15:21
Benutzerbild von wandler
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2006
Beiträge: 48
wandler befindet sich auf einem aufstrebenden Ast
Standard Eltern und Kind Element

Hallo,

ich habe eine Elternelement was für alle Kindelemente einen Innenabstand (padding) hat, aber für ein bestimmtes Kindelement (slider) soll das Elternelement dies nicht nutzen, also für dies dann "padding: 0" haben.
HTML-Code:
<div id="page"> 
  <div class="slider">...</div> 
  <h1>Text</h1>
  <p>Text</p>
  usw. ....
</div>
Code:
.page {padding: 2em;}
Wie kann man das machen, ohne den Innenabstand für jedes Kindelement einzeln zu hinterlegen?
Danke für jeder Hilfe.
__________________
Coden ist keine Esoterik, also lasst uns an eurem Wissen teilhaben ihr Gurus

Geändert von wandler (28.04.2019 um 17:31 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.04.2019, 09:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von wandler Beitrag anzeigen

Wie kann man das machen, ohne den Innenabstand für jedes Kindelement einzeln zu hinterlegen?
Gar nicht.
Du kannst
Code:
.page > * {
padding: 2em }

.page .no-padding-here {
padding: 0
}
verwenden. *-Selektor ist aber nicht wirklich zu empfehlen, besser ist es, jedes Element separat anzugeben. Bzw. gib jedem Element, dass das padding haben soll, eine eigene Klasse, dann kannst du dieser explizit das padding zuweisen
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.04.2019, 12:52
Benutzerbild von wandler
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2006
Beiträge: 48
wandler befindet sich auf einem aufstrebenden Ast
Standard

Ok, vielen Dank.
__________________
Coden ist keine Esoterik, also lasst uns an eurem Wissen teilhaben ihr Gurus
Mit Zitat antworten
  #4 (permalink)  
Alt 30.04.2019, 21:09
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Du kannst den Slider auch so über das Padding ziehen:
Code:
.slider {
	margin: 0 -2em;
}
Bei em musst du allerdings aufpassen, das funktioniert nur solange die Schriftgrößen der Element mit dem padding und margin identisch sind.
Mit Zitat antworten
Antwort

Stichwörter
elternelement, kindelement

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
Div Element auf die größe vom Kind Element verkleinern Feirell CSS 10 27.10.2012 13:47
Dropdownmenue funktioniert nicht YandelF CSS 5 01.09.2012 19:59
position von Element an Element (rechts von Element) britches CSS 1 18.05.2009 18:46
Liste im IE StarSt0rm CSS 3 22.08.2007 21:04
Validator Fehler und komm nicht drauf... letslounge (X)HTML 3 14.09.2006 22:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:52 Uhr.