Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. tomliv

    Cursor gradient issues

    @Edrol97 Try adding a width and height on the same line as the viewbox: viewBox="0 0 32 32" width="32" height="32">
  2. tomliv

    CSS to implement text design

    You may need to use paint-order with -webkit-text-stroke to get the correct look. https://developer.mozilla.org/en-US/docs/Web/CSS/paint-order
  3. tomliv

    CSS sticky columns

    I messed with that pen in dev tools and adding the code seen in screenshot,, I can get what you are looking for, I think: I added the class of sticky as well to the td s you see with inline styles
  4. tomliv

    CSS sticky columns

    I believe this will place ALL 3 at right: 150px. You might need to do each one separately with different right values. Maybe?
  5. tomliv

    CSS sticky columns

    Maybe this will help? https://codepen.io/mikegolus/pen/jOZzRzw
  6. tomliv

    Button border problem

    @doctor I know this is a lot, but our tool does a great job with email client compatibility. I also added a sample using images. Adjust as needed. https://tomliv.com/codeforum/Archive.zip Note: The tool we use adds Microsoft-specific code for compatibility, which is what all the mso stuff is...
  7. tomliv

    Button border problem

    I can try to do this section in our tool and see if it's something you can use. Another very easy way to pull this off would be to use images for the buttons and wrap them in <a> tags.
  8. tomliv

    Button border problem

    @doctor So this is for an email? That's a whole different story. Email coding is an ancient Voodoo art form. Born of the Dark Arts and handed down through painful lessons throughout the Ages. We use a tool for email creation. Emailify plugin inside Figma. The basic idea is a desktop email...
  9. tomliv

    Button border problem

    I changed the button styles to this: .button { font-size: 1rem; line-height: 1;; width: fit-content; height:36px; margin: 0; border: 1px solid #069; border-radius: 7px...
  10. tomliv

    Button border problem

    @doctor How's this? Too much to type out an explanation... <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
  11. tomliv

    Changing Cursor on Button Press

    @chrisbe99 I am not familiar with Wix, however I am thinking you can have a script, triggered by the button, that adds a class to the html element by which you could attach styles that change the cursor for the whole page. When the html element has this class, you change the cursor. For...
  12. tomliv

    Button border problem

    @doctor As far as I can see, this page isn't working responsively due to a lack of a meta tag. Adding the following to the head will "turn on" responsive in the browser. <meta name="viewport" content="width=device-width, initial-scale=1.0"> Doing so fixed the issue for me in Firefox. Without...
  13. tomliv

    Can't make vertical menu reach 100% screen height

    I'm seeing the issue as being the use of display:table and related. I recommend making .container display:flex; and removing any of the table-related styles. Then add min-height: 100vh on the navigation.
  14. tomliv

    <hr/> placement at top- recreation of Reuters style page

    You'll need to adjust your <hr> styles. Try this: .navigationbarreuters hr{ border: none; border-top: 3px solid #000; margin: 0 0 1em 0; }
  15. tomliv

    <hr/> placement at top- recreation of Reuters style page

    @Edrol97 Move the <hr> inside .navigationbarreuters. Adjust margins as desired.
  16. tomliv

    Custom cursor- svg issue

    @Edrol97 You need to add a width and height attribute to the svg along side the viewBox, like so: <?xml version="1.0" encoding="UTF-8"?> <svg id="Layer_5" data-name="Layer 5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26.1" height="36.38" viewBox="0 0...
  17. tomliv

    Can't make vertical menu reach 100% screen height

    @doctor Also, you can post URLs here as it is more helpful for troubleshooting if we can inspect pages with dev tools and more accurately understand the issue at hand.
  18. tomliv

    Can't make vertical menu reach 100% screen height

    Hello @doctor I am sorry if I am missing what you are after here but a "web page" will only appear as deep as the content on that page. The body will only be as deep as the content, unless you specify a height. When trying to force a full height, most people would use a min-height on the html...
  19. tomliv

    Multiple scrollbars in the same css file- is it possible?

    @Edrol97 Yes you could use an ID. Classes would be more appropriate. You should apply the scroll styles on the html element for a custom scrollbar for an entire page: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
  20. tomliv

    Multiple scrollbars in the same css file- is it possible?

    @Edrol97 It is possible to have different colored scrollbars in supporting browsers. Is this what you are looking to do? Info here: "scrollbar" | Can I use... Support tables for HTML5, CSS3, etc A how-to here: Scrollbar styling | CSS and UI | Chrome for Developers

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom