Member Avatar for iitiwari

:?: please tell me step by step how to put a banner in a website??

  • 9 Contributors
  • 11 Replies
  • 312 Views
  • 4 Years Discussion Span
  • Latest Post Latest Post by prinsess

Dani AI

Generated

A concise, practical checklist to follow after the earlier replies (good starts from , and ): this fills the gaps about where to put the image, how to make it behave on different devices, why vendor URLs or extra text sometimes appear, and why Facebook won’t accept pasted HTML.

First, hosting & placement — upload the banner image to the site (server or CMS media library) and confirm the direct image URL ends with the image file extension. Use the platform’s built‑in image/widget block when available (WordPress: Media Library + Image or Custom HTML widget; other site builders have image modules). If raw HTML is allowed, make the image clickable by linking it to the landing page (the thread’s replies pointed this out). Keep files named simply (no spaces), small in bytes, and use lowercase on Linux hosts.

Responsive behaviour and a quick CSS tip to avoid stretched images:

.banner { max-width: 100%; height: auto; display: block; }

Add an appropriate class to the image so it scales on phones and avoids layout shift.

Common problems and fixes — image not visible: check the exact path and filename (case sensitive on many hosts), verify the image was uploaded, check file permissions or hotlink protection, and clear any CDN/cache. If the visible URL has tracking parameters (the “info=?seen” style noted by ), that’s usually vendor tracking; either use the vendor code (if required by their terms) or host the image locally only if allowed. Browsers showing a link in the status bar on hover is normal and can’t/shouldn’t be masked.

Facebook note — Facebook does not accept raw HTML pasted into a post. To get a clickable banner there, upload the image to Facebook (or set the page’s Open Graph meta tags so shared links show the intended preview), or use Facebook Ads/Pages tools for clickable creatives.

Accessibility & best practice — always include descriptive alt text, optimize file size (WebP where supported), set width/height or use CSS to prevent jumps, and add rel="noopener noreferrer" when opening external links in a new tab. This complements the basic code examples already posted and addresses the typical placement and troubleshooting gaps.

Recommended Answers

All 11 Replies

Member Avatar for Maximum7000

You need to access your html code or contact your web developer.
One of the easiest ways to view your html code is to open the site in Internet explorer, then right click on the page, and click “view source”.
Then place the banner anywhere you want on this text document and save the page as "nameofpage.html"
Now upload that new page to your site.

Member Avatar for mddv

Please PM me if you need help. I am willing to help.

Member Avatar for bailey

copy and paste the given banner url from your vender. to add to it like text and colored text, etc. try going to a site you like and "view source"

then copy the way they coded it. With practice you too can write code. lol I can and I'm such a luddite.

bailey

Member Avatar for lwhite369

:rolleyes:

:?: please tell me step by step how to put a banner in a website??

Member Avatar for lwhite369

:rolleyes: Im so dumb at this---use to know how------I need to put banner with the banner picture link on my website aint sure how too been trying all day got lots more to put on---some hlp please:sad: :?:

Member Avatar for webmasterran

You need two things the <a href> </a> and the <img></img> the images should be in the right directory when u specify and the format will be something like this :

<a href="><img src="></img></a>

Member Avatar for webmasterran

The <a href> tag will basically point the banner to where u want it to go whatever the landing page would be and the <img> tag will point to your ' banner ' that is the image file hope that helps ya =)

Member Avatar for sasham101

<a href=""><img src="" border="0"></a>

Edited by Ezzaral because: Edited url to example.
Member Avatar for stewpot60

a purpose built website either for personal use or business should have in the tools HTML
with this you create a link whether being a banner for a business or direct link to another business website,i have enclosed an example

<a
href="http://www.yourlink.com"><img
src="http://www.yourlink.com/images/Thick-book-350.jpg"
border="0" /></a>

i hope this helps

Member Avatar for prinsess

a purpose built website either for personal use or business should have in the tools HTML
with this you create a link whether being a banner for a business or direct link to another business website,i have enclosed an example

<a
href="http://www.yourlink.com"><img
src="http://www.yourlink.com/images/Thick-book-350.jpg"
border="0" /></a>

i hope this helps

Thanks, but it doesn't. I was trying to put it on facebook, but it didn't work. Now I have to wait for my neice to get off from work, hopefully she'll help me. I'm staring to feel like I'm retarted. I know that I'm not, but I have such a hard time doing things on the computer, like setting up an AUTORESPONDER. WHY IS EVERYONE GETTING IT EXCEPT ME???

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.