Den Link habe ich im Anfangsbeitrag zwar schon rein gestellt aber hier ist nochmal der Link.
Das soll so aussehen wie Du es dort siehst. Es ist halt nur eine Menü. Evlt. noch kleinere Anpassungen bei den Farben. Es kommen evlt. noch Container hinzu oder werden entfernt. Je nach Menüinhalt bzw. Untermenüs. Die Links sind nicht gesetzt weil es im Backend verwendet werden soll.
Hallo MrMurphy
Was meinst Du damit "In der "richtigen" Seite"? Das ist die richte Seite. Nur Texte und Links werden angepasst und ist dann ein Menü. Da werden dann nur einzelne Worte drin stehen evtl. 2 Wörter.
Und was meinst du mit "hat mit der Praxis und korrektem HTML nichts zu tun"? Spontan sehen ich nur, dass ich den Code nicht einrücke. Aber das wirst Du wahrscheinlich nicht gemeint haben.
Sailor, ja ich hab den Code getestet. Aber es wird dann alles nach links geschoben wenn das Fenster kleiner als max-width: 1295px ist.
Im Prinzip sollen alle Container nicht versetzt stehen und wenn die erste Zeile voll ist soll er aber in nächsten Zeile unter den ersten Container positioniert werden. Aber im gesamten noch zentriert bleiben. Also so wie eine float: left; welches mittig auf der Seite positioniert ist und mit der Anzahl der Container immer breiter wird bis die nächste Zeile angefangen wird.
Ich weiß das ist sehr speziell. Aber so wie es jetzt ist reicht das auch.
Ah ok. Dann lass ich es so. Es soll nicht auf Bildschirmgrößen beschränkt sein. So ist es auch OK.
Vielen Dank nochmal.
Hallo Sailor, vielen Dank für deine Hilfe.
Dein Code funktioniert.
Gibt es noch eine Möglichkeit, dass die Container, wenn sie auf die nächste Zeile gehen, sich links anordnen statt mittig?
Hallo Leute,
ich wollte eine unbestimmte Anzahl an div-container auf einer Seite zentriert darstellen.
Ein float: left; soll die Container so lange nebeneinander anordnen bis die reihe voll ist. Der Abstand zum linken und rechten Rand muss nicht groß sein (5px), sodass viel Container auf einer Reihe passen und bei kleineren Bildschirmen dementsprechend kürzer werden.
Es gibt zwar viele Beiträge und Seite wo div center usw. beschrieben wird aber das hat mir nicht geholfen.
Ich hab hier mal den Code und einen Link und hoffe jemand kann mir dabei helfen.
<html lang="de">
<head>
<meta charset="utf-8"/>
<title>Container auf Seite zentrieren</title>
<style type="text/css">
body {background-color: powderblue;}
.inside {
text-align: center;
color: red;
width:150px;
height:150px;
background: yellow;
display: table-cell;
vertical-align: middle;
line-height: 1.5;
}
.outside {
float: left;
margin: 5px;
}
.block-center {
}
</style>
</head>
<body>
<div class="block-center">
<div class="outside"><a href="#"><div class="inside">Container<br>auf Seite<br>zentrieren</div></a></div>
<div class="outside"><a href="#"><div class="inside">Container<br>auf Seite<br>zentrieren</div></a></div>
<div class="outside"><a href="#"><div class="inside">Container<br>auf Seite<br>zentrieren</div></a></div>
<div class="outside"><a href="#"><div class="inside">Container<br>auf Seite<br>zentrieren</div></a></div>
<div class="outside"><a href="#"><div class="inside">Container<br>auf Seite<br>zentrieren</div></a></div>
<div class="outside"><a href="#"><div class="inside">Container<br>auf Seite<br>zentrieren</div></a></div>
<div class="outside"><a href="#"><div class="inside">Container<br>auf Seite<br>zentrieren</div></a></div>
<div class="outside"><a href="#"><div class="inside">Container<br>auf Seite<br>zentrieren</div></a></div>
</div>
</body>
</html>Hallo Leute, ich bin neu hier im Forum.
Ich wollte mal wissen ob es möglich ist eine video.mp4 mit 2 Audiospuren in eine Webseite einzubinden und die Audiospur beim Abspielen zu ändern.
Die video.mp4 hat 2 Audiospuren und wird im Firefox auch abgespielt. Allerdings nur die erste deutsche Audiospur. Und ich möchte das man zur 2. englischen Audiospur wechseln kann.
Ist das irgendwie möglich und gibt es dafür ein Beispiel-Code?
Gruß Tron