HTML Tutorial


 /help/HTML Help Forum   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Creating a code for a banner
Post new topic   Reply to topic    HTML Help Forum -> Images & Graphics
View previous topic :: View next topic  
Author Message
Dave Harm



Joined: 11 Feb 2008
Posts: 4

PostPosted: Mon Feb 11, 2008 3:05 pm     Creating a code for a banner Reply with quote

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 www.daveharm.com

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=”blank”><img
src=http://www.daveharm.com/images/dh_logo1_468x60px.gif”alt=”daveharm.com”/
></a>


I think I'm close, but in all honesty, I really don't know.

If anyone could help me

Thanks,
Dave
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA

PostPosted: Mon Feb 11, 2008 3:56 pm     Reply with quote

Almost - try something like
Code:
<a href="http://www.daveharm.com" target=”blank”><img src="http://www.daveharm.com/images/dh_logo1_468x60px.gif" alt="daveharm.com" /></a>

_________________
Corey
Residential Office Solutions | Mile High Merchant Accounts | Expression Web Blog
Dave Harm



Joined: 11 Feb 2008
Posts: 4

PostPosted: Mon Feb 11, 2008 4:04 pm     Reply with quote

Man... was I close

closer than I thought

Thanks
Dave Harm



Joined: 11 Feb 2008
Posts: 4

PostPosted: Tue Feb 12, 2008 3:31 pm     Reply with quote

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 www.daveharm.com/linkback

The smaller GIF banner when I subsitute

http://www.daveharm.com/images/dh_logo1_234x60px-2.gif

where

http://www.daveharm.com/images/dh_logo1_468x60px.gif

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

Now what am I doing wrong?

Thanks
Dave
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA

PostPosted: Wed Feb 13, 2008 10:35 am     Reply with quote

You can add the height / width attributes to your HTML code
Code:
<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:
<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
Toll Free Fax Solutions | Mile High Merchant Accounts | Expression Web Blog
Dave Harm



Joined: 11 Feb 2008
Posts: 4

PostPosted: Wed Feb 13, 2008 3:21 pm     Reply with quote

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

Thanks again,
Dave
macao-azul



Joined: 02 Jun 2009
Posts: 2

PostPosted: Tue Jun 02, 2009 7:39 am     Where have I gone wrong? Reply with quote

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:
http://www.animal-angels.ro/aab.gif

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...
sticks464



Joined: 31 Dec 2006
Posts: 2627

PostPosted: Tue Jun 02, 2009 7:51 pm     Reply with quote

Give this a try. It's not frames but will work for getting the code to insert on another website.
Code:
<!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 special character entities.
macao-azul



Joined: 02 Jun 2009
Posts: 2

PostPosted: Wed Jun 03, 2009 12:37 am     Reply with quote

Thanks a million, seems to work like a treat...
pwejones



Joined: 11 Jun 2009
Posts: 1

PostPosted: Thu Jun 11, 2009 9:45 pm     I'm lost... Reply with quote

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.
patfenner



Joined: 22 Jun 2009
Posts: 1

PostPosted: Mon Jun 22, 2009 6:53 am     creating a code for a banner Reply with quote

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!!!
NOMANH



Joined: 21 Jul 2009
Posts: 5

PostPosted: Tue Jul 21, 2009 10:02 pm     Background IE Problem Reply with quote

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:
#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:
<BODY>
<div id="sec1">
</div>
</BODY>
amandarecord



Joined: 18 Aug 2009
Posts: 1

PostPosted: Tue Aug 18, 2009 10:47 pm     Reply with quote

Thanks for the code help I used this to create a banner for a Sweepstakes.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum -> Images & Graphics All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
DARFUR
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial