HTML - Diagonal Border
I'm looking for a way to create a diagonal border, could be a div, table or frame.
The image shown underneath here is the left part of a website, top is the menu, bottom part is a picture that should change when another page is shown. So what the result should be is that the picture should change when a button is clicked, but the menu itself shouldn't reload (because otherwise with about 10 different pictures you would need 10 menu's too, and would be a pain to change the menu then) Similar TutorialsHi, 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. 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... 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; } 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 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 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. How do I add a simple black border to the bottom of these headers: header1 and header2? thanks. Code: <TR valign=middle height=20> <TD class=header1><IMG src="/smusermanager/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=header2> </TD> </TR> 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 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. 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 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 I'm trying to get a custom image border thingy around a (Main) div section using tables... it worked for a different part of my site, but I cannot seem to get it to work (trying to get it to work fluidly). It works PERFECTLY with Firefox, but with IE... well, not so much. At all. And I have not idea how to get it to work, or do it a different way (i've tried with DIV's but IE always seems to mess it up for me) The site is at http://kittyweb.sytes.net/hellonearth/ and any help would be sooooooo muchly appreciated. Thanks in advance. Hi, I`ve got a problem with some freaky border around my calendar. Look here! In the middle of the Site, you can see a calendar with a border around it. Now comes the crazy one: It`ll shows up only in IE, but not in Opera!!! How comes Thx for your help! 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> when the page gets resized by the browser these thick dark borders show up. anyone know what the deal is? http://www.users.on.net/~bmccowan/tables.jpg 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 ! |