|
HTML - Border Thickness
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> Similar TutorialsI'm trying to make css style table border width thickness. My coding is <tr> <td height="10" style="white-space: nowrap; border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: .9pt solid brown; padding: 0px"></td> </tr> When i run in html file, it'ok and it's work fine. But when i put this code in php file, it doesn't work. Is there any special coding do i need to modify for php file type? Please share with me if anyone has an idea or experience. Thanks in advance. Hi: Is there any way to change the color or thickness of the <fieldset> box border ? TIA -Mel Smith 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. can anyone tell me how this is done? the border can be seen on the football manager site hattrick. thx 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> 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 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... 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. 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> 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 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? 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 ! 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 how to make a border with shadow? 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 hello, i am getting the results in two columns after using the following code... import_request_variables('p','p_'); $connect=mysql_connect('localhost','gkkilaru','gkkilaru') or die('could not open:'. mysql_error()); mysql_select_db('gkkilaru_db'); $result=mysql_query("SELECT * FROM human WHERE $p_Searchtype='$p_Search'"); function returnResultsInColumns( $mysqlResult ) { $queryResults = NULL; if( mysql_num_rows($mysqlResult) > 0 ) { while($resultRow = mysql_fetch_array($mysqlResult)) { for ($intPos = 0; $intPos < mysql_num_fields($mysqlResult); $intPos++) { $fieldName = mysql_field_name($mysqlResult, $intPos); $currentArrayPos = ( isset( $queryResults[$fieldName] ) ? count( $queryResults[$fieldName] ) : 0); $queryResults[$fieldName][$currentArrayPos] = $resultRow[$fieldName]; } } $htmlTable = "<table>"; foreach( $queryResults as $field => $results ) { $htmlTable.= "<tr>"; $htmlTable.= "<td>" . $field . "</td><td>" . implode( ", ", $results ) . "</td>"; $htmlTable.= "</tr>"; } $htmlTable.= "</table>"; return $htmlTable; } else { return "The query returned no results."; } } // Pass the result of the MySQL query into the function. $tableLayout = returnResultsInColumns($result); echo $tableLayout; can anyone let me know the code for how to place a border or table for the result obtained? 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 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; } I'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! |
|||||||