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
<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>
Alles anzeigen
Und die CSS
Code
#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;
}
Alles anzeigen