edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Button und CSS-Styles richtig positioniert

Browse Source
This commit is contained in:
ja
2021-09-03 08:39:14 +02:00
parent 99efa337ce
commit f793f73771
3 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
Customers/Customers.master
View File

@@ -428,14 +428,14 @@
<button class="dropbtn" id="dropbtnbtnbtn" <button class="dropbtn" id="dropbtnbtnbtn"
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff;color:#043381"><img src="../images/samples/default-avatar.jpg"; width="15"; /><asp:LoginName class="pointer" ID="LoginName2" runat="server" style="margin-left:6px"/></button> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff;color:#043381"><img src="../images/samples/default-avatar.jpg"; width="15"; /><asp:LoginName class="pointer" ID="LoginName2" runat="server" style="margin-left:6px"/></button>
</button> </button>
<ul class="dropdown-content" id="dropdownmenuecont"> <ul class="dropdown-content" id="dropdownmenuecont" style="top:15%">
<li> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/gear_blue.png"; style="width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button> </li> <li> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/gear_blue.png"; style="width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button> </li>
<li> <button type="button" onclick="LogoutButton_Click" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/Logout.svg.png"; style="width:20px; height:20px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</button> </li> <li> <button type="button" onclick="LogoutButton_Click" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;"><img src="../images/Icons/main/Logout.svg.png"; style="width:20px; height:20px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</button> </li>
<!-- <div class="dropdown-divider"></div>--> <!-- <div class="dropdown-divider"></div>-->
</ul></div> </ul></div>
<div class="dropdown" style="background-color:#fff; color:#043381;position:absolute;right:5%;top:15%;z-index:1031"> <div class="dropdown" style="background-color:#fff; color:#043381;position:absolute;right:15%;top:15%;z-index:1031">
<button class="dropbtn" id="dropbtnlang"><center><img id="myImage" src="../<%=flagpath%>" style="border:1px solid #fff;width:32px; justify-items:center;" alt="Logo Schriftzug: Verag Spedition AG Blaue Schrift: Verag Spedition Graue Schrift: AG" /></center></button> <button class="dropbtn" id="dropbtnlang" style="color:#043381;background-color:#fff;position:absolute;top:15%;z-index:1031"><center><img id="myImage" src="../<%=flagpath%>" style="border:1px solid #fff;width:32px; justify-items:center;" alt="Logo Schriftzug: Verag Spedition AG Blaue Schrift: Verag Spedition Graue Schrift: AG" /></center></button>
<div class="dropdown-content" id="langdropdown"> <div class="dropdown-content" id="langdropdown">
<% Dim stringDE = "&nbsp DE" <% Dim stringDE = "&nbsp DE"
Dim stringEN = "&nbsp EN" Dim stringEN = "&nbsp EN"
@@ -444,12 +444,12 @@
Dim stringBG = "&nbsp BG" Dim stringBG = "&nbsp BG"
Dim stringTR = "&nbsp TR"%> Dim stringTR = "&nbsp TR"%>
<!--<a id="ButtonOesterreichLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(A)" href="<%'= navParent%>?menuID=<%'= curentMenuId %>&lan=de"><img src="<%'= imgPath%>images/flags/flagge_A.gif" <%' If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%> /> DE</a>--> <!--<a id="ButtonOesterreichLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(A)" href="<%'= navParent%>?menuID=<%'= curentMenuId %>&lan=de"><img src="<%'= imgPath%>images/flags/flagge_A.gif" <%' If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%> /> DE</a>-->
<a id="ButtonDeutschLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=DE&lan3=0"><img src="../<%= imgPath%>images/flags/flagge_DE_AT_big.gif"; width="20"; <% If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/><%=stringDE%></a> <a id="ButtonDeutschLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=DE&lan3=0" style="color:#043381;background-color:#fff"><img src="../<%= imgPath%>images/flags/flagge_DE_AT_big.gif"; width="20"; <% If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/><%=stringDE%></a>
<a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=TR&lan3=0"><img src="../<%= imgPath%>images/flags/flagge_TR_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/><%=stringTR%></a> <a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=TR&lan3=0" style="color:#043381;background-color:#fff"><img src="../<%= imgPath%>images/flags/flagge_TR_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/><%=stringTR%></a>
<a id="ButtonEnglischLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=EN&lan3=0"><img src="../<%= imgPath%>images/flags/flagge_GB_big.gif"; width="20"; <% If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/><%=stringEN%></a> <a id="ButtonEnglischLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=EN&lan3=0" style="color:#043381;background-color:#fff"><img src="../<%= imgPath%>images/flags/flagge_GB_big.gif"; width="20"; <% If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/><%=stringEN%></a>
<a id="ButtonSerbischLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=SRB&lan3=0"><img src="../<%= imgPath%>images/flags/flagge_BIH_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=stringBIH%></a> <a id="ButtonSerbischLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=SRB&lan3=0" style="color:#043381;background-color:#fff"><img src="../<%= imgPath%>images/flags/flagge_BIH_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=stringBIH%></a>
<a id="ButtonSerbischZweiLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=SRB&lan3=1"><img src="../<%= imgPath%>images/flags/flagge_SM_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=stringSRB%></a> <a id="ButtonSerbischZweiLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=SRB&lan3=1" style="color:#043381;background-color:#fff"><img src="../<%= imgPath%>images/flags/flagge_SM_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=stringSRB%></a>
<a id="ButtonBulgariaLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=BG&lan3=0"><img src="../<%= imgPath%>images/flags/flagge_BG_big.gif"; width="20"; <% If laenderkuerzel = "bg" Then Response.Write("style='border:1px solid #000'")%>/><%=stringBG%></a> <a id="ButtonBulgariaLangPicker" class="btn btn-primary btn-sm" href="<%= navParent%>&lan2=BG&lan3=0" style="color:#043381;background-color:#fff"><img src="../<%= imgPath%>images/flags/flagge_BG_big.gif"; width="20"; <% If laenderkuerzel = "bg" Then Response.Write("style='border:1px solid #000'")%>/><%=stringBG%></a>
</div> </div>
</div> </div>
</nav> </div> </nav> </div>

16
css/Customers/MasterpageCustomers.css
View File

@@ -168,7 +168,7 @@ ContentPlaceHolder1 {
} }
#dropdownmenuecont{ #dropdownmenuecont{
margin-right: -5px; margin-right: -5px;
top: 12px; top: -10px;
min-width: 72px; min-width: 72px;
max-width: 72px; max-width: 72px;
} }
@@ -283,8 +283,9 @@ ContentPlaceHolder1 {
z-index: 1031; z-index: 1031;
} }
#dropdownmenueuser { #dropdownmenueuser {
margin-right: -15%; position: absolute;
margin-top: 23px; top: -170px;
right: -952px;
} }
#dropbtnbtnbtn { #dropbtnbtnbtn {
background-color: #fff; background-color: #fff;
@@ -295,7 +296,7 @@ ContentPlaceHolder1 {
} }
#dropdownmenuecont { #dropdownmenuecont {
margin-right: -5px; margin-right: -5px;
top: 23px; top: 5px;
} }
#dropdownmenuecont ul li .button { #dropdownmenuecont ul li .button {
font-size: 17px; font-size: 17px;
@@ -393,11 +394,10 @@ ContentPlaceHolder1 {
} }
#dropdownmenuecont { #dropdownmenuecont {
position: absolute; position: absolute;
top: 20px; top: -90px;
right: -952px; right: -952px;
height:75px; height: 75px;
} }
#dropbtnbtnbtn { #dropbtnbtnbtn {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
@@ -405,7 +405,7 @@ ContentPlaceHolder1 {
z-index: 1031; z-index: 1031;
position: absolute; position: absolute;
height:52px; height:52px;
top:-50px; top:-70px;
right:-952px; right:-952px;
} }
#langdropdown{ #langdropdown{

1
css/Dropdown.css
View File

@@ -48,6 +48,7 @@
btn btn-primary btn-sm { btn btn-primary btn-sm {
background-color: #fff; background-color: #fff;
color:#043381;
} }
@media (min-width: 558.98px) { @media (min-width: 558.98px) {
.dropdown { .dropdown {