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, 14:21
Benutzerbild von wandler
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2006
Beiträge: 46
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 16:31 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.04.2019, 08:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.988
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
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, 11:52
Benutzerbild von wandler
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2006
Beiträge: 46
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, 20:09
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.025
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 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 12:47
Dropdownmenue funktioniert nicht YandelF CSS 5 01.09.2012 18:59
position von Element an Element (rechts von Element) britches CSS 1 18.05.2009 17:46
Liste im IE StarSt0rm CSS 3 22.08.2007 20:04
Validator Fehler und komm nicht drauf... letslounge (X)HTML 3 14.09.2006 21:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:01 Uhr.