logo
Previous Thread
Next Thread
Print Thread
#430556 06/26/08 06:44 PM
Joined: Oct 2007
Posts: 602
BellaOnline Editor
Gecko
OP Offline
BellaOnline Editor
Gecko
Joined: Oct 2007
Posts: 602
Hi there..

I am modifying an HTML template in a mailing list program, and am changing a two column newsletter into a one column special annoucement message format, because I want the look to match the newsletter. I figured out how to stretch the first column to the width I want.

It all looks great, except the background image in the title bar, which looks kind of like a file tab (rounded on both top corners) tiles instead of stretches. I understand this is what is *meant* to happen. However, I am wondering if there is some kind of "width" command I can add to the block where the image is drawn in from (it is a template of the mailers, so the image is hosted on their server, so I can't put it in photoshop and stretch it), to stretch it to the length of the block. I'm thinking there might be, but I'm not an HTML guru.. I can just fiddle a little, and I don't know where it would go, if in fact that would work.

Can anyone help? Here's the relevant block of code

<td style="font-weight: bold; font-size: 22px; color: #fff; padding: 3px 0px 0px 3px" background="/img/templates/03a/section_header.gif" bgcolor="#10e02d">
<p align="left"><font face="Verdana">Special Announcement</font></p></td></tr>
<tr>


Nicki Heskin, Breastfeeding and Early Childhood Editor
Breastfeeding Site - Breastfeeding Forum
Early Childhood Site - Early Childhood Forum
Sponsored Post Advertisement
Joined: Apr 2008
Posts: 20
Newbie
Offline
Newbie
Joined: Apr 2008
Posts: 20
Hi Nicki,

Stretching a background image is tough. I'm sure there's some sneaky Javascript way to do this but off the top of my head I have no idea.

However, you can give it the *illusion* of being larger. Here's how:

Step 1 - In the TD "style" tag, add the code "background-repeat: no-repeat;" which will stop the image from tiling.

Step 2 - Change the background color of the TD to match the base color of your tab image. If your tab is white, this is already done; if not, add the code "background-color: [whatever the color is];" to the style tag.

Let me know if any of the above is unclear.

Regards,
Elizabeth


Elizabeth Connick, HTML Editor
HTML Website
HTML Forum
Joined: Oct 2005
Posts: 787
Gecko
Offline
Gecko
Joined: Oct 2005
Posts: 787
Does anyone know how to center a widget (weather) using the code <center> </center> doesn't do it and it is all over to the left side. This widget is sitting on a proboard homepage.

Joined: Apr 2008
Posts: 20
Newbie
Offline
Newbie
Joined: Apr 2008
Posts: 20
Try putting it inside a center-aligned div or paragraph, like this:

<div align="center">
widget code...
</div>


Elizabeth Connick, HTML Editor
HTML Website
HTML Forum

Link Copied to Clipboard
Brand New Posts
Make It Sew Easier
by Cheryl - Sewing Editor - 03/27/24 04:34 PM
2024 - on this day in the past ...
by Mona - Astronomy - 03/27/24 01:31 PM
Planner Template Kit - Weekly Layout Template
by Digital Art and Animation - 03/26/24 07:39 PM
Planner Template Kit - Yearly Layout Template
by Digital Art and Animation - 03/26/24 07:37 PM
How to Use Digital Planner Template Kit
by Digital Art and Animation - 03/26/24 07:36 PM
Review - 20 Illustrator Color tips Helen Bradley
by Digital Art and Animation - 03/26/24 07:32 PM
March Equinox to June Solstice
by Mona - Astronomy - 03/26/24 12:27 PM
Hobotrader unleashes never seen opportunity with i
by Jamal molla - 03/26/24 11:55 AM
Psalm for the day
by Angie - 03/25/24 09:05 AM
Genealogy, Sort of
by Angie - 03/24/24 05:39 PM
Sponsor
Safety
We take forum safety very seriously here at BellaOnline. Please be sure to read through our Forum Guidelines. Let us know if you have any questions or comments!
Privacy
This forum uses cookies to ensure smooth navigation from page to page of a thread. If you choose to register and provide your email, that email is solely used to get your password to you and updates on any topics you choose to watch. Nothing else. Ask with any questions!


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2022 Minerva WebWorks LLC. All rights reserved.


Powered by UBB.threads™ PHP Forum Software 7.7.5