|
HTML - Why There Is A Border Around My Button?
I have used a free web generator to churn out a button for my website.
The button is beautifully created without any button but when I run my file, it shows a black border around it. This destroy the looks completely. My code for that line is ;- <h3><a href="register.jsp"><img src ="tutorsbutton.png"></a></h3> Hope someone can advise me. Many thanks. Similar TutorialsMy submit button, when viewed on browsers different than Internet Explorer, has a weird border that does fit around it. Example: http://bestusedexpress.com/junk_you_car_for_cash.html I can't find any code that causes it to be like that, and i'm sure its not that the image has it already, any help? Thanks 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. I am creating a website that has a search button with an image. I would like to know if there is some simple code that I can include that would display the same basic image with a different color when the user mouses over the button. Here is the code: <FORM name="searchform" onSubmit="return validateSearch();" METHOD="POST" ACTION="search_results_lt.asp"> <INPUT TYPE="text" NAME="Search" VALUE="" SIZE="20" > <INPUT TYPE=IMAGE SRC="images/search_button.gif" Name="SearchButton" Value="Submit"> </FORM> **** Thanks for your help, Robin Can you please help me? I am making a website in MS SharePonit designer 2007. The site will be in 2 languages, Croatian and English. On the home page of the site I have put two radio buttons to give the choice to go to English version or Croatian version. And below those 2 radio buttons i want to put a button with text "ENTER SITE". But I don't know how to do this: If the Croatian radio button is checked, a click on the "ENTER SITE" must take you to the Croatian version of the site, and if English radio button is checked, click on "ENTER SITE" must take you to the English version. Can you please tell me how to do that? can anyone tell me how this is done? the border can be seen on the football manager site hattrick. thx Where in my CSS would I add a border and border color? html,body { height:100%; margin:0; } body { background-color:#000; background-image:url(../images/background.jpg); background-attachment:fixed; background-size:100% 100%; } #container { width:700px; padding:40px; border-right:1px solid #003; border-left:1px solid #003; margin:auto; background-color:rgba(0,0,0,0.5); color:#ccf; box-shadow:#000 0 0 10px; } Hey Guys I have a 1px X 5px image and I am trying to wrap a border around it. It looks fine in FF but in internet explorer there is a small gap. See images below: FireFox: IE6: Here is the coding: CSS: HTML Code: #tabUnderline {
border : solid 1px #aaa9a9;
background-image : url(images/buttons/tab_underline.gif);
background-repeat : repeat-x;
height : 3px;
}
HTML: HTML Code: <div id="tb"><div id="tabUnderline"></div></div> Buddy... I looking for the solution about this border. which is always around the swf in IE. Any solution to remove this. I keep in waiting... Thanx... Hi, is there a way to put a border around only some parts of a table? I've tried using css, but it didn't work: <p style="border-bottom: 1px; border-left: 1px; border-right: 1px; border-top: 1px"> can anyone help? 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 okey so i have this image that i would like to make but i cant figure out how to make it so i would like to hear some respond from u guys thanks and sry if its the wrong place to post i dont realy know what i need to use for it... Hi I see a lot of these type of borders on the internet, even when signing up on this site. How can I do this myself? I thought I had once knew how to do this this in Dreamweaver but am not able to find it anymore. Thanks Hi there, I seem to be having big problems in getting a picture to go around the enitre webpage, acting like a border. Not a "solid blue" etc, but an actual picture acting as a border? I would like to add a background picture and text/video/image on top of it like normal, is there a way to layer backgrounds to create the border effect? The web is not helping when im searching for this type of answer so far, I keep being referred to "image border" and "basic bordering". Any help in the right direction would be awesome. Hello All, I am having trouble with theses borders, I want them to surround the text but it extends on the left side and isnt closed. www.canapictures.com Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Cana Pictures</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Robots" content="NOINDEX"> <meta http-equiv="PRAGMA" content="NO-CACHE"><!-- Web Site: www.ssi-developer.net Comments: Copyright 2003 www.ssi-developer.net Licence: Creative Commons - Non-commercial Share-Alike --> <link rel="stylesheet" type="text/css" href= "2c-hd-flex-layout.css"> <link rel="stylesheet" type="text/css" href= "2c-hd-flex-presentation.css"> </head> <body> <!-- Header --> <p><img src="banner_dotcom(4).JPG" width="1258" height="227" alt= "#########"></p> <table border="0" cellpadding="0" cellspacing="0"></table> <hr> <a href="index.html"><img src="homebutton1.bmp" border="0" hspace= "15" width="74" height="48" alt="#########"></a><a href= "video.html" border="0" hspace="15" width="80" height= "48"><img src="videos1.bmp" border="0" hspace="15" alt= "#########"></a><a href="about_us.html" border="0" hspace="15" width="92" height="50"><img src="aboutus1.bmp" border="0" hspace= "15" alt="#########"></a><a href="castcrew.html"><img src= "castcrew1.bmp" border="0" hspace="15" width="92" height="50" alt= "#########"></a> <a href= "http://www.youtube.com/user/CANAPICTURES84" target= "_blank"><img src="youtube.jpg" hspace="15" align="right" border= "0" alt="#########"></a> <a href="http://vimeo.com/14761465" target="_blank"><img src="vimeolink.jpg" hspace="15" align="right" border="0" width="63" height="48" alt="#########"></a> <a href= "http://www.facebook.com/?ref=home#!/pages/Cana-Pictures/158743877499582" target="_blank"><img src="fblink.jpg" hspace="15" align="right" border="0" alt="#########"></a> <hr> <!-- end of header --> <!-- left column --> <div id="lh-col"> <h1 align="center"></h1> <p style="font-size:0.32in;">LATEST VIDEO <object width="1280" height="745"><param name="movie" value= "http://www.youtube.com/v/Suz3LcKKCfc?fs=1&hl=en_US&hd=1"> <param name="allowFullScreen" value="true"> <param name="allowscriptaccess" value="always"> <embed src= "http://www.youtube.com/v/Suz3LcKKCfc?fs=1&hl=en_US&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></object><p align="center" style="font-size:0.20in;">Full length video<a href="http://vimeo.com/14761465" target= "_blank"><img align="center" src="vimeolink.jpg" align="center" border="0" width= "63" height="48" alt="#########"></a><br></p> <p style="font-size:0.16in;"></p> <h1 align="left"></h1> <p align="center" style="font-size:0.30in;">FRIENDS <p> <a href= "http://www.bangarangcomedy.com/" target="_blank"><img src= "bangarangcomedy.JPG" align="center" border="0" width="306" height= "50" alt="#########"></a> <a href="http://bottlecapfilm.com" target="_blank"><img src="bottlecapfilms%20link.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.farookkhan.com" target="_blank"><img src= "farookkhan.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.facebook.com/home.php?#!/pages/Hall-1/158898480630" target="_blank"><img src="hall_1.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.afilmsnob.com/" target="_blank"><img src= "afilmsnob.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.lockstockandtwofilmgeeks.com" target="_blank"><img src= "lockstockandtwofilmgeeks.JPG" border="0" width="306" height="50" alt="#########"></a> <a href="http://www.picardmaneuvercomedy.com" target="_blank"><img src="picardmaneuver.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.loserstatus.com" target="_blank"><img src= "loserstatusproductions.JPG" align="center" border="0" width="306" height="50" alt="#########"></a><br> <p> </p><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <br></p> </div> <!-- end of left column --> <!-- right column --> <div id="rh-col"> <h1 align="center"></h1> <p align="center" style="font-size:0.32in;"><br> NEWS</p> <h1 align="center"></h1> <p ></p> <p align="center"style="font-size:0.20in;">November 3, 2010</p> <p align="center" style="font-size:0.30in;">FILM FESTIVAL NEWS</p> <h1 style="font-size:0.16in;"><p class="two">Our movie Killin? Folks has been submitted for entry as part of Dr. Spin's Propaganda Machine Film and Video Extravaganza in downtown Napa, CA on Saturday, November 13. If you live in or near Napa, mark your calendars and be sure to come check our movie and some movies by actual artists. Admission is totally free, and the festivities start at 5:00 PM. We will post more details as they become available. For more information on the festival, click this link<br></p> <a href="http://wanderingrose.org/" target="_blank"><img src= "ff.JPG" align="center" border="0" alt="#########"></a></h1> <p align="center"></p> <p align="center" style="font-size:0.20in;">November 2, 2010</p> <p align="center" style="font-size:0.30in;">UNEMPLOYED VAMPIRES ANNOUNCED</p> <h1 align="center" style="font-size:0.16in;"><p class="two">Cana Pictures is pleased to announce the start of pre-production on a new web-series, Unemployed Vampires. Created by Patrick Krainert, this comedy series will start shooting late this year and, with any luck, begin airing episodes online early next year. Keep an eye out for further updates.</p></h1> <p align="center"style="font-size:0.20in;">October 30, 2010</p> <p align="center" style="font-size:0.30in;">CANAPICTURES.COM LAUNCHED</p> <p align="center" style="font-size:0.16in;"><p class="two">We are pleased to announce that canapictures.com has officially been launched! But you knew that already obviously, since you are here. Thank you for stopping by, please tell your friends!</p> <h1 align="center"></h1> <p align="center"style="font-size:0.20in;">October 24, 2010</p> <p align="center" style="font-size:0.30in;">KILLIN' FOLKS</p> <h1 align="center" style="font-size:0.16in;"><p class="two">Our most recent short film, "killin' folks" is now available for viewing on our vimeo page.Actually, it has been there for a while now. So why haven't you watched it yet? You can find the link on our VIDEOS page.</p></h1> <div id="contentwrapper"> <div style="float:left;"></div> <br> <br> <!-- end of right column --> <!-- Mister Analytics Code Start //--> <!-- Paste this code into every page that you would like to track //--> <script type="text/javascript"> document.write(unescape('%3Cscript type="text/javascript" src="'+document.location.protocol+'//expo-max.com/adserver/js/"%3E%3C/script%3E')); </script> <span id="auth42722986f381436582ccc7151406ca3e"> <!-- Mister Analytics Code End //--></div> </div> </body> </html> And here is my CSS body{ margin: 0; padding:0; background: #000; color: #fff; } #hdr{ width: 100%; height: 65px; margin: 0; border: solid #000; border-width: 0 0 2px 0; background: #000; color: #fff; } #lh-col{ width: 50%; float: left; border: solid #000; border-width: 0 2px 0 0; background: #000; color: #fff; margin: 60px; padding: ; } #rh-col{ background: #000; color: #fff; margin: 60px; padding: ; border: 0 } h1 { font-family: calibri, calibri; } p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:2px; } THANKS! We use a Joomla platform for our website, and in the CSS code, it automatically adds a border around tables, images etc. I'm trying to go around that with html by specifying table parameters. There is a border in the middle of the table now, and I'm trying to remove the border completely. However, keep in mind I do not want to modify the CSS for all the pages. Thank you, help will be GREATLY appreciated. http://augustinenursery.com/index.ph...&id=6&Itemid=7 Quote: <div class="topPanel"> <div class="pageName">Promotions</div> <div class="pageName" style="text-align: justify;"><span style="color: #000080;"><span style="font-size: 18pt;"><span style="color: #000000;"><a target="_blank" href="images/stories/augustine/aug_mthrsday_dlyfreemn_050311_lowres.jpg">Mother's Day Special, click here!</a></span></span></span></div> <div class="topContent"> <table bordercolor="#ffffff" border="1" cellpadding="0"> <tbody> <tr> <td>Current Spring Specials:</td> <td><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Arborvitae Emerald Green 6-7' / $69.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Japanese Maples 5 gal. / $99.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Rhododendron PJM 2 gal. / $9.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> White Pine 5-6' / $99.95</td> </tr> </tbody> </table> </div> </div> Hi all, I'm trying to achieve a border around columns, like on this website: http://www.birchandbird.com I like the blue textured border around the columns but I'm completely stuck on how I achieve that. Can anyone please help me? Thank you so much in advance! Hi I have built a page with a table and the thickness of the border around the entire table is different in Firefox vs IE, which impacts the way the words fit in the space. The page is http://www.totallyrichmond.co.uk/advertise2.html and the box concerned is the green one on the right hand side of the page Would value any advice. The code is: <table width="100%" id="table8" cellpadding="10" cellspacing="0" bordercolor="#000000" border-collapse="collapse" class="style2" BORDER=1px RULES=none FRAME=box> <tr> <td align="left" bgcolor="#FFFFFF" style="padding-right: 10px" height="30" width="354"> <p align="right"><b>The Restaurant in Richmond</b></td> </tr> <tr> <td bgcolor="#95A24B" class="style3"> <a href="advertise.html"> <img src="images/chez-gerard-steak.gif" alt="Great Sunday Lunch in Richmond" align="left" style="border: 1px solid #808080;" class="style6"></a><font color="#FFFFFF"><img alt="richmond" height="90" src="images/5-wide.gif" style="float: left" width="5">Bring your friends and family to our wonderful riverside restaurant and treat them to our acclaimed Sunday lunch. We offer a la carte, set lunch and kids menus. Children's play area. </font></td> </tr> <tr> <td align="left" bgcolor="#FFFFFF" style="padding-right: 10px" height="30"> <p align="right"><b> </b>0208 199 9999 | email | website</td> </tr> </table> Hi: Does anyone know how to put a bordrr around the outside of a column group ?? That is, I would like to place a border around the outside of a group of columns, and have *no* internal vertical or horizontal borders -- just the properly aligned internal data. So, for example, I would then have a 'block' of data inside a black border. THe block of data would then be one table row' (with perhaps four lines in the row), and would be several columns wide. I hope there's a way to do this -- or else I'll have to give up on this external border around my 'cell' ( Thank You ! -Mel Smith how to make a border with shadow? when using the below code on my blog, i still get a border. what am i doing wrong? i have other gifs with NO borders on my blog, but i don't see any difference in the code. <img src="http://www.coolholidaygraphics.com/birthday/animations/animatedgifs5.gif" border="0" /> thanks for any help |
|||||||