My custom cursor is not working outside of content |
My custom cursor is not working outside of content |
EleanorFox |
Jun 14 2023, 12:14 PM
Post
#1
|
Group: Members Posts: 6 Joined: 14-June 23 Member No.: 28,956 |
Hello. So I have this website https://jsfiddle.net/EleanorFoxQueen/sqLd1wxf/2/ and the cursor when moved outside of the body it will be back to the default cursor. Any idea how to fix this? Thankyou so much
Well nothing I tried works so I'll let you know if I have tried your answer or not |
pandy |
Jun 14 2023, 01:06 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body.
|
EleanorFox |
Jun 14 2023, 01:17 PM
Post
#3
|
Group: Members Posts: 6 Joined: 14-June 23 Member No.: 28,956 |
How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body. Well the cursor is in the body tag and I set the body width to 100% but it doesn't work. Like just hover it away from the content and the default one will be back. And also how are you not seing my custom cursor? It's a public google drive link 🤔 |
EleanorFox |
Jun 14 2023, 01:18 PM
Post
#4
|
Group: Members Posts: 6 Joined: 14-June 23 Member No.: 28,956 |
How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body. Well the cursor is in the body tag and I set the body width to 100% but it doesn't work. Like just hover it away from the content and the default one will be back. And also how are you not seing my custom cursor? It's a public google drive link 🤔 maybe you can use this actually website to see the error then https://eleanor-bit.neocities.org/ |
coothead |
Jun 14 2023, 01:35 PM
Post
#5
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
Hi there EleanorFox,
coothead |
EleanorFox |
Jun 14 2023, 02:11 PM
Post
#6
|
Group: Members Posts: 6 Joined: 14-June 23 Member No.: 28,956 |
Hi there EleanorFox,
coothead Hello coothhead, here's my website uploaded https://eleanor-bit.neocities.org Hope this will make you figure out the problem |
EleanorFox |
Jun 14 2023, 02:17 PM
Post
#7
|
Group: Members Posts: 6 Joined: 14-June 23 Member No.: 28,956 |
For people who can't see the problem, here's a video of it
https://www.facebook.com/100087079961096/vi...649462200374270 |
Christian J |
Jun 14 2023, 04:39 PM
Post
#8
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body. Well the cursor is in the body tag and I set the body width to 100% but it doesn't work. No, it's for the DIV #parent, which is only 965px wide. The CSS below is from https://eleanor-bit.neocities.org/ CODE #parent{ width: 965px; height: 100%; white-space: initial; word-break: break-word; margin: 0 auto; padding: 0; cursor: url("https://drive.google.com/uc?export=download&id=1j1N4eTkIaf_AjdrdtA1UZqt4p39MfFZf"), default; } BTW you shouldn't use DIV elements for everything, they lack any semantic meaning. |
pandy |
Jun 14 2023, 04:42 PM
Post
#9
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
Exactly. And it is in your CSS, not in any tag, BODY or other.
|
coothead |
Jun 14 2023, 04:56 PM
Post
#10
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
coothead |
EleanorFox |
Jun 15 2023, 12:15 AM
Post
#11
|
Group: Members Posts: 6 Joined: 14-June 23 Member No.: 28,956 |
How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body. Well the cursor is in the body tag and I set the body width to 100% but it doesn't work. No, it's for the DIV #parent, which is only 965px wide. The CSS below is from https://eleanor-bit.neocities.org/ CODE #parent{ width: 965px; height: 100%; white-space: initial; word-break: break-word; margin: 0 auto; padding: 0; cursor: url("https://drive.google.com/uc?export=download&id=1j1N4eTkIaf_AjdrdtA1UZqt4p39MfFZf"), default; } BTW you shouldn't use DIV elements for everything, they lack any semantic meaning. Oh okay. Thankyou so much for y'all help. I'm so dumb -_- This post has been edited by EleanorFox: Jun 15 2023, 12:41 AM |
Christian J |
Jun 15 2023, 11:43 AM
Post
#12
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
|
Christian J |
Jun 15 2023, 11:43 AM
Post
#13
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
|
Jason Knight |
Jun 15 2023, 06:13 PM
Post
#14
|
Advanced Member Group: Members Posts: 109 Joined: 25-December 22 Member No.: 28,719 |
Warning, I don't mean this to be mean. But I'm not going to sugar coat this either.
Looking at this you've got way bigger problems than custom cursor issues. Such as: Why are you declaring a fixed width layout? Why are you slopping style into the markup where it has no business being? What's with the non-semantic DIV soup? Why are you telling large swaths of users to go plow themselves by declaring everything in PX? And I suspect you're also using images for things that shouldn't even be images. Type of thing that happens when a Photoshop jockey thinks they know what design is. Most don't! I'd have to see the actual images, but on the whole I'd take some time to actually learn HTML, then throw this entire wreck out and start over. This is a laundry list of how NOT to use HTML. You could start by learning that there are more tags that go into your markup than DIV, That and 100% of the time you see <style> and 95% of the time you see style="" you're looking at utter and total rubbish practices. A middle finger to sane and rational web development. Also the marquee tag is inaccessible garbage that was stricken from HTML 25 years ago. This post has been edited by Jason Knight: Jun 15 2023, 06:14 PM |
pandy |
Jun 16 2023, 04:04 PM
Post
#15
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
Interesting. So what spec was marquee actually in?
|
coothead |
Jun 16 2023, 04:36 PM
Post
#16
|
Advanced Member Group: Members Posts: 226 Joined: 12-January 23 From: chertsey, a small town 25 miles south west of london, england Member No.: 28,743 |
coothead This post has been edited by coothead: Jun 16 2023, 05:32 PM |
Christian J |
Jun 16 2023, 05:41 PM
Post
#17
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
Looking at this you've got way bigger problems than custom cursor issues. Such as: Why are you declaring a fixed width layout? Why are you slopping style into the markup where it has no business being? What's with the non-semantic DIV soup? Why are you telling large swaths of users to go plow themselves by declaring everything in PX? And I suspect you're also using images for things that shouldn't even be images. Type of thing that happens when a Photoshop jockey thinks they know what design is. Most don't! You may have more success converting the OP to good design practices if you also elaborate on why the above issues are problematic... |
pandy |
Jun 17 2023, 02:33 AM
Post
#18
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
|
Christian J |
Jun 17 2023, 04:28 PM
Post
#19
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
It almost made into CSS3 though, as late as 2008 when you'd think W3C would have known better - or maybe they were just joking? https://www.w3.org/TR/2008/CR-css3-marquee-20081205/
"Blink" was more successful: https://www.w3.org/TR/css-text-decor-3/#pro...decoration-line |
Jason Knight |
Jun 17 2023, 06:18 PM
Post
#20
|
Advanced Member Group: Members Posts: 109 Joined: 25-December 22 Member No.: 28,719 |
Interesting. So what spec was marquee actually in? You caught me! Technically it was never ACTUALLY part of HTML. It was vendor specific, though it was mentioned by name as rejected in one of the HTML 4 drafts alongside EMBED. (or at least the W3C's discussions of such) After all the whole point of 4 Strict was to simplify the language and reduce the number of tags. Which is why it's so aggravatingly stupid the WhatWG put EMBED back in. But then I disagree with a lot of what they did with HTML 5. |
Lo-Fi Version | Time is now: 26th September 2024 - 09:08 PM |