Beiträge von Neo_000
-
-
Danke nochmals, hat sehr geholfen. Ja manchmal ist das sehr unlogisch bei css... Und der Kurs für css ist schon lange her... Das mit den unerwarteten effekten kenne ich auch...
-
Super, danke Dir. Ja manchmal blick ich da ned durch im css. Machs aber auch zu wenig...
Aber es wird besser. Dann kommt die Aufgabe dran das ganze 100% Responsive zu machen.
-
Hallo,
habe ein kleines Problem mit der positionierung. Vllt kann mir ja jemand etwas helfen. Möchte die 2. Überschrift unter der 1. haben, und diese sollte sich anhand der 1. Überschrift ausrichten.
Code
Alles anzeigen<div class="container-fluid"> <div class="navbar-header" id="menu1"> <div class="btn-group"> <img src="images/Gruppe_5_Kopie.png" type="button" class="btn btn-sm btn-trans dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"/> <ul class="dropdown-menu"> <li role="presentation"><a href="#">Home</a></li> <li role="presentation"><a href="#">Kontakt</a></li> <li role="presentation"><a href="#">Buchung</a></li> <li role="presentation" class="disabled"><a href="#">Disabled Link</a></li> <li role="presentation" class="divider"></li> <li role="presentation"><a href="#">Separated Link</a></li> </ul> </div> <div class="btn-group"> <a class="btn btn-trans dropdown-toggle" data-toggle="dropdown" href="#"> <span><img src="images/globus.png"/></span></a> <ul class="dropdown-menu"> <li><a href="#">DE</a></li> <li><a href="#">EN</a></li> </ul> </div> </div> </div> <div class="container-fluid"> <img src="images/Header_small.png" class="img-responsive" alt="header"> <span id="ueberschrift">Tauchplätze</span> <span id="ueberschrift2">Abu Dabbab</span> </div>
Und die CSS
Code
Alles anzeigen#menu1{ float: right; margin-right: 50px; } #ueberschrift{ color: #fff; position: relative; display: block; align-items: center; margin-left: 45%; margin-top: -65px; font-size: 38px; font-family: 'Amatic SC', cursive; } #ueberschrift2{ color: #fff; position: relative; display: block; align-items: center; padding-top: 30px; font-size: 25px; font-family: 'Amatic SC', cursive; }