|
HTML - Object Border
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 ! Similar TutorialsI'm working on integrating streaming HD video into my website (flash). I'm getting it close to how I want it to look, but I'm pretty inexperienced with flash (and not much more experienced with HTML). Please check the following pages and view source: http://www.matthoover.com/gallery/sk...ck_4.0-HD.html http://www.matthoover.com/gallery/sk...o_2008-HD.html I am trying to create a border around the whole flash object (player + controls), but the bottom bit of the border is getting cut off. I'm sure there's a much better way to do this? Here it is right now snipped from the source: Code: <div style="text-align:center; width:800px; height:456px">
<div style="float:left; width:69px; height:398px">
</div>
<div style="float:left; width:650px; height:398px; border: solid #e5e5e5; border-width:medium; border-style:ridge">
<script type="text/javascript" src="http://www.matthoover.com/jw/swfobject.js"></script>
<div id='player'><a href='http://www.adobe.com/go/getflashplayer'><img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>
</div>
<script type="text/javascript">
var so = new SWFObject('http://www.matthoover.com/jw/player.swf','mpl','650','398','10','#000000');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://www.matthoover.com/video/Z-Flock_4.0-HD.mp4&backcolor=000000&frontcolor=FFFFFF&screencolor=000000&skin=http://www.matthoover.com/jw/skins/modieus.swf');
so.write('player');
</script>
</div>
</div>
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. Hello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick I am using another persons code for our band's MySpace.( With some of my own) I am trying to display the shows section and the music player. When i insert the shows section the music player always displays behind the shows section. It is displaying the music player within the limits of the shows section. How do i make the music player seperate? Here is the code for the entire site with the music and show sections bolded. Code: <i class=i>!--START CODE IN BAND MEMBERS --!</i>
<i class=i>
!-Start Div Overlay Content Block-!
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8=">
myspace code tutorials by Eileen</a>
!-Close 3 layers of cell/row/table. This puts our Div ONE table deep.
</i>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i>
<i class=i>!!! MODIFY width to the SAME width as your core image !!!</i>
<div class="myCoreDiv" style="position:relative; top:0px; width:799px; height:auto; border:2px green solid;">
<i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i>
<i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i>
<img src=http://i42.tinypic.com/16iz2j5.jpg>
<img class="grid" src="http://i11.tinypic.com/4pczehk.gif" style="position:absolute; top:0px; left:0px;">
<span class="off">!-START COMMENT FORM-!</span>
<div class="myCommentFormD">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="445328869" type="hidden"/>
<textarea name="f_comments" class="myFormBox"></textarea>
<center>
<input type="submit" value="Post Comment" class="myPostCommentButton"/>
<input type="reset" value="Clear" class="myClearButton"/>
</center>
</form>
</div>
<span class="off">!-END COMMENT FORM-!</span>
<i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i>
<i class=i>!-Open 3 layers of table/row/cell-!</i>
<i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i>
<table class="L1" ><tr><td>
<i class=i>!-The below class i hides the remainder of the general table-!</i>
<table class="i"><tr><td>
<table class="i"><tr><td>
<style>.i {display:none}</style>
<i class=i>END CODE IN BAND MEMBERS</i>
<i class=i>!START code in Influences !</i>
<i class=i>!START Style Block For Hiding Elements on Band Page!
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a>
</i>
<style>
.i, div.clearfix i i i {display:none}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}
{! restore any images displayed inside our div. You may want to use block instead of inline for some images. !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}
{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:block;}
{! removes most content and the space it occupied !}
table table table {display:none}
{! minimize the remaining main page content that can not be removed without effecting the ad and menus !}
table table td { height:0px; margin:0px; padding:0px;}
{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}
table table br {display:none;}
table table table br {display:block;}
{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}
{! remove default background coloring !}
table table, tr, td {background-color:transparent !important}
{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
div.profileWidth table, div.profileWidth td {background-color:transparent !important}
div table {border-bottom:none !important;}
{! ADDITIONAL STYLE BLOCKS CAN GO HERE !}
<style>
{!- shows -!}
table table td.text div {position:absolute; width:440px; height:130px; overflow:scroll; overflow-x:hidden; top:30px; left:415px;}
{!- UnDo effect on Div in Friend and Comment spaces -!}
table table td.text table div {position:static; height:auto; overflow:hidden}
table table td.text div.commentlinks {display:none;}
table table td.text div table {display:block}
{!-fix column width of shows-!}
{!-set below px width to the width of your shows space-!}
table table td.text div table td, table table td.text div table {width:425px;}
table table td.text div table table {width:100% !important}
{!-adjust below value as needed-!}
table table td.text div table table table {width:40% !important}
</style>
<style>
{!-music player-!}
table table td.text div object {position:absolute !important; top:196px !important; left:100px}
table table td.text div object object {position:static !important;}
</style>
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; } 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 can anyone tell me how this is done? the border can be seen on the football manager site hattrick. thx 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 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> 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! 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 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. 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> 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. 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 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 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 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 |
|||||||