Ergebnis 1 bis 3 von 3

Thema: Videos auf eine Linie

  1. #1
    HTML Newbie
    Registriert seit
    28.01.2016
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Videos auf eine Linie

    Hallo,

    Ich hab da gleich noch eine Frage. Meine Seite sieht momentan so aus:
    site.jpg

    Ich möchte aber das alle Videos auf einer Höhe sind und sich nicht unter der Navigation nach links verschieben. Wie kann ich das realisieren?

    Hier der HTML-Code:
    HTML-Code:
    <html><head><title>Rum Chata</title><link rel="stylesheet" href="style.css" type="text/css"><meta charset="UTF-8"></head><body><header><h1> <center>Rum Chata</center> </h1><h2><center>Hier finden sie tolle Rezepte rund um Rum Chata!</center></h2></header><nav><ul><li><a href="index.html">Startseite</a></li><li><a href="rezepte.html">Rezepte</a></li></ul></nav><aside><h4><center>----NEWS----</center></h4><hr></hr><h5>Rum Chata unter den Top 5 in den USA!</h5><hr></hr><h5>Rum Chata überholt Martktführer Baileys!</h5><hr></hr><h5>Rum Chatas Youtube-Kanal steigt zum erfolgreichsten Kanal in der Spirituosenszene auf!</h5><hr></hr></aside><section><video src="videos/vid1.mp4" width="600" height="400" controls></video><video src="videos/vid2.mp4" width="600" height="400" controls></video><video src="videos/vid3.mp4" width="600" height="400" controls></video><video src="videos/vid4.mp4" width="600" height="400" controls></video></section></body></html>
    Hier der CSS-Code:
    Code:
    body{
    	background-image: url(images/heading.jpg);
    	background-repeat: repeat-x repeat-y;
    }
    header{
    	background-color: white;;
    	color: #947F57;
    }
    nav{
    	background-color: black;
    	float: left;
    	color: white;
    	width: 10%;
    }
    aside{
    	float: right;
    	width: 10%;
    	background-color: white;
    }
    section{
    }
    ul {
    	list-style-image: url(images/rumchataicon.jpg);
    }
    li{
    	padding-bottom : 30%;
    }
    video{
    	margin-bottom: 3%;
    	margin-left: 2%;
    }
    
    
    
    
    
    
    a:link{ 
    	color: white;
    }
    a:visited{
    	color: lightgrey;
    }
    a:hover{
    	color: whitesmoke;
    }
    a:active{
    	color: red;
    }
    LG Luca
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.236
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Videos auf eine Linie

    Deine "Navi" ist nicht hoch genug, entweder Du gibst ihr 100% Höhe oder schliesst die in einen Wrapper mit 100% Höhe.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    28.01.2016
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Videos auf eine Linie

    Hallo,

    Perfekt Danke! Habe die Navi jetzt auf 100% und alles läuft

    LG Luca

Ähnliche Themen

  1. C# Rechteck auf eine schiefen Linie verschieben
    Von raphaelgranig im Forum Forum für alle anderen Programmiersprachen
    Antworten: 0
    Letzter Beitrag: 30.01.2011, 20:53
  2. Unerklärliche Linie
    Von Dark_Dog im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.02.2008, 21:28
  3. wie mache ich so eine linie?
    Von im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 21
    Letzter Beitrag: 25.02.2006, 21:31
  4. Vertikale Linie?
    Von s16 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 16.08.2005, 21:48

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •