|
HTML - Border Color Around Image
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. Similar TutorialsOkay. 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 want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> hiii. this may be a silly question, but i still cant figure out how to add the color of the border in the <img src> code. for example... <img src="lalala.jpg" border="2" BORDERCOLOR="??"> or is it not possible? I have a table with cells in the middle. I set my border="0". and I still see a white outline. My background has a color and I see white where my cells are. So I used the bordercolor=" " command, but still see white no matter what color I pick. Code: <table width="1500" border="0" >
<tr>
<td colspan="2" align="center" bgcolor="#FF9966" ><img src="images/banner.gif" width="800" height="210" alt="banner" /></td>
</tr>
<tr>
<td width="183" align="center" bgcolor="#FF9966">Home</td>
<td width="1305" rowspan="7" bgcolor="#FF9966"> </td>
</tr>
For some reason my site looks just fine in Internet Explorer, but in Firefox the border colors are off. Here is my site: www.allformommies.com You can see the first table has the correct color border (light purple) but the others all appear in black. I know this is a goof on my part, but can't for the life of me figure it out. If anyone could help me figure out how to get all of the table borders light purple, I'd be very appreciative. Thanks! Hi: Is there any way to change the color or thickness of the <fieldset> box border ? TIA -Mel Smith First off I want to say that I'm new to this forum. Thanks in advance for the help you can give to a noobie. Here's the "dummy page" I put up: http://www.mrcrepe.com/work.html The table I made in dreamweaver. I put it as 900px wide with 1 row and 2 columns. The border color I made a redish/pinkish color as you can see on the outsides, but how do I make that "separater border" into the same color? Right now it's just that silver line. Thanks in advance. -Brian 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!_______________________________ 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! ____________________ 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. 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 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 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. I'm not sure if this belongs in HTML, CSS, or somewhere else entirely, but I thought I'd start here... I'm creating a photography website in which the background is black. Right now, the site is very basic...pretty much entirely done in HTML and a little CSS. I have a set of thumbnails that link to a full size image. I know that I could have the thumbnail link to another html page entirely, and have that page display my photo as well as background colors, but I was wondering if there was a way to link directly to the photo, yet have a black background when the browser opens the photo. Is it possible, and if so - how do I change color of an image using html. For example: HTML Code: <img src="http://i41.tinypic.com/30x7r49.png" border="0" color="blue /> But that doesn't work. I searched Google and found nothing. Any Solutions? Thank you in advance. 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 <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 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? 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 |
|||||||