Removing modal from the code
SitePoint Forums » HTML & CSS
by asasass
1d ago
Code: https://jsfiddle.net/Lr3wgk5s/ Code that uses modal to compare: https://jsfiddle.net/y8zc3fjk/1/ 1st issue) Splash screen is not appearing after exit button is clicked 2nd) Another is the footer, Is there a way for it to be written in the html one time? Anything else you think should be adjusted? <div > <div > <svg width="170" height="170" viewBox="0 0 170 170"> <rect x="0" y="0" width="170" height="170" fill="var(--color-a)" /> <rect x="5" y="5" width="160" height="160" fill="var(--color-b)" /> <rect x="10" y="10" width="150" he ..read more
Visit website
Changing from splash-screen to sliding curtain
SitePoint Forums » HTML & CSS
by asasass
3d ago
Here it is working: where both are identical: https://jsfiddle.net/sunepr5b/ What if each held different images? Seen here: https://jsfiddle.net/r40u76h8/ <div > <div > <div > <img src="https://i.imgur.com/2NcDQ1H.png" alt="Image 1"> <div> <img src="https://i.imgur.com/2NcDQ1H.png" alt="Image 2"> <img src="https://i.imgur.com/2NcDQ1H.png" alt="Image 3"> <img src="https://i.imgur.com ..read more
Visit website
Mis-placed HTML
SitePoint Forums » HTML & CSS
by OBXjuggler
5d ago
please see https://forallthetime.com/BI20/rentals.html# and https://forallthetime.com/BI20/index.html struggling here yes, i have tried to understand this before this post what i am after is the 2 boders on https://forallthetime.com/BI20/index.html one ontop of the other https://forallthetime.com/BI20/rentals.html# here there is a border INSIDE another , not separate link index.html i hope i am clear also, please https://validator.w3.org/nu/?doc=https%3A%2F%2Fforallthetime.com%2FBI20%2Frentals.html i got this validation to 2 items, i successfuly figured out most of the issues, now resolved i ..read more
Visit website
How would you name your CSS variables for Black hue color, White hue color and Gray hue color?
SitePoint Forums » HTML & CSS
by bendqh1
6d ago
:root { /* Black, Gray, White */ --blackColor: black; --greyColor: whitesmoke; --whiteColor: white; } I don’t speak English natively and particularly wasn’t sure about grey or gray but Google gave me 1,260,000,000 results for "grey" and 1,280,000,000 results for "gray" (both searches with quote marks). How would you name your CSS variables for Black hue color, White hue color and Gray hue color? 5 posts - 5 participants Read full topic ..read more
Visit website
How to add another splash screen?
SitePoint Forums » HTML & CSS
by asasass
6d ago
At the code here: https://jsfiddle.net/hdogfukr/1/ How do I add a splash screen after clicking the 2nd exit button? Currently, I have a splash screen added after the 1st exit button is clicked. I want to add another splash screen after the 2nd exit button is clicked. How do I do that? .splash-screen3 { display: flex; justify-content: center; align-items: center; position: fixed; z-index: -1; inset: 0 0 0 0; Background-color: green; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="165" height="165" viewBox="0 0 165 16 ..read more
Visit website
Red videos should launch first before Blue
SitePoint Forums » HTML & CSS
by asasass
1w ago
I have the logic confused somewhere in the code: Code https://jsfiddle.net/fn2x57oq/1/ I think I got it working here just now: https://jsfiddle.net/suycob71/ Can it be improved? How the code should work is: After clicking the first .close button, Red videos should launch: <div https://global.discourse-cdn.com/sitepoint/original/3X/1/8/183150b484202ce58eb46d8e7a3893c5fccb8efa.png" alt="" data-base62-sha1="3s17eJuNCDAtsne64lSwdwlCvxw" role="presentation" width="486" height="397"> After clicking the 2nd .close button: Blue videos launch: <div https://global.discourse-cdn.com/sitepoint ..read more
Visit website
HTML list help
SitePoint Forums » HTML & CSS
by OBXjuggler
1w ago
hi! please see http://buckislandouterbanks.com/community-rules/ see Golf Cart Rules & Regulations how do i make these lists? i am working with this codepen… i want to make this as easy as i can for you basically my codepen lists into the Buck Island lists i know it may be a lot… maybe get me started? i hope i am clear maybe show me how to do 1 <ol>, nested <ol> and nested nested <ol> WITH a number in every list… rather than ALL i am giving you please see the Buck site, thats what i am after many thanks! 2 posts - 2 participants Read full topic ..read more
Visit website
Anchor Links Not Working in Navigation Menu
SitePoint Forums » HTML & CSS
by glenphillipspk
1w ago
I’m encountering a problem with anchor links in my website’s navigation menu. I have a one-page website where the navigation menu links are supposed to navigate users to different sections of the same page using anchor links. However, when I click on the menu items, instead of scrolling to the corresponding section, nothing happens. Here’s a simplified version of my HTML code for the navigation menu: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Web ..read more
Visit website
Best way to create this animation on scroll
SitePoint Forums » HTML & CSS
by toolman
1w ago
Hi there, I am wanting to create an animation similar to this: https://www.headspace.com/ (scroll down mid page to see this) I am wanting to create it in a shape similar to this with a ball moving inside the letter: I am wondering if there are visual tools to achieve this, or would it be done purely in code/CSS? Any suggestions would be great, thanks. 3 posts - 3 participants Read full topic ..read more
Visit website
If background color is A then link color is B
SitePoint Forums » HTML & CSS
by bendqh1
1w ago
The template of my website sets link color as Blue, and my problem is that if I set the background color of some containers to Green, then any Blue link inside these any such container becomes “almost invisible” and I then need to do something like this: .box a { color: #fff; } .box a:hover { color: #000 !important; } .box a:focus { color: #fff !important; } .box a:active { color: #fff !important; } .box a:visited { color: #fff !important; } Repeatedly doing this for each box is probably inefficient. Is there something more automatic to cover all c ..read more
Visit website

Follow SitePoint Forums » HTML & CSS on FeedSpot

Continue with Google
Continue with Apple
OR