Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

css

  1. hno2005

    HTML & CSS looking for horizontal grid menu

    I'm looking for a horizontal scroll menu like this image: it scrolls left and right with these pointers , also you can touch your hand and move left to right . this is the website I saw it : https://chopchopasia.com/branches/jordaan/s how can I make something like this ?
  2. V

    CSS Change text color & size of box

    Hello, I am trying to change 'original.png' to 'example.png'. I have tried changing the text color by putting 'color: white', but nothing happens as the menu text color has already been defined elsewhere as green. I am not sure how to change the size of the box. I have tried playing around...
  3. Johna

    CSS How do I add shadow to SVG

    I've embedded an SVG in HTML and I want to add a shadow to it, but I don't know how to. I've tried adding filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2)); to the CSS and doing what they have here [https://www.w3schools.com/graphics/svg_feoffset.asp], but none of them seem to work. <svg>...
  4. Johna

    HTML & CSS Line before a button

    Hi everyone, when I put two buttons side-by-side I get a short line before the second button. This only happens when I have two buttons, if I remove the first button, the line isn't there anymore. I've attached pictures to show this. How can I remove this line? Here's my code: <div...
  5. N

    CSS CSS grid with same height columns

    Hi, I have these 3 columns, and it was built using a grid. How do I make the grey background the same height for all columns? Ideally not changing this html structure and using css only. The height can't be fixed, of course. I tried making the div "content" 100% height but doesn't work...
  6. T

    HTML & CSS Layout issue

    Hi Guys, Hoping someone can help :) I am trying to create a layout with 2 side by side columns within a container with a max-width of 1296px centerted on the screen. Column 1 need to be 50% width of the container and column 2 (on the right) i would like to fill the rest of the screen and not...
  7. A

    HTML & CSS Problem with navigation menu links not loading css

    My navigation menu links, when used to navigate to another page on the website, seems to be not using the CSS linked to that page. All of the content for the page is there, just not the formatting. <link rel="stylesheet" href="css/style.css" media="screen" type="text/css"> <link...
  8. Kaworu

    CSS CSS code for styling scrollbar is not working

    Hi :) I have tried for the first time ever to change the scrollbar to my liking. Sadly, it is not working. The shape, color etc. of the scrollbar is the same as always, just like if I haven't written the CSS code. I am using Chrome. <!DOCTYPE html> <html lang="en"> <head>...
  9. ramzez

    HTML & CSS Beginner on margins with a problem

    Hi all, I am new to HTML & CSS and started to do the freeCodeCamp course. On my challenge to create a form I get these text input fields that extend around my form. I can't figure out why. I expected it to look like the dropdown menu, but I don't know why there is a difference. This is what...
  10. chaspick

    HTML & CSS Need help CSS style is not applied

    Hello guys, I'm new into this and it would be nice if you could help me please. So the CSS style is not being applied. <!DOCTYPE html> <html lang="ru"> <head> <title>CSS. Часть №1 (Синтакис + Обнуление) </title> <link rel="stylesheet" href="/css/style_css"> <meta...
  11. Midori

    HTML & CSS New to CSS

    Hello everyone, Hope everyone is doing good. I'm new to all this and I have a question, I want to know if I can somehow add an image to a button through CSS, is something like that possible? I want to draw a button with a unique and grunge style but I don't know how and don't know if it's...
  12. G

    CSS Specific button animation/transition

    Hi, cant figure it out. I'm looking for way (or solution) to do button animation like below:
  13. L

    CSS How to adjust the spacing in dotted border

    I just want to give an element a dotted/dashed border with each dot/dash being evenly spaced but the first and last dots are way too close. I have tried changing the border thickness but it does not make any difference. I attached a picture and circled the problem area. .currentTurn { outline...
  14. Johna

    JavaScript Chrome extension to edit page HTML and CSS not working

    Ok, so the last question I posted I didn't put the code in the </> thing, so I'm re-asking it here. Hi everyone, I made this extension to view unlimited number of Quora pages without having to sign up by removing the sign up popup. I don't know what I did wrong, but it isn't working. My browser...
  15. Johna

    Chrome extension not working

    Hi everyone, I made this extension to view unlimited number of Quora pages without having to sign up by removing the sign up popup. I don't know what I did wrong, but it isn't working. My browser also doesn't give any errors. Here's the code: manifest.json { "manifest_version": 2, "name"...
  16. M

    HTML & CSS CSS| How Can I Make a Space Smaller

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>xxxxxxxx</title> <link rel="stylesheet" type="text/css" href="css\indexstyle.css"> </head> <body> <div class="giris"> xxxxxxxx xxxxxxxx...
  17. 220061

    HTML & CSS styling select with bootstrap

    Hello can someone help me I'm trying to create a select with bootstrap something like this: but my select just won't stop being small on my edit page: this is the code for the edit apparaten picture <div class="form-group row"> <label for="beschikbaar" class="col-sm-3...
  18. R

    HTML & CSS Horizontal Scrolling issues

    Hello, On my site I am developing, I am having a problem with when I open the page in Safari all my images are being squished. Chrome they work great. Also not sure why when I resize on any browser, the images get squished. Also, my intention was to make the images on the homepage links...
  19. 220061

    CSS how do I edit my bootstrap style to remove this line?

    this is my problem I'm using a table from bootstap and it's almost perfect except for the fact that I need it to be a little rounder. so I tried doing that but noticed this line that I want gone how do I do this? I already tried table{ border-bottom-width: 0px; } but that had no successes
  20. supasibs

    CSS How to use different weights for font when importing via google fonts?

    This might seem confusing, but I have imported 2 weights of a font from google fonts, and i want to use each one seperately. For example: @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lexend+Deca&display=swap'); .Inter700 { font-weight: Inter, sans-serif...
Back
Top Bottom