|
HTML - Image Border Won't Disappear
I am not sure if this goes here or not but here it goes. I have a image I created in Fireworks and it is png but I have tried this as jpg. Anyways, the image as a border around it and I am not sure why and why I can not get rid of it. ON fireworks it doesn't show a border but it does on the site and don't know why.
Here is the code for the image. Code: <img src="images/contestHeader.png" border="0" width="570" alt="2008 Sarazen Dr Decorating Contest" /> Here is the page for the image. http://www.mesquitechristmas.com/contest.html Anyone have an idea why this is happening? BTW I am using FF -Thanks Similar TutorialsI'm working on a site for my in-laws: shiversbbq.com I made the header and sidebar using slices with photoshop but I want to continue the wood border into the right and bottom of the main content. What is the best way to do this? Thanks! ____________________ i am trying to add a border to the image in the following html <div class="text-box"><div class='ecwid-Product'><form> <div style='text-align: center; padding-bottom: 0px;'><script type="text/javascript" src="http://app.ecwid.com/script.js?1059002" charset="utf-8"/></script><script type="text/javascript">xProductThumbnail('productid=10048302');</script></div> <div class='ecwid-productBrowser-head' style='text-align: center; padding-bottom: 0px; font: normal 17px tahoma, geneva, verdana, sans-serif'>725 Originals Blue King of Clubs T-Shirt X Large</div> <div class='ecwid-productBrowser-price' style='text-align: center; padding-bottom: 0px' id='ecwid-price-10048302'>$6.50</div> <table align='center' border='0'><tr><td align='left' class='ecwid'></td></tr></table><div style='text-align: center'><script type="text/javascript" src="http://app.ecwid.com/script.js?1059002" charset="utf-8"></script><script type="text/javascript">xAddToBag('productid=10048302');</script></div> </form></div> i have not been able to get it to work i have added a background color to the html but the image border is giving me problems-any ideas ? ps i dont know html or css code really well so hopefully someone can teach me something new I'm working on a site for my in-laws: shiversbbq.com I made the header and sidebar using slices with photoshop but I want to continue the wood border into the right and bottom of the main content. What is the best way to do this? Thanks!_______________________________ Hello I'm new to this forum so I hope I'm posting this in the correct pace. I'm not even sure its possible but I would like to assign an image to a border. The main idea is that I can then use some gradiant images to create a gradient border. Does anyone know if this is possible in HTML? If not how do I acheive this affect. I've seen it on other pages and really like the look of it. Thanks Paul I'm curious how to add color around a image border using html. For example, here is my code: <center><a><img src="http://riverview.topcities.com/ajohn15_10.jpg" border="20" bordercolor="burgundy"></a></center> don't work any help would be appreciated and if anyone knows how i can add a oval frame around using html that would be really nice or link to a tutorial, i have yet to find exactly what i am looking for. Thanks in advance for your help. Hi, I'm new here, and even new to coding websites. Well, it's going pretty well this far I think, but I have one problem now. I have placed a picture/logo which I have turned into a link. It's working very well and looks great, in Google Chrome! But in IE there's a "border" which is blue, and with mouse over it's red. Like all the other links on my site. But I don't want this "border" to be there, just like in Chrome. I have tried almost everything to remove it, but I can't. And I can't even figure out why it's there. Can somebody help me? Thank you. Best regards Thomas. Hi, I'm trying to make a border with a 50x50px image repeated around it this is the code I have so far; <html> <head> <title>div test</title> <style type="text/css"> #outer { background-image: url(http://i890.photobucket.com/albums/a...oxBorder.jpg); background-repeat: repeat; background-color: #cccccc; width:100%; padding: 3em; } #inner { background-color:#ffffff; padding: 2em; } p {margin: 0px;} </style> </head> <body> <div id="outer"> <div id="inner"> <p> Blah blah blah </p> </div> </div> </body> </html> I want the image around the border to be showing the same as it does at the top, at the bottom. And i want the size of the table to be increased when new text is added into it each time. Can somebody please help me? Thankkksss. At this guys website he has his "My Personal 100% Money-Back Customer Satisfaction Guarantee" that I'm trying to recreate. It's halfway down the page. www.thecopydoctor.com this is the URL to the certificate image border: http://www.thecopydoctor.com/images/certBorder.gif I'm just getting into HTML and my best guess is he made a div tag and used that little image as the top,right,bottom & left border. He got it to repeat all around the inside of the div. When I try this in Dreamweaver I can only get the image to go along the left or the top of the div's border. Can someone help me recreate this? my website http://www.Avalon-Press.com you see the I Frame in the Middle, i think it would look cool to have like a cool little border around it because its a little plain.. can anyone tell me how i can do this? and maybe where to go to to find some borders? i kinda want something similar to this websites. http://www.thenewaddiction.com/ or if you have any other suggestions to my website, i would totally appricate it. - Mike Perez http://www.Avalon-Press.com Hi guys Just joined and hoping someone can offer some advice on an issue. I want a black border around images which show up jsut fine in IE but some reason the border does not appear in FF. The below is an example of what i am doing. <IMG STYLE="position:absolute; TOP:110px; LEFT:610px; WIDTH:180px; HEIGHT:190px" src="Optimized-027edited.jpg" style="border-style: solid; border-color: black;"/> Does anyone have any advice on where what I can do to make the border show up in both browsers? Any help appreciated. Cheers <MAP NAME=mymap> <AREA HREF="/reference/" ALT="HTML and CSS Reference" COORDS="5,5,95,195"> <AREA HREF="/design/" ALT="Design Guide" COORDS="105,5,195,195"> <AREA HREF="/tools/" ALT="Tools" COORDS="205,5,295,195"> </MAP> <IMG SRC="sitemap.gif" ALT="Site map" USEMAP="#mymap" WIDTH=300 HEIGHT=200> I want to show black border arround each area and also show hover effect How can I do this. I tried to add border to style attribute of area tag. but to no result Hi All, Not sure if this is the ideal place for this because im just looking for advice..... But here it goes Im currently in the process of re-designing my works websitebecause the pleb that done it before obviously had no idea what he was doing... w3c - 96 Erros and 1 warning! on the landing page :-O........ im sticking to the current back ground as that goes with the branding of the company the page im working on is the "Apply Now" page, where the user will fill in all details regarding them self and then goes on to the insurance details...(See attached image) im currently using a gradient which is designed in CSS no Repeat of images lol!! im just trying to think of what sort of back ground color or even maybe not a background color just a border? which will look after all the texts/DropDown boxes etc... I wanna bring the site in to 2011!! not leave it how it is! the background im using is the Gradient attached image. Any advice or maybe some images of designs or techniques to achieve a good looking form whilst keeping a professional site would be highly appreciated. I refuse to use a gray BackGround!!!! :-) p.s the company is an Insurance Company Okay. I'm trying to make it so when you mouseover a players "avatar" the border color changes from grey to red. The following code works PERFECT in IE, but FF, the border doesn't show up at all. CSS Coding: Code: img.avatar {
border-color : #CCCCCC;
border : 1px
}
img.avatar:hover {
border-color : #ff0000;
border : 1px
}
img.avatar:visited {
border-color : #CCCCCC;
border : 1px
}
img.avatar:hover {
border-color : #ff0000;
border : 1px
}
HTML Coding: Code: <TD align=middle width=104> <DIV align=center><A href="Link"><IMG class=avatar height=75 alt="" src="Image URL" width=75></A></DIV></TD> Hi I hope you can help me. The problem is only in explorer 9 and only if you choose "use not recommended settings" when explorer 9 starts for the first time. Both my menu, parts of the logo and a lot of other texts disappears. www.nordicwebdesign.dk Greetings, My menus will function on my firefox browser but not in IE or Safari. Check it here... i am thinking it is a problem with css/js..... couldn't tell you any help? dmrosemark.com Thanks in advance I would like to have some text and/or image appear on a page. And at a date/time have it disappear/expire. Is this possible? Is it html or a script? Any direction would help THANKS! Dave Hey guys, I was wondering if there was a possible way to make a link disapppear after it is clicked, and for it to stay that way until the link is changed. Help? Thanks Hello everyone! I have a quick questions that I cannot figure out the past few months. I have a website for the private school I work at and we have our webpage set up mostly using Dreamweaver with .html pages and Dreamweaver templates. Here's my question: When links on the top dropdown menu bars are clicked, they disappear when you go back and look, they are still there, but just not visisble until I reset the browser cookies and history. Any ideas??? BTW, the website is www.scrantonprep.com If you use the dropdown menus up top and click on something, you will then see that when you go back or access the site again, the one you clicked on disappears. Any help with this matter would GREATLY be appreaciated!! Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. |
|||||||