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.
Search results
-
Read Me How did you find us?
By searching something along the lines of html support forum I think and it's been a godsend.- Edrol97
- Post #41
- Forum: "Hello World";
-
Better way to scale than vw
Hi all, I've added vw into my css for various elements. I'm confused about how to style and scale the navigationbar. How do I change the font size within the various navigation bars I have? Example of what I have tried unsuccessfully below. Thanks. #sunnavigationbar { background-color...- Edrol97
- Thread
- Replies: 3
- Forum: HTML & CSS
-
Extending footer all the way to the left
Hi all, I have this div that's not working correctly for me. I've tried things like left: 0; but that doesn't seem to work on this. This is the HTML and CSS I have for this section. <footer style="background-color: #ec1801;"> <div id="roche1"> <a...- Edrol97
- Thread
- Replies: 1
- Forum: HTML & CSS
-
Problem with footer width
Hi all, I'm having a problem with my footer width. With the specific div id, the footer does not appear, and with just the footer tag it doesn't stretch as it should across the full length of the page. The code directly below is for my Art.css page: footer #footer, #roche1 { background...- Edrol97
- Thread
- Replies: 2
- Forum: HTML & CSS
-
JavaScript Change size of font with window or screen size
Hi all, I have this code that I have found through searching the web. I am by no means a JavaScript wiz, and wonder how to manipulate it to allow me to change the font size on a particular page when expanded or contracted and for mobile. /*global jQuery */ /*! * FitText.js 1.2 * * Copyright...- Edrol97
- Thread
- Replies: 2
- Forum: JavaScript
-
Cursor not working on scroll bar or gallery buttons
It's hover on my own buttons with an onclick() function. It looks like this, with each button housed in its own div. <div class="next_button" onclick="NextImage()"><img src="img/background/right-arrow.png"></div> <div class="previous_button" onclick="PreviousImage()"><img...- Edrol97
- Post #9
- Forum: HTML & CSS
-
-
Cursor not working on scroll bar or gallery buttons
The thing is I've managed to do it previously in css, so I can't understand why it's not working this time. I'm doing this at the moment: .previous_button, .next_button, .close_button:hover{ cursor: url("img/background/cursors/pointer1.png")}; and I'm not sure what's wrong with it- Edrol97
- Post #5
- Forum: HTML & CSS
-
Cursor not working on scroll bar or gallery buttons
It didn't work. Just acted as it did before.- Edrol97
- Post #3
- Forum: HTML & CSS
-
Cursor not working on scroll bar or gallery buttons
Hi all, Wondering how I can solve this. I want a custom cursor on both scrollbar and gallery buttons. I attach the code: body::-webkit-scrollbar { width: 1em round; overflow: scroll; cursor: url("img/background/cursors/pointer1.png"), pointer !important; }...- Edrol97
- Thread
- Replies: 8
- Forum: HTML & CSS
-
Trouble with cursor:hover
Same problem remains even when changing to a png file. The paths are correct.- Edrol97
- Post #3
- Forum: HTML & CSS
-
Trouble with cursor:hover
Hi all, I'm so far firing a bit in the dark on how to solve my cursor hover issue. I want to change the cursor hover from a pointer (which seems to be the default on my site despite it not being set in css) to a cursor url across the site. I attach various things that are currently in my CSS...- Edrol97
- Thread
- Replies: 4
- Forum: HTML & CSS
-
Problem with footer
From the specific page css here @font-face { font-family: Times; src: url(Fonts/TIMES%20CY.TTF); } header{ fill: black; } body::-webkit-scrollbar { width: 1em; } body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px black; } body::-webkit-scrollbar-thumb {...- Edrol97
- Post #7
- Forum: HTML & CSS
-
Problem with footer
footer{ background-color: black; font-family: 'Times New Roman', Times, serif; width: screen; } footer a:hover{ -webkit-text-fill-color: white; font-family: 'Times New Roman', Times, serif; } footer a{ -webkit-text-fill-color: white; font-family: 'Times New Roman'...- Edrol97
- Post #5
- Forum: HTML & CSS
-
Problem with footer
How do I style that specific image with absolute positioning in the css file though?- Edrol97
- Post #3
- Forum: HTML & CSS
-
Problem with social media logos sizing
The instagram logo was initially in the middle of the page. Ideally I would like each circle the same size but I'm not entirely sure how to do this. In the CSS I've set both height and width to 80px and they're still different sizes. How do I change this?- Edrol97
- Post #5
- Forum: HTML & CSS
-
Problem with footer
How do I get rid of this gap in my footer? This is the code. <footer class="Bad_Timesfooter"> <footer style="background-color: black;"> <a href="Home.html"><div class="title_text3">© Eliot Lord 2024</div></a> <br> <button onclick="topFunction()" id="myBtn" title="Go to top">Back...- Edrol97
- Thread
- Replies: 7
- Forum: HTML & CSS
-
-
Problem with social media logos sizing
Hi all, I have this code I have added to my footer. Two social media icons are correct, and one is not. How do I position the Instagram logo correctly? <link rel="stylesheet" href="style.css"> <a href="https://www.facebook.com/house.of.lord.illustration1/" target="_blank"><img...- Edrol97
- Thread
- Replies: 7
- Forum: HTML & CSS
-
Loading bar- where do I place it?
It doesn't have to be in a head element, ideally I would want it centred in the middle of the screen- Edrol97
- Post #3
- Forum: HTML & CSS