css

  1. Kaworu

    CSS I cannot center the divs contents.

    Hi. I am working on a website. I have two divs (classes: centered-text and center-div - the first is supposed to center the text, the second pictures) and my CSS code for them is not working as intended. The detailed problem is below, in SPOILER: [/SPOILER] I really cannot guess why...
  2. E

    Answered File path

    Given the following folder structure, how do I write the full html tags needed to reach the different different files starting from the orange file? a) house.jpg b) menu.js c) style.css
  3. I

    How do I display the new comment in the comments section when added and still keep the submission ajax code?

    My code is below: $commentsQuery = "SELECT username, created_at, content FROM comments WHERE post_id ={$row['id']} ORDER BY created_at DESC"; $commentsResult = mysqli_query($con, $commentsQuery); $commentsCount = $commentsResult->num_rows; if ($commentsCount > 0) { echo "<details>...
  4. I

    How do I make this layout possible?

    I have tried many, many times to make this possible but can't figure out how to get the comments box and button to be inline with the reactions emojis and I can't get it working. It has frustrated me so much that I have thought of quitting the project but I'm hoping I won't have to and I'm...
  5. L

    HTML display:grid problem

    Hi all, this is my first posting on this forum. I want to make some kind of calculator exercicing with HTML grid system, however i ranned into problem. at class="block2" i want the letter C to be positioned at the very start, something like...
  6. N

    HTML & CSS I need help fixing my website

    Im a student that recently started studying computer science. We were asked to make a website with a navigation bar, 5pages and in each page credits. Ive had some problems with the design of the page and Im hoping you could help me. The problems are as following: 1.I would like the background...
  7. dstromberg

    Resetting a radio button to defaults?

    Hello people. I'm attempting to add a few radio buttons to a large HTML+CSS+Javascript (and Python on the backend) project. Something, somewhere in the stack is changing radio buttons to be just their lablels, and no actual visible circles. In factd, they aren't just invisible: if I click...
  8. tomliv

    Flexbox layout question

    Is it possible to have one element, an image for example, next to 3 direct siblings in a flex row without having a wrapper around the 3 siblings? Thanks
  9. M

    flex-wrap not working on Squarespace site

    This code was working for the last year until it wasn't a few days ago. I hadn't changed anything on my site and I can't get it to work again. I want the products on my website to be in rows/columns of 2 while on mobile. Currently they are all pushed to the left. I can't figure out why it isn't...
  10. P

    :hover fails to display Tooltip

    I am tasked with displaying Tooltips, my absolute first time in my xx years of programming, and I am unable to display them using "hover". Though the cursor changes as expected, the tooltip remains hidden upon hovering. I honestly don't know why. This is mainly for MS Edge though should, in...
  11. L

    Styling an HTML site with CSS without changing the code

    Hi! I need help with a school assignment. The assignment is to style a website with at least two images, and making it easier to read without changing the HTML. We have received a code but we may only link to our own CSS file and therefore make no other changes inside the HTML code. I am very...
  12. C

    How to Prevent Child Transparent Background from Mixing with the Parent Transparent Background

    I have a container which has a transparent background set with rgba(), within this container, there is a div element that also has its background with the same alpha as the parent but different RGB. The problem I have is that the parent container is visible underneath the child container, which...
  13. B

    Moving UL to right side of page

    So this is my page as it stands now ( I know it's silly, it's just for practice): I want to move the Related menu in the top right corner to the side of the article so it's next to the aqua boxes, with the menu items running down the right side of the page. How can I do this? Any help would...
  14. S

    Web animations | A few questions?

    Hi, I need help for a project, where states are to be mapped graphically, see the picture in the attachment. It is about the fact that when states and variables in javascript change, this should be displayed graphically. Until now I have done it so that there is a picture for all possible...
  15. sonnystupid

    Z-Index not working

    here's the navbar's original home not going away, the dark brown bar is what i need help removing image of my problem, you can see the white line is the drop-down content hiding, and the navbar itself is sticky, however the drop-down isn't showing. So i'm trying to get a navbar to stick out over...
  16. proompter

    CSS CSS Grids Tutorial

    Hey guys, I've just created a new channel where I'm going to cover Full Stack related topics extensively, including CSS. Content isn't being monitized at the time of posting this so this is 100% free, hopefully you will learn a thing or two :) If you can like, comment, share and subscribe I'd...
  17. P

    Need help for applying simple font-style

    I've used some google fonts, let me show you some <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link...
  18. U

    HTML & CSS Solution for my hover "reveal" buttons on mobile?

    Hi Everyone :) I have a set of buttons which flip over when hovered to reveal the link. Unfortunately I didn't realise they're useless on touch devices. Ideally I would like mobile/touch the user to be able to tap the button and reveal the link (the first tap emulating the "hover" function) -...
  19. J

    CSS Arrow Changing on Mobile

    Hi, I'm hoping someone can point out what I might have wrong in my CSS, or whether this is the only way it'll work using the following code. I wanted to use an arrow, which works fine on desktop (first image). However, when viewing mobile the arrow changes to a rather ugly version of an arrow...
  20. malusuda

    Help with padding

    <!DOCTYPE html> <html> <head> <style> .cart { background-color: rgb(255, 216, 20); padding-left: 20; padding-right: 20; padding-top: 5px; padding-bottom: 5px; border-radius: 12.5px; transition: 0.15s; border: none; } .cart:hover { background-color:goldenrod; } </style> </head>...
Top Bottom