|
HTML - Text In Border?
Hi. A total newbie here. Here's what I would like to do.
I need a thick border around my text. Something like this: <table width="100%" align="center" cellspacing="20" cellpadding="50" border="1" bgcolor="#FA4305" ><tr><td bgcolor="#FFFFFF" > ....contents go here.... </td></tr></table> BUT, I need to place text inside that thick border. Actually I need it to be invisible, i.e. in the same color as border, but I guess that doesn't really matter here. Preferably, I'd like to be able to fill border vertically as well as horizontally. Thanks. Similar TutorialsHello 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! I cant seem to create a border around a p tag when I have a image and text in the same p element/tag. Is this possible? Im pretty sure I have my syntax correct. 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. Hi, I have a search form with the following code:# <!-- Begin FusionBot.com site search engine code--> <FORM NAME=fbsearch METHOD=GET ACTION="http://ss021.fusionbot.com/cgi-bin/ss_query"> <INPUT TYPE=text NAME=keys style="height: 18px; width: 100px; background-color:#1E7CC8;<input size="8" SIZE=10> <INPUT TYPE=hidden NAME=sitenbr VALUE="154309449"> <INPUT TYPE="image" src="http://www.freewebs.com/hanifm/search.gif" name="go" value="go" alt="Click to Search"><BR> </DIV> </FORM> <!-- End FusionBot.com site search engine code --> What I want is, is for the form to be like the login area of this site: http://www.pixel2life.com/ if u look at the top right of that site u can see it has the bit with username. I want that same style of the box with the white text inside and with the same border thickness and colour. These are the colours: Inside of the form (background): #1E7CC8 The Border colour: #64A2D6 The boder thickness has to be small like the one on the sie If anyone could do this it would be much appreciated. Thank You 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 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> 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; } can anyone tell me how this is done? the border can be seen on the football manager site hattrick. thx 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 have this: http://img297.imageshack.us/my.php?i...ntitledfl5.jpg I want to make the border really thin like the one on this page: http://www.best-love-poems.com/ My coding is: Code: <table width="500" height="500" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF">
<tr>
<td> </td>
</tr>
</table>
Thanks! 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) Hi, I have been making this web site for some one using the lates version of dreamweaver. http://www.thewayoflife.co.uk/index2.htm As you can see around the whole of the site is a light blue border. The background colour of the page is set to that blue colour. I have been using the layout tables (Green and blue buttons in the layout tab) to lay out the page. However I notice to you cannot drag the table right to the edge of the page and in which case you can see the background colour alll around the sides of the page. I was wondering if you had any idea on how to get rid of this, so i could take the dark blue side bar right to the side? Regards, Glenn 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. 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> 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... 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! 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 have a problem with an image link. After it is pressed it will have a potted border and i cant get rid of it. (img of the border attached) Is there a smart solution to this? Ive tried to set border to 0 for both img and a, but it was no help. I've searched for an answer to tis both on google and here but could not find anything. Parashurama |
|||||||