|
HTML - Border Issue :(
anyway to make this border run to the end of the page
what i have ::: border arround the flash menu... http://www.freewebs.com/fallingrain11/zzzzzz.html Code used :: <tr><td align="left" Width="17%" valign="top"> <tr><td width="100%"; colspan="2"> what i would like to have :: border on the left... http://www.freewebs.com/fallingrain11/1.html i tried mixing the 2 codes together and i get the outside border with it and i preferablly just want that border line... Similar TutorialsI think I've totally given up on this, but thought I still pick all of your brains. I'm working with a CMS that has hardcoded tables so that even when you have border="0", a border still shows up on the live page. It's absolutely driving me nuts. Here's what I'm aiming at: I want to place 5 photos going down the right-hand side of the page. The only way I have figured out how to do this is through a table, but the border shows and makes the entire page look like crap. Any other ideas on how I can accomplish this? Thanks! Hey everyone, I'm currently implementing some tables with borders defined via a stylesheet. When attempting to print this in IE7 there appears to be an issue with the way the border is drawn. If there is a table element which is page broken in the middle and continues on a second page, the left and right borders do not appear until the second page. I have tested out my HTML table elements in Firefox and Chrome, and they both produce the correct layout. Here are screenshots of the print output in PDF. Is there anything I can do with the styling to correct this in IE7? IE: http://img198.imageshack.us/img198/5097/18897772.jpg Firefox: http://img691.imageshack.us/img691/5403/firefoxu.jpg Thanks for your time, Mike Hey Guys, I'm having a tiny issue getting my divs on a page I'm working on to fall into place correctly. Because of this its giving me an issue with one of my borders breaking. Any help you can provide would be awesome. The page is located at http://www.atlanta-web.com/acm/index.html This problem occurs in FF and in IE. To maybe help speed up things I'm going to paste the main code form the html file and also from the css file. Keep in mind I'm redesigning this page which was 100% tables originally so some of the unXHTML code is still in place in a couple of spots, though I do not believe this is the problem. Code: <div align="center"> <!-- Begin Main Wrapper --> <div id="main-window"> <!-- Begin Main Pane Div --> <div id="header"> <!-- Begin Header Div --> <div id="ACM-Header"> <!-- Begin ACM-Header Div --> <h1 id="h1-Header">along came mary</h1> <p class="motto"> personal shopping and concierge services </p> <p class="motto"> the metro atlanta area </p> </div> <!-- End ACM-Header Div --> <div id="ACM-Logo"> <!-- Begin Logo Section of Header --> <p class="leftAlignImage"> <!-- To left align the image --> <img border="0" src="ACM-Logo.png" alt="Atlanta personal assistant, Atlanta concierge, Atlanta personal shopping, and Concierge services"> </p> </div> <!-- End Logo Section of Header --> </div> <!-- End Header Div --> <div id="main-body"> <!-- Main Body Div --> <div id="content"> <!-- Main Content Div --> <!-- Begin Editable Body --> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px; margin-top:0px; margin-bottom:6px"> <b><font face="Arial">Take a deep breath. Call Mary. Relax. It's handled.</font></b></p> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px; margin-top:0px; margin-bottom:0"> <font size="2" face="Arial">Whether it is shopping, running errands, organizing your home or office, caring for your pets and home while you are away or just waiting for a service contractor to arrive, Along Came Mary is ready when you are. It's like having a personal assistant for you and your home! </font></p> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px; margin-top:0px; margin-bottom:0"> </p> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px; margin-top:0px; margin-bottom:0"> <font size="2" face="Arial">Along Came Mary specializes in personal shopping and concierge services for individuals and families in the metro Atlanta area. Based in Vinings, an Atlanta, Georgia suburb, Along Came Mary prides itself on providing reliable, top-notch customer service to its clients. Our primary goal is to help busy people create a more balanced and therefore enjoyable lifestyle. When life becomes hectic, being able to make that call for help relieves stress and calms nerves! </font></p> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px"> <font size="2" face="Arial">We know your time is valuable and thank you for visiting our site to learn more about how Along Came Mary can help you create a more balanced, productive, and manageable life. <a href="ContactUs.htm">Contact us</a> so that we can show you how good life can truly be! </font></p> <!-- End Editable Body --> <div id="contact"> <tr> <td valign="bottom" style="border-left-style: solid; border-left-width: 1px; border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium; border-top-style:none; border-top-width:medium"> <p style="margin-top: 0; margin-bottom: -3px; margin-left:12px; margin-right:12px" align="left"> <font face="Arial" size="2"> Mary Snelson</font><p style="margin:0 12px; " align="left"> <a href="mailto:mary@marylovesshopping.com"> <font face="Arial" size="2" color="#F1037F">mary@marylovesshopping.com</font></a><p style="margin:0 12px; " align="left"> <font face="Arial" size="2">404.422.7564</font><p style="margin-top: 0; margin-bottom: 6px; margin-left:12px; margin-right:12px" align="left"> </td> </tr> </div> <!-- End Contact Div --> </div> <!-- End Main Content Div --> <div id="nav-pane"> <!-- Begin Nav Pane Div --> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0; padding:0;" align="left"> <font face="Arial" size="2"><a target="_self" href="index.html"><font color="#000000"> Home</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"><a target="_self" href="AboutUs.htm"><font color="#000000"> About Us</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"><a target="_self" href="OurServices.htm"> <font color="#000000">Our Services</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"> <a target="_self" href="CustomerFeedback.htm"> <font color="#000000">Customer Feedback</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"><a target="_self" href="ContactUs.htm"> <font color="#000000">Contact Us</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"><a target="_self" href="links.htm"><font color="#000000"> Links</font></a></font></p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p align="center" style="margin-top: 0; margin-bottom: 0"> <a target="_blank" href="http://www.iceaweb.org"> <img src="assnbanner2.jpg" width="132" height="96" border="0"></a></p> <p align="center" style="margin-top: 0; margin-bottom: 0"> <font face="Arial" size="1"> <a target="_blank" href="http://www.iceaweb.org" style="text-decoration: none"> Proud Member of the</a></font></p> <p align="center" style="margin-top: 0; margin-bottom: 0"> <font face="Arial" size="1"> <a target="_blank" href="http://www.iceaweb.org" style="text-decoration: none"> International Concierge</a> </font></p> <p align="center" style="margin-top: 0; margin-bottom: 6px"> <font face="Arial" size="1"> <a target="_blank" href="http://www.iceaweb.org" style="text-decoration: none"> & Errand Association</a></font></p> </div> <!-- End of Nav Pane Div --> </div> <!-- End Main Body Div --> </div> <!-- End main-window Div --> </div> <!-- End Main Wrapper --> Code: body {
background-color: #fcc1df;
margin: 0px;
font-family: Arial, sans-serif;
}
#main-window {
border: 2px solid #000000;
width: 700px;
margin-top: 15px;
padding: 0px;
background-color: #ffffff;
}
#header {
border: 0px;
width: 100%;
height: 156px;
margin: 0px;
padding: 0px;
}
#ACM-Logo {
margin: 0px 554px 0px 0px;
padding: 0px;
}
.leftAlignImage {
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
#ACM-Header {
width: 554px;
padding: 0px;
margin: 0px;
float: right;
}
#h1-Header {
text-align: left;
margin-left: 12px;
margin-top: 35px;
margin-bottom: 0px;
font-family: DIN-Medium;
font-size: 30pt;
}
.motto {
text-align: left;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, sans-serif;
font-size: small;
}
#main-body {
background-color: #ffffff;
border-top-sytle: solid;
border-top-width; 1px;
border-color: #e5e5e5;
width: 700px;
margin: 0px;
padding: 0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px;
}
#nav-pane {
/*width: 141px;*/
height: 100%;
text-align: left;
margin: 0px 554px 0px 0px;
padding: 0px;
border-left-style: none;
border-left-width: 0px;
border-right-style: solid;
border-right-width: 1px;
border-bottom-style: none;
border-bottom-width: medium;
border-top-style: solid;
border-top-width: 1px;
}
#content {
border-left-style: solid;
border-left-width: 1px;
border-right-style: none;
border-right-width: medium;
border-bottom-style: none;
border-bottom-width: medium;
border-top-style: solid;
border-top-width: 1px;
height: 317px;
width: 554px;
padding: 0px;
margin: 0px;
float: right;
}
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. 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... 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> can anyone tell me how this is done? the border can be seen on the football manager site hattrick. thx 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 how do i change the border colour in a style sheet? i added it to the body parts but it didn't change =/ .. this is my style sheet (the border colour part isn't there now i'm hoping someone can add it in the right place) Quote: /* CSS Document */ body{ scrollbar-arrow-color: #AD33FF; scrollbar-3dlight-color: #EFEFEF; scrollbar-highlight-color: #EFEFEF; scrollbar-face-color: #EFEFEF; scrollbar-shadow-color: #EFEFEF; scrollbar-darkshadow-color: #EFEFEF; scrollbar-track-color: #EFEFEF; } a:visited { color: #AD33FF; text-decoration: none; } a:active { color: #AD33FF; text-decoration: none; } body { background-color: #494949; } body,td,th { color: #9D9D9D; font-family: Tahoma; font-size: 10px; } a:link { color: #AD33FF; text-decoration: none; } a:hover { color: #cccccc; text-decoration: none; } Hi, I am very very new to HTML and have been trying to find out how to add a border to an object, which in my case is flash. Here is my script : <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="320" id="tacticalassassin" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="tacticalassassin.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="bgcolor" value="#FFFFFF"/> <embed src="tacticalassassin.swf" quality="high" wmode="opaque" bgcolor="#000000" width="650" height="320" name="tacticalassassin" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> I've tried putting border=2, border="2", border=2px ect.... I've tried so many variations but can't get it to work... Can some one please help, thanks ! Im a newbie and all I want to do is put a color border aorund this image say the color blue, please help. </head> <body> <a href="http://www.bigcustomernetwork.com" target="_blank"><img src="http://i529.photobucket.com/albums/dd339/jfaul4820/BCNTopBanner.jpg" border="1" alt="BCN Top Banner"></a></a> </body> </html> how to make a border with shadow? Hi, On my website I have a breadcrumbs section on top of the page and on the side of the page, I have a navigation section. The problem that I am having is that the border-bottom of the breadcrumb section - streches out to 100% of the screen, but the height of the navigation section does not. I have kept the height as 100% (as I did with the width of the other section) but the border-right and the background colour cuts off. The website is: http://www.cse.dmu.ac.uk/~p04283218/mainframe9/ Does anyone have any suggestions? Thanks. I'm not very experienced with html. I want to make tables with borders, but i dont like the look of
Code: <table border="1"> how can i replace the space between the cells with a plain solid 1 px wide black line? thanks. 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 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 Hello, One little annoying weird pain in the ... I have a table with border=1 and color black; I put the code below: <table border="1" bordercolor="black" rules="none" frame="box" cellpadding="6" cellspacing="0" bgcolor="#02DA60"> In FF it is good, in IE the border is 2-3 times wider, looks like border="3"; it is too thick. You can check it at: Online Poker Room Reviews it is the green table on the right I am talking about. How to get the same border width 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... 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> |
|||||||