I recently helped create a website for my friend at
Unfortunately, the logos underneath (see pictures) are not showing up centered. Additionally, when viewing the site on a mobile device, everything looks off. Can anyone provide assistance with this issue?
THANK YOU so much in advance for any help!
The logo containers (.container-erfahr ul li) are currently set to float left in their CSS. Due to the second one being taller than the third, the fourth is displayed below the third (and to the right of the second) in mobile view - as per the behavior of floats.
To rectify this and center them instead, remove the float: left and change them all to display: inline-block. For centering, add text-align: center to the container element .container-erfahr.
Here are the updated rules:
.container-erfahr ul li {
display: inline-block;
margin: 30px;
padding: 0px;
border: 0px solid lightgray;
list-style: none;
}
.container-erfahr {
margin-top: 100px;
margin-left: 0px;
text-align: center;
}
As a novice in the realm of web programming, I find myself seeking some guidance to untangle a riddle. Regrettably, my grasp of the basics still leaves much to be desired. Within my main page, view.adminsettings.php, I've designated a Navigation DIV ...
Struggling to replicate a text input from a mockup using Material-UI components. Initially tried rendering a button next to the input, but it didn't match. Moving on to InputAdornments, getting closer but can't get the button flush with the input ...
When attempting to create a Bar chart with mouseover and mouseout events on the bars using scaleBand(), I encountered an issue. After reviewing the solution here, which explains how ordinal scale treats repeated values as the same, I added a key to the dat ...
There is some confusion surrounding the issue below: <div class="container"> <div class="row"> <div class="group"> <a> <div class="col-lg-3 full-h"></div> </a> <a> < ...
Is there a way to customize an HTML template for the mailto() function body? For example, suppose I have the following link: echo "<a href="mailto:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="97f2faf6fefbd7f0faf6fefbb ...
Starting from index.php, I retrieve the values of the username and password fields using $_POST. index.php if(isset($_POST["username"]) && isset($_POST["password"])){ $username = mysql_real_escape_string(strtolower($_POST['username&apos ...
I have a specific scenario where I need to create a link that redirects to an external website, of which I do not own. However, I am aware that there is a div with a particular class located at the bottom of their page, linking to an article. My goal is to ...
Looking to create a button that can add events to a calendar using only HTML and CSS, without the need for Javascript. While I've come across similar solutions involving Javascript, I'm specifically focused on finding a solution that doesn't ...
Currently, I am in the process of developing a new website for our web design company. One key task is to hide the mobile navigation text while keeping the background visible, and vice versa. The current animation achieves this effect by causing the text ...
UPDATE MENU ICON jsfiddle.net/a3MKG/83/ Can someone provide guidance on how to change the menu icon image upon clicking it? I would like the icon to switch to a different image (such as an X) once it has been clicked. Please Note: When the menu icon is c ...
I need to develop a table where some of its columns are generated dynamically based on database values. So far, everything seems to be going smoothly. However, I am facing an issue with the dynamic table headers. I want to create two sub-headers for each ...
My current project requires me to capture an image from a webcam, and I have been brainstorming solutions. However, there are specific conditions that I must adhere to in order to achieve the desired result: I am unable to utilize HTML5 due to compatibil ...
My attempt to update my old ID with a new one has hit a snag. What steps can I take to troubleshoot this issue? $("#addfield").click(function(){ alert($(this).data('id')+1); $(this).data('id', + $('#addfield').data( ...
I am currently facing an issue with a function that triggers an overlay on mouseenter event and needs to be unbound. I want to incorporate a way to close the overlay with a specific 'x' element and allow the user to trigger the event again. Howev ...
As I work on setting up a basic form submission on my server to collect contact information, I run into an issue. The data is successfully received by my node.js server file upon submission but when I attempt to submit the form, the page tries to load the ...
I am experiencing an issue where the header is fixed when scrolled down, but when I scroll back up to the top, it detaches and becomes unfixed again. How can I make the header stay fixed for a prolonged period of time? Are there any specific adjustments I ...
I decided to use this unique font for my design. I wanted to create a visual representation of the sun and clouds, making sure they always move together regardless of window size: .sun:before{content:'\f113'; font-size:7em;color: #fbac13; f ...
I recently started using Bootstrap and I'm in the process of creating a login screen for my app. I want to incorporate MDBIcons for Google, Twitter, and Facebook. I referred to the documentation provided at However, upon previewing my webpage, I enco ...
Exploring various websites online, I've come across platforms that offer the ability to manipulate data effortlessly. From inserting records to deleting and editing them, the process seems seamless. What's intriguing is how, upon clicking the r ...
Hey there! I'm having a little issue with an alert in a row-fluid. Curious to see? Check out my fiddle. So, when I click the "x" button to dismiss the alert, the row is still visible. Any idea how I can make the entire row disappear when I dismiss it? ...