Comic Fury Webcomic Hosting - HTML/CSS Linked Images won't show up?

You are not logged in. Log in, Register, More info
Forum > Layouts, HTML, CSS & Javascript > HTML/CSS Linked Images won't show up?
Pages: [1]

"HTML/CSS Linked Images won't show up?", 4th Nov 2017, 12:17 AM #1
solytuu

User avatar
Posts: 3
Registration date: 19th Oct 2017
Images with no link, just a regular old image? Fine. Link text? Splendid, no problems. A link in the form of an image? NOOOPEEE

I'm new to comicfury so I don't know my way around quite yet, and I was really hoping I wouldn't have to show my WIP comic site just yet, which I coded from scratch. It's still rough around the edges, but here is the link if anyone wants to look at the source code (sorry for all the commentary). If you scroll to the bottom of any page, you can see I was going to place one of comicfury's ads at the bottom to support the site but the ad won't show because it is... a linked image.... you guessed it

I actually have the banner and the navigation links as images, and they all work, but anywhere else in the layout, link images do not even show up. I can't figure out what I messed up with. Even in the webcomic settings, if I check yes to having comic pages as links to the next page, they don't show up. I've been using this guide for the variables and stuff.

I'm self taught in coding and I started learning it on neopets when I was 8. I know HTML and CSS pretty well and have dabbled in PHP.... I've coded tons and tons of layouts, but I have never ever had a problem like this, and I have been scratching my head trying to figure it out all dang day, seriously it's never happened before. It's probably something stupid like a wonky line of code somewhere in the overall universal part of the code... The layout is divided by an HTML table and I'm sure there's a better more efficient way to do a lot of the stuff I've done and to separate a layout but tragically I've never learned it. By the time I took a programming class it was in high school where we programmed games and stuff instead and we only learned the basics of HTML and next to no CSS. So if you've got any miscellaneous tips you wanna share I'm all ears.

If you can figure it out I'll be really really thrilled and in your debt. I'm praying I didn't just overlook something really stupid and embarrass myself in front of everyone OTL
4th Nov 2017, 1:32 AM #2
MK_Wizard

User avatar
Posts: 523
Registration date: 17th Jun 2017
Location: Canada
I think I can give you a have to make links using images.

<a href="YOUR LINK URL HERE"><img src="YOU IMAGE URL HERE"/></a>

Hope this helps.
_______________________
image
imageimage
4th Nov 2017, 1:44 AM #3
solytuu

User avatar
Posts: 3
Registration date: 19th Oct 2017
That's what I've been using actually, and nothing shows up at all. If I make a text link then the href works, if i make an image with no link the image works, but together nothing shows up. That's always been the code I've used to make links with images so I just find it so bizarre that it's not working. I went and tried some tests in notepad++ to see if I had goofed somewhere with the site variables but it doesn't work in notepad either, so I think I must have messed up the CSS... I've been messing with the CSS 'a:link' and 'a img' classes to see if I accidentally wrote something to make an image link behave incorrectly. Thanks for the reply though, confirms that I didn't somehow write the HTML for it wrong x__x;;
4th Nov 2017, 1:54 AM #4
Robotwin.com

User avatar
Posts: 2744
Registration date: 22nd Sep 2010
Location: USA, Milky Way
Your site looks good to me. Please post the offending HTML and CSS here in a BBCODE [ code ] block. Like this:

<a href="page.html"><img src="img.jpg"/></a>


{PS}
By the way, I believe ComicFury doesn't actually have any advertising images, so you can just delete that part from your site.

But if you insist on advertising ComicFury, I don't think anyone would mind if you link to the CF homepage with the banner image like this:
image
4th Nov 2017, 2:05 AM #5
Kyo
family life
User avatar
Posts: 17776
Registration date: 6th Jul 2008
Location: Germany
solytuu: I've been using this guide for the variables and stuff.


You should know that that guide is for an outdated version of our template system. You want to be using the stickied posts in this forum.

Can you copy the specific code that's not working? Like just the part you tried exactly as it is, using code tags
_______________________
hello
4th Nov 2017, 3:01 AM #6
solytuu

User avatar
Posts: 3
Registration date: 19th Oct 2017
MAN OH MAN OH MAN you guys I figured it out. But first of all thank you for the info, I had a feeling it could be dated when some of the codes didn't seem to... work entirely right, but I thought it must just be me messing up (probably a bit of both). That is immensely useful though, I eventually started just guessing at them and hoping for results lmao

To fix it I ended up making a unique class for images... and also removed some other (random) stuff from previous existing a:img class which made it work (to my complete and utter shock), and everything still functions fine so... success! So anytime I want a linked image I'll just reference the new image class. Coding more like me removing random bits and pieces to see what happens and hoping it miraculously functions. Maybe it's a somewhat roundabout way to get it to work but it works and that's good enough for me lol

also on the note of there not being any adds on comicfury, in the webcomic settings it offers the user to voluntarily put ads on the page to support the site..? here's what I ended up digging up, but honestly I may or may not have been looking at dated things this whole entire time. it does display an ad though. seriously thank you for letting me know about the updated codes, I feel like a dummy for not checking the forums sooner whoops. thank you guys for the help and fast replies!!

 [c:bannerads]
    <!-- voluntary CF support ads, you can turn these off in your webcomic settings -->
    <div id="cf_ads">[v:banneradcode]</div>
   [/]
4th Nov 2017, 11:56 AM #7
Kyo
family life
User avatar
Posts: 17776
Registration date: 6th Jul 2008
Location: Germany
yep, that's the correct code for our voluntary ads. The [c:bannerads] and [/] make it so the stuff inbetween only actually gets shown if that setting is turned on. If you edit the html inbetween, you could really use the setting to toggle anything on or off, technically. It's all voluntary anyway so there's no attempt to make it difficult to mess with.
_______________________
hello
Forum > Layouts, HTML, CSS & Javascript > HTML/CSS Linked Images won't show up?
Pages: [1]