zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text im Slider vertikal zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.08.2017, 13:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2017
Beiträge: 10
Lillydust befindet sich auf einem aufstrebenden Ast
Standard Text im Slider vertikal zentrieren

Hallo,
ich bin Anfänger und würde gerne den Text (Lorem ipsum), der zwischen den beiden Slider-Bildern auftaucht und im Moment je nach Textlänge eine unterschiedliche Höhe hat, im Slider (Bildhöhe) vertikal zentrieren. Wie bekomme ich das hin?

HTML-Code:
 <div class="container">
	<div class="margin-top single-portfolio">
        
	<div class="owl-carousel single-portfolio-slider">
	    <div>
		<img src="img/single-portfolio/bild_1“ alt="Portfolio">
	    </div>
	    <div>
		<div class="content-portfolio">
		<p class="text-center">Lorem ipsum</p>
		</div>
	    </div>
	    <div>
		<img src="img/single-portfolio/bild_2“ alt="Portfolio">
	    </div>
	</div>
	</div>
  </div>
	<div class="controls-portfolio">
		<a class="prev-slide"></a>
		<a class="next-slide"></a>
	</div>
Code:
.margin-top{
    margin-top: 0px;
}

.single-portfolio{
	position: relative;
	top: auto;
}

.single-portfolio-slider{
	width: 100%;
}

.owl-carousel.single-portfolio-slider, .single-portfolio-slider .owl-item{
    padding:0;
}

.single-portfolio-slider img{
    max-width: 100%;
}

.content-portfolio p{
	font-size: 26px;
	line-height: 30px;
}
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
Wrapper wächst nicht mit, keine Floats maclady CSS 11 10.02.2010 17:30
Wachsende Container Andy CD CSS 13 10.02.2010 13:08
DIV bis GANZ unten burnZ CSS 5 27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche nick CSS 12 15.01.2008 20:52
Problem mit div und Höhe deep4 CSS 2 13.11.2007 20:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:56 Uhr.