I posted banner on my website for people to put on their pages and included the html code they need to copy in order to post it but when I tested it out only a empty box with a little TRIANGLE design in the upper left corner came up. I tried the url where I have the image at and it showed up with no problems. Heres the code I'm using:

<p><center><img scr=http://i41.photobucket.com/albums/e287/throughthefireofrsd/banneranimated.gif" width= "340" border="0" alt="ThroughtheFireofRSD.com" title="Through the Fire of RSD" /></center></p>

and this is my site if you need that at all:
http://www.throughthefireofrsd.org
Its on the "Ways to Help" page.

I'm also having problems making my site accessible for all browsers. I used browsercam to view it w/different screen resolutions/browser combinations and on some, things overlap. I don't know much about html or css and I've tried searching for ways to fix it but no luck YET. Any help is appreciated:) Thank you for your time!

-Tabitha
You're missing a quotation mark...

Code: [Select]<p><center><a href="http://www.throughthefireofrsd.org"><img scr="http://i41.photobucket.com/albums/e287/throughthefireofrsd/banneranimated.gif" width= "340" border="0" alt="ThroughtheFireofRSD.com" title="Through the Fire of RSD" /></a></center></p>
Does it work if you use this code instead?I agree with Matt - the missing quotes are needed.

But also - suggestion - why not put the image on your server and link relative to that instead of hot linking to photobucket.

Re cross-browser problems .... sorry to say but if you have CSS in there then you will find some hassles with some browsers - the ''box model'' is not consistent. A quick cheat is to use tables for layout and just keep CSS for formatting within those.

Vist - http://www.w3schools.com and check up on some of your html and CSS aspects - much useful info there.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Just brought up your site - looking at source I see no external style sheet referenced but in the I see a closing tag for - seems not needed to me. I do tho see many in line style statements ..... including position absolute etc .... much possibility here for cross browser problems. Better would be to use all style statements in an external style sheet and, perhaps cheat a bit by setting up this stuff in tables until you get more familiar with CSS.

One other option with that links setup - make up an image with those links and then map the regions ... as long as you can integrate that within the whole ... there is always more than one way to skin a rabbit!

Sorry to see how much Tabitha has suffered.I totally overlooked the browser question! Chris' suggestion may work (although likely not in Firefox 3), but I always think the best solution is just go out there and actually learn how to do all of this stuff. Personally, I think CSS Mastery by Andy Budd is a great book and it is what I usually suggest to people trying to get into HTML/CSS. And because you already have an idea of how to use HTML/CSS, I think this will be a really good book for you.

Of course, W3Schools is an excellent reference (and it's free!), but I always find that doing this stuff out of a book is much more helpful. It forces you to actually type all of the example codes, which helps you get used to the structure and format.One more thing, but it may be just a TYPING error here:
Quote from: notanotherxerox on August 22, 2008, 08:06:56 PM

<img scr=http://i41.photobucket.com/albums/e287/throughthefireofrsd/banneranimated.gif" ..... />

One more thing, but it may be just a typing error here:
Quote from: notanotherxerox on August 22, 2008, 08:06:56 PM

<img scr=http://i41.photobucket.com/albums/e287/throughthefireofrsd/banneranimated.gif" ..... />

"SCR" should be "SRC".

Ha ha, I would say that I can't believe I didn't notice this...but after all of the time I've spent doing HTML, I've got to say that I'm not one bit surprised. Heh.