Trying to get my title centered, and then two drop down buttons centered side by side below it. For some reason I can’t seem to get them to adjust anywhere or to any size?
html:
<h1 class="formsheader">HR Forms</h1>
<div class="container formsbody">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
Printable Forms
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
@foreach (var form in Model)
{
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
}
</ul>
</div>
</div>
<div class="container formsbody">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
Online Forms
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
@foreach (var form in Model)
{
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
}
</ul>
</div>
</div>
css:
.formsheader {
width: 50%;
margin-left: 60%;
background-color: pink;
}
.formsbody {
width: 60%;
background-color: purple;
display: inline-block;
}
You have big problems with this code. Post it into an html validator and see: https://www.freeformatter.com/html-validator.html
Thats a big negative sir. This is an asp.net mvc project. So there is no head or body because there is a layout page with that. All the other errors are your html validator picking up the c# code from the asp.net part of the code. That is definitely not causing my problem.
SamA74
October 18, 2017, 12:35pm
4
That is why it’s important when posting code in the html & css forum, to post the html code which is the end result of any pre-processing, not the template before processing. View the page, view source, then copy the code from that.
For example, in this instance we don’t know how many list items there will be, or the amount of content in them.
3 Likes
<!DOCTYPE html>
<html>
<head>
<link href="\css/stylesheet.css" rel="stylesheet"/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HRForms - My ASP.NET Application</title>
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />
</head>
<body id="layoutBody">
<nav class="navbar navbar-inverse navbar-static-top marginBottom-0" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="spacerDiv">
<a class="navbar-left"><img id="logo" src="/Images/SC2_MyLink_Logo.png" alt="Browser does not support image."/></a>
</div>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul id="navigationbar" class="nav navbar-nav">
<li id="homebutton" class="dropdown"><a href="#"><a href="/">Home</a></a></li>
<li id="menubuttons" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Company<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#"><a href="/OurCompany">Our History</a></a></li>
<li><a href="#"><a href="/OurCompany/Facilities">Facilities</a></a></li>
</ul>
</li>
<li id="menubuttons" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Employee Services<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown dropdown-submenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Forms</a>
<ul class="dropdown-menu">
<li><a href="#"><a href="/FormsHandlers/HRForms">HR Forms</a></a></li>
<li><a href="#"><a href="/FormsHandlers/CorporateForms">Corporate Forms</a></a></li>
<li><a href="#"><a href="/FormsHandlers/EmployeeBenefitsForms">Employee Benefits</a></a></li>
<li><a href="#"><a href="/FormsHandlers/AccidentForms">Accident Forms</a></a></li>
</ul>
</li>
<li><a href="#">Pay Stubs</a></li>
<li><a href="#">Insurance Benefits Portal</a></li>
<li><a href="#"><a href="/FormsHandlers/FAQ">FAQ</a></a></li>
</ul>
</li>
<li id="menubuttons" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Support Services<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">ISS Support</a></li>
<li><a href="#">Purchase Requests</a></li>
<li><a href="#">Maint. Support</a></li>
</ul>
</li>
</ul>
<form id="searchbar" method="get">
<input type="text" id="search" placeholder="Search..." maxlength="50" autocomplete="off" onmousedown="active();" onblur="inactive();">
<input type="submit" id="searchbutton" value="Go!"/>
</form>
</div><!-- /.navbar-collapse -->
</nav>
<link href="\css/stylesheet.css" rel="stylesheet" />
<h1 class="formsheader">HR Forms</h1>
<div class="container formsbody">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
Printable Forms
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="//assets.contentful.com/6yl0vo95lmum/6RkpsadxGoc642MsQGC2ma/1a3e47278e223ec352eaf0ec90b75669/Corrective_Action_for_Attendance_Temps_Supp.pdf" target="_blank">Corrective Action for Attendance - Temp/Supp</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/1tKNyqPULiQUuwSi2yCSkY/3a7b4b7a43141bf40cedcf1f431eee50/AlternateWorkSchedule.pdf" target="_blank">Alternate Work Schedule</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/4ZTnyK67HqAKYg2iyKMoWm/57fe2c0a539adf54b844e1fdd51ec186/CharityPayrollDeductionForm.pdf" target="_blank">Charity Pay Roll Deduction Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/4y9mCYa5K8u8Kqo6qqICWi/6061571c8278e97e6d2c902f8a8f41f7/JobOpeningPostingForm.pdf" target="_blank">Job Opening Posting Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/1i5YUCTD2OyoyUwU6UmCke/cc9554c50561289ab752852389041e5d/EmployeeIntellectuaPropertyandConfidentialityAgreement_.pdf" target="_blank">Employee Intellectual, Property, and Confidentiality Agreement</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/2d2R8F0F1aWwwWGgYMQaa2/bd815a7ddd2e97fd6216c4190266da57/CorrectiveAction.pdf" target="_blank">Corrective Action</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/63nnyW3ZJY6WecCmwgsIOA/8c747d6da628aad60f9d317c7ea20bb9/EmployeeConsultationReport.pdf" target="_blank">Employee Consultation Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/6KBNYoZEFGoOCokQ4IgY6u/8702fb8b3fed5e7192fa1aad2bacf093/PersonnelFileRequestForm.pdf" target="_blank">Personnel File Request Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/3zogaURacgGwMWcaM8uccu/9543b5e4aa353be5207c3a2ec5c10d14/ChangeReport_Combined_.pdf" target="_blank">Change Report (Combined)</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/2BYilIWEK0ECCOW6S4mq2K/b1995ab322244564d5d55de6584d917b/ResignationForm.pdf" target="_blank">Resignation Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/DYtgVtJqICc4kiGKCqcOa/5a4f9e19e45b99c25e21833f29578fc4/SchoolVisitForm.pdf" target="_blank">School Visit Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/6xv5OvMTBuYouw0ckOC4wG/d56eaf22186b7ba3bd799537b8718533/PaidTimeOffRequestForm.pdf" target="_blank">Paid Time Off Request Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/5JYw483dsWYGs0IkSM4ESU/e92d4e43cd3746f9c2c8d1027d7b2bda/LeaveofAbsenceForm.pdf" target="_blank">Leave of Absence Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/2uSVgjT9BSgoAOwmi8qIgi/97ce711845dd1ec892be6b5323e8e3d0/ESOPBeneficiaryForm.pdf" target="_blank">ESOP Beneficiary Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/6vOEfkaICWKO6OgK4ekseo/ba06485fd2d25c4c2a484b07d433f92b/Corrective_Action_for_Attendance_SC2.pdf" target="_blank">Corrective Action for Attendance</a></li>
</ul>
</div>
</div>
<div class="container formsbody">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
Online Forms
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="//assets.contentful.com/6yl0vo95lmum/6RkpsadxGoc642MsQGC2ma/1a3e47278e223ec352eaf0ec90b75669/Corrective_Action_for_Attendance_Temps_Supp.pdf" target="_blank">Corrective Action for Attendance - Temp/Supp</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/1tKNyqPULiQUuwSi2yCSkY/3a7b4b7a43141bf40cedcf1f431eee50/AlternateWorkSchedule.pdf" target="_blank">Alternate Work Schedule</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/4ZTnyK67HqAKYg2iyKMoWm/57fe2c0a539adf54b844e1fdd51ec186/CharityPayrollDeductionForm.pdf" target="_blank">Charity Pay Roll Deduction Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/4y9mCYa5K8u8Kqo6qqICWi/6061571c8278e97e6d2c902f8a8f41f7/JobOpeningPostingForm.pdf" target="_blank">Job Opening Posting Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/1i5YUCTD2OyoyUwU6UmCke/cc9554c50561289ab752852389041e5d/EmployeeIntellectuaPropertyandConfidentialityAgreement_.pdf" target="_blank">Employee Intellectual, Property, and Confidentiality Agreement</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/2d2R8F0F1aWwwWGgYMQaa2/bd815a7ddd2e97fd6216c4190266da57/CorrectiveAction.pdf" target="_blank">Corrective Action</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/63nnyW3ZJY6WecCmwgsIOA/8c747d6da628aad60f9d317c7ea20bb9/EmployeeConsultationReport.pdf" target="_blank">Employee Consultation Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/6KBNYoZEFGoOCokQ4IgY6u/8702fb8b3fed5e7192fa1aad2bacf093/PersonnelFileRequestForm.pdf" target="_blank">Personnel File Request Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/3zogaURacgGwMWcaM8uccu/9543b5e4aa353be5207c3a2ec5c10d14/ChangeReport_Combined_.pdf" target="_blank">Change Report (Combined)</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/2BYilIWEK0ECCOW6S4mq2K/b1995ab322244564d5d55de6584d917b/ResignationForm.pdf" target="_blank">Resignation Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/DYtgVtJqICc4kiGKCqcOa/5a4f9e19e45b99c25e21833f29578fc4/SchoolVisitForm.pdf" target="_blank">School Visit Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/6xv5OvMTBuYouw0ckOC4wG/d56eaf22186b7ba3bd799537b8718533/PaidTimeOffRequestForm.pdf" target="_blank">Paid Time Off Request Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/5JYw483dsWYGs0IkSM4ESU/e92d4e43cd3746f9c2c8d1027d7b2bda/LeaveofAbsenceForm.pdf" target="_blank">Leave of Absence Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/2uSVgjT9BSgoAOwmi8qIgi/97ce711845dd1ec892be6b5323e8e3d0/ESOPBeneficiaryForm.pdf" target="_blank">ESOP Beneficiary Form</a></li>
<li><a href="//assets.contentful.com/6yl0vo95lmum/6vOEfkaICWKO6OgK4ekseo/ba06485fd2d25c4c2a484b07d433f92b/Corrective_Action_for_Attendance_SC2.pdf" target="_blank">Corrective Action for Attendance</a></li>
</ul>
</div>
</div>
<hr />
<footer>
<p style="float: right; margin-right: 10px;">© 2017 - SC2 MyLink</p>
<div style="margin-left: 215px;">
<!-- start sw-rss-feed code -->
<script type="text/javascript">
<!--
rssfeed_url = new Array();
rssfeed_url[0]="http://www.rssweather.com/zipcode/61601/rss.php";
rssfeed_frame_width="270";
rssfeed_frame_height="200";
rssfeed_scroll="on";
rssfeed_scroll_step="6";
rssfeed_scroll_bar="off";
rssfeed_target="_blank";
rssfeed_font_size="12";
rssfeed_font_face="";
rssfeed_border="on";
rssfeed_css_url="https://feed.surfing-waves.com/css/style3a.css";
rssfeed_title="on";
rssfeed_title_name="Peoria, IL Weather";
rssfeed_title_bgcolor="#3366ff";
rssfeed_title_color="#fff";
rssfeed_title_bgimage="";
rssfeed_footer="on";
rssfeed_footer_name="http://www.rssweather.com/";
rssfeed_footer_bgcolor="#fff";
rssfeed_footer_color="#fff";
rssfeed_footer_bgimage="";
rssfeed_item_title_length="50";
rssfeed_item_title_color="#fff";
rssfeed_item_bgcolor="#fff";
rssfeed_item_bgimage="";
rssfeed_item_border_bottom="on";
rssfeed_item_source_icon="off";
rssfeed_item_date="off";
rssfeed_item_description="on";
rssfeed_item_description_length="120";
rssfeed_item_description_color="#fff";
rssfeed_item_description_link_color="#fff";
rssfeed_item_description_tag="on";
rssfeed_no_items="0";
rssfeed_cache = "b8c8039956605711f322fb17a47ffbaf";
//-->
</script>
<script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
<!-- start sw-rss-feed code -->
<script type="text/javascript">
<!--
rssfeed_url = new Array();
rssfeed_url[0]="http://www.nasdaq.com/aspxcontent/NasdaqRSS.aspx?data=quotes&symbol=CAT"; rssfeed_url[1]="http://www.nasdaq.com/aspxcontent/NasdaqRSS.aspx?data=quotes&symbol=KMTUY"; rssfeed_url[2]="http://www.nasdaq.com/aspxcontent/NasdaqRSS.aspx?data=quotes&symbol=MMTOF"; rssfeed_url[3]="http://www.nasdaq.com/aspxcontent/NasdaqRSS.aspx?data=quotes&symbol=DE";
rssfeed_frame_width="280";
rssfeed_frame_height="200";
rssfeed_scroll="on";
rssfeed_scroll_step="6";
rssfeed_scroll_bar="off";
rssfeed_target="_blank";
rssfeed_font_size="12";
rssfeed_font_face="";
rssfeed_border="on";
rssfeed_css_url="https://feed.surfing-waves.com/css/style3a.css";
rssfeed_title="on";
rssfeed_title_name="Stock Prices";
rssfeed_title_bgcolor="#3366ff";
rssfeed_title_color="#fff";
rssfeed_title_bgimage="";
rssfeed_footer="off";
rssfeed_footer_name="rss feed";
rssfeed_footer_bgcolor="#fff";
rssfeed_footer_color="#333";
rssfeed_footer_bgimage="";
rssfeed_item_title_length="50";
rssfeed_item_title_color="#666";
rssfeed_item_bgcolor="#fff";
rssfeed_item_bgimage="";
rssfeed_item_border_bottom="on";
rssfeed_item_source_icon="off";
rssfeed_item_date="off";
rssfeed_item_description="on";
rssfeed_item_description_length="120";
rssfeed_item_description_color="#666";
rssfeed_item_description_link_color="#333";
rssfeed_item_description_tag="on";
rssfeed_no_items="0";
rssfeed_cache = "55ca4c5d06e1ebc6dafb55c1177c93b1";
//-->
</script>
<script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
<!-- start sw-rss-feed code -->
<script type="text/javascript">
<!--
rssfeed_url = new Array();
rssfeed_url[0]="http://www.pjstar.com/news?template=rss&mime=xml";
rssfeed_frame_width="280";
rssfeed_frame_height="200";
rssfeed_scroll="on";
rssfeed_scroll_step="6";
rssfeed_scroll_bar="off";
rssfeed_target="_blank";
rssfeed_font_size="12";
rssfeed_font_face="";
rssfeed_border="on";
rssfeed_css_url="https://feed.surfing-waves.com/css/style3a.css";
rssfeed_title="on";
rssfeed_title_name="Local News";
rssfeed_title_bgcolor="#3366ff";
rssfeed_title_color="#fff";
rssfeed_title_bgimage="";
rssfeed_footer="on";
rssfeed_footer_name="http://www.pjstar.com/";
rssfeed_footer_bgcolor="#fff";
rssfeed_footer_color="#333";
rssfeed_footer_bgimage="";
rssfeed_item_title_length="50";
rssfeed_item_title_color="#666";
rssfeed_item_bgcolor="#fff";
rssfeed_item_bgimage="";
rssfeed_item_border_bottom="on";
rssfeed_item_source_icon="off";
rssfeed_item_date="off";
rssfeed_item_description="on";
rssfeed_item_description_length="120";
rssfeed_item_description_color="#666";
rssfeed_item_description_link_color="#333";
rssfeed_item_description_tag="on";
rssfeed_no_items="0";
rssfeed_cache = "2d81be508f9c768cdf708edfbdde744b";
//-->
</script>
<script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
<!-- start sw-rss-feed code -->
<script type="text/javascript">
<!--
rssfeed_url = new Array();
rssfeed_url[0]="https://www.cbsnews.com/latest/rss/main";
rssfeed_frame_width="280";
rssfeed_frame_height="200";
rssfeed_scroll="on";
rssfeed_scroll_step="6";
rssfeed_scroll_bar="off";
rssfeed_target="_blank";
rssfeed_font_size="12";
rssfeed_font_face="";
rssfeed_border="on";
rssfeed_css_url="https://feed.surfing-waves.com/css/style3a.css";
rssfeed_title="on";
rssfeed_title_name="U.S. News";
rssfeed_title_bgcolor="#3366ff";
rssfeed_title_color="#fff";
rssfeed_title_bgimage="";
rssfeed_footer="on";
rssfeed_footer_name="https://www.cbsnews.com/";
rssfeed_footer_bgcolor="#fff";
rssfeed_footer_color="#333";
rssfeed_footer_bgimage="";
rssfeed_item_title_length="50";
rssfeed_item_title_color="#666";
rssfeed_item_bgcolor="#fff";
rssfeed_item_bgimage="";
rssfeed_item_border_bottom="on";
rssfeed_item_source_icon="off";
rssfeed_item_date="off";
rssfeed_item_description="on";
rssfeed_item_description_length="120";
rssfeed_item_description_color="#666";
rssfeed_item_description_link_color="#333";
rssfeed_item_description_tag="on";
rssfeed_no_items="0";
rssfeed_cache = "cb56ca3efc16103b3d691e5c24f6dfbd";
//-->
</script>
<script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script>
<!-- The link below helps keep this service FREE, and helps other people find the SW widget. Please be cool and keep it! Thanks. -->
<div class="rssfeeds"><a href="http://www.surfing-waves.com/feed.htm" target="_blank" style="position: relative; color:#ccc;font-size:10px">feedwidget </a> <a href="http://www.surfing-waves.com" target="_blank" style="color:#ccc;font-size:10px">Surfing Waves</a></div>
<!-- end sw-rss-feed code -->
</div>
</footer>
<script src="/lib/jquery/dist/jquery.js"></script>
<script src="/lib/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript">
function active()
{
var search = document.getElementById('search');
if (search.value == "") {
search.value = "";
search.placeholder = "Search...";
}
}
function inactive()
{
var search = document.getElementById('search');
if (search.value == "Search...") {
search.value = "Search...";
search.placeholder = "";
}
}
</script>
<script>
$(document).ready(function(){
$('.dropdown-submenu>a').on("click", function(e){
$(this).next('ul').toggle();
e.stopPropagation();
e.preventDefault();
});
});
</script>
</body>
</html>
SamA74
October 18, 2017, 12:54pm
6
That’s more useful, and it’s showing quite a few validation errors, ones that were not apparent in the template.
Mostly it is nested <a>
tags, among a few other things.
1 Like
PaulOB
October 18, 2017, 12:57pm
7
Its best if you create a working example of the problem and if using bootstrap you can link to the cdn files and easily get a demo running in minutes.
Based on your original code here is a working version of what you seem to be attempting although in the narrative of bootstrap it doesn’t make a lot of sense as you should be using the bootstrap grid to lay out these types of simple things.
Anyway run the code below and use it as a basis to show us what you need to achieve.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.formsheader {
max-width: 50%;
margin:10px auto;
text-align:center;
background-color: pink;
}
.formsbody {
max-width: 60%;
margin:10px auto;
background-color: purple;
}
.dropdown{
display:table;
margin:10px auto;
}
</style>
</head>
<body>
<h1 class="formsheader">HR Forms</h1>
<div class="container formsbody">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Printable Forms <span class="caret"></span> </button>
<ul class="dropdown-menu">
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
</ul>
</div>
</div>
<div class="container formsbody">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Online Forms <span class="caret"></span> </button>
<ul class="dropdown-menu">
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
<li><a href="@form.Form.File.Url" target="_blank">@form.Title</a></li>
</ul>
</div>
</div>
</body>
</html>
(Note that if you say width 50% and then margin left 60% that means the element will always be 10% bigger than whatever container you place it in and cannot possibly be correct.)
I already fixed it. I just needed to put the custom class names in different divs on the buttons, and create a div around the title.
system
Closed
January 17, 2018, 8:02pm
9
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.