Comic Fury Webcomic Hosting - Adding Images to Either Side of Main Area

You are not logged in. Log in, Register, More info
Forum > Layouts, HTML, CSS & Javascript > Adding Images to Either Side of Main Area
Pages: [1]

"Adding Images to Either Side of Main Area", 23rd Apr 2012, 4:45 PM #1
systemcat

User avatar
Posts: 133
Referrals: 0
Registration date: 22nd Apr 2012
Location: Houston
Another newbie question.
I want the setup here similar to what it was with the old site. Now I'm not interested in adding in the calender which was in it but the image I used to either side of the comic. The reason I'm unsure of how to do this is the complex coding shown in the layout. If some one could be so kind as to show me how to make the alteration that would let images show to either side I'd greatly appreciate it.

Here I'll even show an example of what I'm talking about from the old site:
image
_______________________
DeviantART Gallery: http://systemcat.deviantart.com/gallery/
29th Apr 2012, 9:56 PM #2
systemcat

User avatar
Posts: 133
Referrals: 0
Registration date: 22nd Apr 2012
Location: Houston
A staff member of Comic Fury has suggested I bump up this thread to get it noticed.

I still need help over this matter.
_______________________
DeviantART Gallery: http://systemcat.deviantart.com/gallery/
29th Apr 2012, 11:40 PM #3
Dodom♀

User avatar
Posts: 417
Referrals: 0
Registration date: 6th Sep 2009
Location: Québec
It looks like a background image.
Unless you want the image to show up at very precise places, they could be pasted onto a new background image, but they wouldn't appear at the same place on different screen widths.
_______________________
image
29th Apr 2012, 11:52 PM #4
TheOneBlueGecko♀
Team Gecko
User avatar
Posts: 1377
Referrals: 0
Registration date: 14th Feb 2012
Location: California
Would it be possible to have two background images, one left aligned and one right aligned? If so that seems like it could work.

(I know next to nothing about coding so I may be wrong)
_______________________
I support our new pirate overlords.
Comic Tumblr
30th Apr 2012, 1:54 AM #5
Dodom♀

User avatar
Posts: 417
Referrals: 0
Registration date: 6th Sep 2009
Location: Québec
A background image can be centered, but there can still only be one.

Another option would be to make the layout table based. Or DIV based, but I like tables because they're simpler. It'd first have to do away with any previously existing margins, then:


<TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=0><TR>
<TD BACKGROUND="image-left.jpg">&nbsp;</TD>
<TD>

All the page body content

</TD>
<TD BACKGROUND="image-right.jpg">&nbsp;</TD>
</TR></TABLE>


Another advantage with it is that you can have content inside the margins if you want to.
_______________________
image
30th Apr 2012, 1:57 AM #6
systemcat

User avatar
Posts: 133
Referrals: 0
Registration date: 22nd Apr 2012
Location: Houston
Dodom:A background image can be centered, but there can still only be one.

Another option would be to make the layout table based. Or DIV based, but I like tables because they're simpler. It'd first have to do away with any previously existing margins, then:


<TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=0><TR>
<TD BACKGROUND="image-left.jpg">&nbsp;</TD>
<TD>

All the page body content

</TD>
<TD BACKGROUND="image-right.jpg">&nbsp;</TD>
</TR></TABLE>


Another advantage with it is that you can have content inside the margins if you want to.


It was table based with the old site, but this one has such complex coding I'm not sure where to make the alterations.

_______________________
DeviantART Gallery: http://systemcat.deviantart.com/gallery/
30th Apr 2012, 2:30 AM #7
Dodom♀

User avatar
Posts: 417
Referrals: 0
Registration date: 6th Sep 2009
Location: Québec
The first half would go right under the body tag, and the second half right before the /body tag.

Then next step would be to view the page, see if anything is creating unwanted margins. Hunting those down would probably be the longest step in the process.
_______________________
image
Forum > Layouts, HTML, CSS & Javascript > Adding Images to Either Side of Main Area
Pages: [1]