|
HTML - How Can I Make The Border Look Like This
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...
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. please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. 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 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 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... 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) 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`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! 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! 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> 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 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> 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. 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> My site is he http://www.cteaguedsign.com/ and I want to kill that borderframe on the <iframe> tag, but neither "0" nor "no" seem to work. Please check the source and tell me if there's anything I can do to make it disappear in most browsers. 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 ! this works fine in safari and fire fox but not in IE, its the links i'm having problems with, in safari and fire fox the links and the background image fit right but in IE there pushed down about 4px take a look, to see what i mean rollover the links and you will see what i mean the url is: http://nathanoconnor.co.uk/kartingchampionships/site/ thanks I'm currently working on my first blog and am trying to add a twitter hyperlink but it has a nasty border to it. I tried typing in different types of 'border=0' but it doesnt seem to work. I found the main code for the entire page post img, table.tr-caption-container { padding:4px; border:1px solid $bordercolor; if I put a zero in the border it takes it off the entire page, but I'd like my pictures to have a border and have The twitter hyperlink be without a border. This is the twitter link I want to have with no border. <a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'><img alt='Tweet It!' src='http://i835.photobucket.com/albums/zz275/amberink/social%20networking%20icons/th_twitter_32.png' width='20'/></a> Thanks, Ashton |
|||||||