HTML Help Forum

Creating a code for a banner

Ask questions and give answers about images such as .jpg's, .gif's, .tif's, etc. Also discuss the software used to create them, including Photoshop, Corel Draw, and more.

Creating a code for a banner

Postby Dave Harm » Mon Feb 11, 2008 4:05 pm

I apologize in advance if this has been talked about before. I am extremely ignorant to HTML. I have a website but use the codes rarely.

A site I visited would like to display my banner on their site, but they need it in HTML. I've been battling this for close to three hours (like I said this is very mind boggling to me.)

My website is Log in or Register to see link

I am trying to create a code for a large GIF banner on my "linkback page."

This is what I've come up with -

<a href=http://www.daveharm.com/ “ target=â€
Dave Harm
 
Posts: 4
Joined: Mon Feb 11, 2008 3:56 pm

Postby Corey Bryant » Mon Feb 11, 2008 4:56 pm

Almost - try something like [code]<a href="http://www.daveharm.com" target=â€
Corey Bryant
Site Admin
 
Posts: 8744
Joined: Sat May 15, 2004 9:18 am
Location: Castle Pines North, CO USA

Postby Dave Harm » Mon Feb 11, 2008 5:04 pm

Man... was I close

closer than I thought

Thanks
Dave Harm
 
Posts: 4
Joined: Mon Feb 11, 2008 3:56 pm

Postby Dave Harm » Tue Feb 12, 2008 4:31 pm

That worked for that banner but why can't I change the banner size and it won't work. My goal is to have all my banners ready for download to HTML

An example from my linkback page Log in or Register to see link

The smaller GIF banner when I subsitute

Log in or Register to see link

where

Log in or Register to see link

was - it won't work and it won't work on my jpeg banners

Now what am I doing wrong?

Thanks
Dave
Dave Harm
 
Posts: 4
Joined: Mon Feb 11, 2008 3:56 pm

Postby Corey Bryant » Wed Feb 13, 2008 11:35 am

You can add the height / width attributes to your HTML code
Code: Select all
<a href="http://www.daveharm.com" target="_blank"><img src="http://www.daveharm.com/images/dh_logo1_468x60px.gif" alt="daveharm.com" "width=200px" "height=125px" /></a>
If it is a JPG, you would need to change the source code to a jpg extension.

And you can specify height / width in the image
Code: Select all
<a href="http://www.daveharm.com" target="_blank"><img src="http://www.daveharm.com/images/dh_logo1_468x60px.gif" alt="daveharm.com" "height=125px" "height=125px" width="234" height="30" /></a>
But the examples you posted are GIFs not JPGs which might be the problem

_________________
Corey
Log in or Register to see link | Log in or Register to see link | Log in or Register to see link
Corey Bryant
Site Admin
 
Posts: 8744
Joined: Sat May 15, 2004 9:18 am
Location: Castle Pines North, CO USA

Postby Dave Harm » Wed Feb 13, 2008 4:21 pm

I'm scratching my head, trying to figure out how come it works - but it does...

Thanks again,
Dave
Dave Harm
 
Posts: 4
Joined: Mon Feb 11, 2008 3:56 pm

Where have I gone wrong?

Postby macao-azul » Tue Jun 02, 2009 8:39 am

Doing a similar thing, design is done and uploaded to my server. But my code does not want to work, any idea what I have done wrong.

Image address is:
Log in or Register to see link

Code is:
<A HREF="http://www.animal-angels.ro"><IMG SRC="http://www.animal-angels.ro/aab.gif" ALT="Animal Angels Bucuresti"></A>

Been scratching my head for ages now and nothing comes to mind or sight...
macao-azul
 
Posts: 2
Joined: Tue Jun 02, 2009 8:33 am

Postby sticks464 » Tue Jun 02, 2009 8:51 pm

Give this a try. It's not frames but will work for getting the code to insert on another website.
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>NIMAL ANGELS Bucuresti</title>
<style type="text/css">
code {
padding:5px;
border:2px solid #66CC66;
}
p span {
font-weight:bold;
}
</style>
</head>

<body>
<h1>ANIMAL ANGELS Bucuresti</h1>
<p>ANIMAL ANGELS Bucuresti Asociatia Pentru Protectia Animalelor<p>
<p>Click on the link to visit the website: <a href="http://animal-angels.ficalho.com/aab.gif">http://animal-angels.ficalho.com/aab.gif</a></p>
<a href="http://www.animal-angels.ro"><img src="http://animal-angels.ficalho.com/aab.gif" alt="Animal Angels Bucuresti" border="0"></a><p>Insert the following code into your code where you want the <br>
image to appear on your website.<br><br>
<span>html</span></p>
<code>
& #60;a href="http://www.animal-angels.ro"& #62;& #60;img src="http://animal-angels.ficalho.com/aab.gif" width="139" height="69" alt="Animal Angels Bucuresti" border="0"& #62;& #60;/a& #62;
</code>
<p><span>xhtml</span></p>
<code>
& #60;a href& #61;"http://www.animal-angels.ro"& #62;& #60;img src="http://animal-angels.ficalho.com/aab.gif" width="139" height="69" alt="Animal Angels Bucuresti" border="0" /& #62;& #60;/a& #62;
</code>
</body>
</html>


Remove the space between the & and the # inside the <code> tags and it will display correctly on the page for users to copy. See the list of Log in or Register to see link.
sticks464
Site Admin
 
Posts: 3855
Joined: Sun Dec 31, 2006 11:47 pm
Location: KS.

Postby macao-azul » Wed Jun 03, 2009 1:37 am

Thanks a million, seems to work like a treat...
macao-azul
 
Posts: 2
Joined: Tue Jun 02, 2009 8:33 am

I'm lost...

Postby pwejones » Thu Jun 11, 2009 10:45 pm

The 1st suggestion worked yesterday...I wanted to change the link to my store instead of home page... myspace won't allow me to access it that way. Then I switched it back so it would at least work, but now it won't work at all. And as for the last code...I'm 100% lost.
pwejones
 
Posts: 1
Joined: Thu Jun 11, 2009 10:40 pm

creating a code for a banner

Postby patfenner » Mon Jun 22, 2009 7:53 am

Hi! I'm new here!

I've created a 125x125 banner and stored the image on my site. I need to create a code to give others to use to link to my site. Here's is what I've come up with so far.

<a href="http://www.help-4-your-homeschool.com" target="_blank"><img src="http://www.help-4-your-homeschool.com/images/125_button.jpg" width="125" height="125" alt="Help-4-your-Homeschool-Igniting the fire for learning!" border="0"></a>

It gets me a small blue vertical line...with no graphic!

I saw the earlier post with a LONG code, but I just know I've seen shorter codes SOMEWHERE! to do what I want to do!

I'm also wondering if I need:
1) to put the width and height attributes if I already have it saved as a 125x125 graphic, and
2) if I need the border attributes as well...

Any help?!?!?!

THANK YOU in advance!!!
patfenner
 
Posts: 1
Joined: Mon Jun 22, 2009 7:36 am

Background IE Problem

Postby NOMANH » Tue Jul 21, 2009 11:02 pm

Hi I'm trying to create a website and am completely new to HTML, I started this week.

The problem is that I have a repeating background along the x-axis which shows perfectly fine on Firefox but on Internet Explorer (I have version 8.) there is about 10-12 pixels of white space between the right side of the window meaning between the banner and the scroll bar.

Here is my CSS for the background image:

Code: Select all
#sec1
{
   margin:0 auto;
   padding:0;
   border:0;
   background-image: url(header_one.png);   
   background-position: top center;
   position: absolute;
   top:0px;
   left:0px;
   background-repeat: repeat-x;
   background-attachment: fixed;
   height: 100%;
   width: 100%;
}


And here is my code in the body section,
Code: Select all
<BODY>
<div id="sec1">
</div>
</BODY>
NOMANH
 
Posts: 7
Joined: Tue Jul 21, 2009 10:37 pm

Postby amandarecord » Tue Aug 18, 2009 11:47 pm

Thanks for the code help I used this to create a banner for a Sweepstakes.
amandarecord
 
Posts: 1
Joined: Tue Aug 18, 2009 11:43 pm

Hi there need help

Postby CKAJeff » Sun Dec 05, 2010 6:47 am

I am trying to figure out how to center this code. Im very new to HTML and I cant figure this out. It is ran as a bottom banner ad and it is now showing itself to the far left. Can you help me?

<a href="http://www.precision-pak.com" target="_blank"><img src="<a href="http://s939.photobucket.com/albums/ad236/JeffGoudreau/?action=view&current=Fishing.gif" target="_blank"><img src="http://i939.photobucket.com/albums/ad236/JeffGoudreau/Fishing.gif" border="0" alt="Photobucket"></a>
CKAJeff
 
Posts: 2
Joined: Sun Dec 05, 2010 6:21 am

Postby sophielucky » Sun Dec 05, 2010 7:37 pm

For this issue, i suggest you use a flash banner maker software to help you out. With a flash maker, you can add URL link casually to your banner without much trouble.
sophielucky
 
Posts: 176
Joined: Tue Oct 19, 2010 11:55 pm
Location: London

Next

Return to Images & Graphics

Who is online

Users browsing this forum: No registered users and 3 guests