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
-
Drawing a line to separate column divs in html and CSS
.column { float: left; width: 300px; padding: 0 15px; } The coding i have for this particular section in css is above and html is below. <div class="column"> <h1>Tories in Tatters</h1> <h1>Chaos in the Tory Party continues long after the anarchical policies of Liz Truss and her...- Edrol97
- Post #3
- Forum: HTML & CSS
-
Drawing a line to separate column divs in html and CSS
Hi all, appreciate your help as always. I'm currently thinking about how to draw a line between columns in html and css. How do I do this? The line would be similar to how an old newspaper might look. Thanks. Image of what I've currently made below.- Edrol97
- Thread
- Replies: 3
- Forum: HTML & CSS
-
Cursor class hover over elements change
Thank you. This has really helped. I looked it up and got all manner of things being shot back at me.- Edrol97
- Post #3
- Forum: HTML & CSS
-
Cursor class hover over elements change
Hi all, wondering how to change the cursor on my site when hovering so that it is the custom cursor I already have enabled. This is the current CSS I have. .element-class:hover{ cursor: url(img/background/cursors/Grimace%20cursor.png) Do I have to define the element-class in .js in...- Edrol97
- Thread
- Replies: 3
- Forum: HTML & CSS
-
JavaScript My image carousel loops correctly on the using the forward arrow but incorrectly on the back arrow. Help!
Thank you. This really helped.- Edrol97
- Post #3
- Forum: JavaScript
-
JavaScript My image carousel loops correctly on the using the forward arrow but incorrectly on the back arrow. Help!
Hi all, code below. Essentially the image carousel adds an extra blank slot when going back in the slideshow which I want to get rid of. I attach my JS let slides=[]; let lightbox = []; let counter=0; let totalimages=0; function NextImage(){ for (let i=0;i<totalimages;i++){...- Edrol97
- Thread
- Replies: 3
- Forum: JavaScript
-
Is it possible to create custom arrows for html gallery- html entities?
Hi Tom, not exactly, but useful to know anyhow. Have managed to code them just by using img src. It's looking like this now, thanks to my coding tutor, your help and the others on this forum. Thanks a million.- Edrol97
- Post #3
- Forum: HTML & CSS
-
How do I scale a lightbox gallery background image?
Thanks, this worked and it's looking snazzy now- Edrol97
- Post #4
- Forum: HTML & CSS
-
Is it possible to create custom arrows for html gallery- html entities?
Hi all, Wondering if it's possible to create html entities and, if it is, how to encode them into a slider gallery. I have the images ready and have them at an appropriate size. Grateful for your support as always. All the best, Edrol- Edrol97
- Thread
- Replies: 2
- Forum: HTML & CSS
-
How do I scale a lightbox gallery background image?
Hi all, wondering how to scale a lightbox gallery background image. I have this code currently defining the background image .slide-show_containers { position: fixed; z-index: 2000; display: none; top: 0; left: 0; background-image: url(img/background/Frame.png)...- Edrol97
- Thread
- Replies: 3
- Forum: HTML & CSS
-
HTML & CSS Confused about the creation of multiple image galleries opening in individual popups overlaying the entire page
Hi Tom, the lightbox is my own. How would I make it overlay? What additional styles could be used. I am quite confused by this and have been looking for a while- Edrol97
- Post #3
- Forum: HTML & CSS
-
HTML & CSS Confused about the creation of multiple image galleries opening in individual popups overlaying the entire page
Hi all, currently my code has various slide show galleries opening in individual lightboxes. However these lightboxes don't currently overlay the entire page as I would like. How do I alter my Javascript in order to enable this? See below <div class="slide-show_containers"> <div...- Edrol97
- Thread
- Replies: 3
- Forum: HTML & CSS
-
-
-
CSS Issue I think- image galleries lining up
Hi John, I didn't have to specify columns previously and it just added the images in rows. I don't want the images so strictly aligned to this rigid a format necessarily. I've tried this and get this result- it seems to split in the middle quite obviously which I don't think I want- Edrol97
- Post #4
- Forum: HTML & CSS
-
CSS Issue I think- image galleries lining up
Can anyone help with this? I'm still struggling. Code below for reference. I'm not sure if one of the images being a GIF makes a difference. I don't think it should make a difference but just including it in case it is. @font-face { font-family: Eliot Lord; src...- Edrol97
- Thread
- Replies: 7
- Forum: HTML & CSS
-
Wondering what is up with my lightbox gallery container divs.
I've edited the code as suggested, and yet I'm still running into the same issue. It shows up like this. I want the lowest two images to be in line with the pink image- Edrol97
- Post #7
- Forum: HTML & CSS
-
Fun activity Say hello... in a coding language!
console.log ("Hello Kane12");- Edrol97
- Post #235
- Forum: General Discussion
-
Wondering what is up with my lightbox gallery container divs.
Hi all, I have 9 divs each representing a gallery. 7 of the divs display as they should, next to eachother or directly underneath, but two of the divs seem to go on another line. This is the CSS code @font-face { font-family: Eliot Lord; src: url(Fonts/EliotlordhandRegular.ttf); } body...- Edrol97
- Thread
- Replies: 6
- Forum: HTML & CSS
-
JavaScript JS Issue- 2nd lightbox not loading
Thanks for this. Wondering also re differentiation between lightboxes in JS. I can launch both lightboxes but both sets of arrows I have function only with the first lightbox gallery. My CSS is below for the full code @font-face { font-family: Eliot Lord; src...- Edrol97
- Post #7
- Forum: JavaScript