|
HTML - Firefox And It's Little Borders When You Click
why is it that whenever you click on a button in firefox it makes a little border around whatever you click on? for example have a look at the navigation on my page: http://www.benjaminpotter.org
also on the DESIGN page, when you use the FLASH part of it, a little border appears around the bottom and right of the flash swf file. so is there a bit of code that can remove this problem? thanks to anyone who can help! =) Similar TutorialsHello to all, I have been trying to research and track down the solution to a browser consistency issue I'm having. On my page, myaplusservices.com/index.html , I have successfully removed the borders for each frame in Firefox; however, in Internet Explorer the borders are still appearing as thin white lines between each frame. I hope there is some way to correct this so it's consitent between the different browsers. I am new to this and I'm about ready to pull out my hair... =) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>A+ Services- Mesa, AZ</title> </head> <frameset cols="*,800,*" frameborder=no border=no framespacing=no frameborder="0"> <frame src="leftblank.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frameset rows="100,30,*,30" frameborder=no border=no framespacing=no> <frame src="banner.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frame src="buttons1.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frameset cols="150,650" frameborder=no border=no framespacing=no> <frame src="navbar.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frame src="home.html" name="main" noresize frameborder=no border=no framespacing=no> </frameset> <frame src="footer.html" scrolling=no noresize frameborder=no border=no framespacing=no> </frameset> <frame src="rightblank.html" frameborder=no border=no framespacing=no> </frameset> </html> I appreciate any help I can get. Thank you, hello, the attached below is a position template for displaying merchandise. in IE the html shows properlly with no internal borders. in FIREFOX (version 1.5.0.9), the cells and tables are all bordered. i have now intentionally put - BORDERCOLOR="FFFFFF' and BORDERWIDTH="0" -wherever i possibly could in order to try and eliminate the borders from showing in firefox - to no avail. any suggestions? weblost here is the link if you prefer to view it. the position is the one marked "test 2" http://cafepanik.com/lobby/3_sneekee...ial/index.html The page can be found he http://www.trinityacademy.org/alumni/addressBook. You can tab from field to field but can't click on the fields. IF Google toolbar is enabled then you can click on the fields that Google recognizes for autofil but not on the fields it does not. I am baffled by this one. Any ideas??? <html> <head> <title>index</title> </head> <frameset rows="*" cols="128,*" frameborder="no"> <frame src="menu.html" name="menu"> <frameset rows="180,*" cols="*" frameborder="no" title="ss" accesskey="ss" tabindex="ss"> <frame src="velkommen_logo.html" name="main"> <frame src="sek.html" name="bottom"> </frameset> </frameset> <noframes></noframes> </html> that is the code but in explorer it shows borders and i dont know why plzz help me ok im having trouble with table borders, i know it works but when i upload it to my website it dosnt work, My website url where the table is located: http://dclxvi.co.uk/htmlform.htm the code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-GB" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="A site for contacting a dj to play at an event"/>
<meta name="keywords" content="DJ, Decks, AI-disco, AI Disco, Disco"/>
<meta name="author" content="Ashley Sargent"/>
<link rel="stylesheet" href="stylee.css" type="text/css" />
<title>DCLXVI: Booking</title>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="navigation">
<div id="navigation">
<ul class="menu">
<div class="left">
<a href="index.html"><img src="imagess/homet.gif"
onmouseover="this.src='imagess/homet1.gif'"
onmouseout="this.src='imagess/homet.gif'">
<a href="services.html"><img src="imagess/services.jpg"
onmouseover="this.src='imagess/services1.jpg'"
onmouseout="this.src='imagess/services.jpg'">
<a href="about.html"><img src="imagess/about.jpg"
onmouseover="this.src='imagess/about1.jpg'"
onmouseout="this.src='imagess/about.jpg'">
<a href="contact.html"><img src="imagess/contact.jpg"
onmouseover="this.src='imagess/contact1.jpg'"
onmouseout="this.src='imagess/contact.jpg'">
<a href="tos.html"><img src="imagess/faq.jpg"
onmouseover="this.src='imagess/faq1.jpg'"
onmouseout="this.src='imagess/faq.jpg'">
<a href="gallery.html"><img src="imagess/gallery1.jpg"
onmouseover="this.src='imagess/gallery2.jpg'"
onmouseout="this.src='imagess/gallery1.jpg'">
<a href="login.php"><img src="imagess/login.jpg"
onmouseover="this.src='imagess/login1.jpg'"
onmouseout="this.src='imagess/login.jpg'">
<a href=""></a>
<form name="htmlform" method="post" action="html_form_send.php">
<table border="2" bordercolor="FF0000">
</tr>
Personal Information
<tr>
<td valign="top">
<label for="Tital">Tital *</label>
</td>
<td valign="top">
<select>
<option><selected>--Please Select--</option>
<option>Mr</option>
<option>Mrs</option>
<option>Miss</option>
<option>Dr</option>
<option>Other</option></select>Other:<INPUT type="text" SIZE="20">
<tr>
<td valign="top">
<label for="first_name">First Name *</label>
</td>
<td valign="top">
<input type="text" name="first_name" maxlength="50" size="30">
</td>
</tr>
</select>
<tr>
<td valign="top"">
<label for="last_name">Last Name *</label>
</td>
<td valign="top">
<input type="text" name="last_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="email">Email Address *</label>
</td>
<td valign="top">
<input type="text" name="email" maxlength="80" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="telephone">Telephone Number *</label>
</td>
<td valign="top">
<input type="text" name="telephone" maxlength="30" size="30">
</td>
</tr>
</tr>
<tr>
<td colspan="2" style="text-align:center">
<!-- We are grateful to you for keeping this link in place. thank you. -->
</td>
</tr>
</table>
<table border="2" bordercolor="FF0000">
<tr>
Event Information
<td valign="top">
Occasion<select>
<option><selected>--Please Select--</option>
<option>Birthday</option>
<option>Wedding</option>
<option>Anniversary</option>
<option>Party</option>
<option>Engagement</option>
<option>Valentines</option>
</select>
<ul class="noindent">
<div style="overflow-x: hidden; overflow-y: scroll; height: 150px; width: 420px;">
Tick as many as you need.
<li><input type="checkbox" name="color" value="red">70's<br>
<li><input type="checkbox" name="color" value="green">80's<br>
<li><input type="checkbox" name="color" value="blue">90's<br>
<li><input type="checkbox" name="color" value="blue">Cheese<br>
<li><input type="checkbox" name="color" value="blue">Mainstreem R n B<br>
<li><input type="checkbox" name="color" value="blue">Dance<br>
<li><input type="checkbox" name="color" value="blue">House<br>
<li><input type="checkbox" name="color" value="blue">Gargae<br>
<li><input type="checkbox" name="color" value="blue">Hip-Hop<br>
<li><input type="checkbox" name="color" value="blue">Karaoke<br>
<li><input type="checkbox" name="color" value="blue">Other <INPUT type="text" SIZE="5">
</div><br>
</ul>
Event Date<INPUT type="text" SIZE="15"><br>
Length of Party<select>
<option><selected>--Please Select--</option>
<option>1 Hour</option>
<option>2 Hours</option>
<option>3 Hours</option>
<option>4 Hours</option>
<option>5 Hours</option>
<option>Other</option></select>Other:<INPUT type="text" SIZE="10"><br>
Location <INPUT type="text" SIZE="20"><br>
Additional Information<br>
<textarea name="comments" cols="40" rows="5">
Enter your comments here...
</textarea><br>
<input type="submit" value="Submit" />
</form>
</td>
</tr>
</form>
</body>
</html>
I'm wanting to create a page with a border around the edges of the browser window that changes when the user resizes the window. I would have four .jpg files which would serve for each individual side of the border. Is this possible in dreamweaver or HTML code? I wouldn't mind clipping of the edges when the window is resized smaller, but I would want the bottom and top sides to be layered on top of the sides. Thanks in advance. Jake Wolf Hi all, I have a web site and I would like to place a border or frame around the information, similar to this site he http://www.web-beacon.com/ can anyone help me? Thanks in advance Hey, I have frame borders that are the standard IE grey colour. They look kind of 3D-ish and have shading on one side. When I change the border colour to black (bordercolour="#000000"), it runs a black link through the borders, however, there is still the shading to make it look 3D. I want my border to simply be a flat black line (3 pixels wide), like that of one you might get in photoshop or paint by using the pencil tool. Does anyone know how to achieve this? Thanks in advance. =] I am trying to create a website in which an image will pop-up when you click on an active portion of the image. I can create the pop-up but it appears as a window with the usual header that you find in most browser windows. Can I make the pop-up appear simply as an image? If necessary, I can upload the images of the website I am creating. Many thanks, brownpanda. hello, i am having a pretty frustrating problem here .... i need to show a border, as a separator, but i need it to be a single border on the bottom of <td>, however, IE doesn't show it.. here is my HTML <td style="height:30px; width:820px; padding-left:10px; border:maroon 2px solid;" align="left"></td> any ideas ? thanks in advance can a border be made around a picture without making a table? TIA I am trying to create a TABLE that has a border, but the TD(s) within this TABLE have NO border. Is this possible using *only* HTML, and not CSS/styling. Is this possible? (Note, I am very well versed in CSS - but can't use it for this) when a user clicks a link, a dotted-line box forms around it in many browsers.
Code: a:active{border: 0;}
Normal CSS doesn't seem to get rid of it. Anyone know how to do that? this is an ultra-newbish question and one that i hope doesnt offend too many peoples skill-sets but i'm actually just wondering how to put two vertical color-coded borders on my page; one flush with the left side and one flush with the right that run down the length of the page. The borders in this code don't show up. Code: td.bodycell {
width: 77.5%;
height: 450;
background-color: white;
border-right:2px solid black;
border-bottom:2px solid black;
}
Can someone please help me!?! Thanks! Im trying to put borders on the right and left sides of my navigation cell. Here is what I have in my css. Code: td.linkcell {
background-color: CCCCCC;
border-top:0px inset "red";
border-right:10px inset "red";
border-bottom:0px inset "red";
border-left:10px inset "red";
}
And here is what I have in my HTML Code: <table width="50%" border="0"> <tr> <td width="100%" bgcolor="#CCCCCC"> <img src="pylbann.jpg" align="center"> </td> </tr> <tr> <td class="linkcell"> </td> </tr> </table> The borders show up fine but they are two different colors and niether of them are the right color. This is the site www.freewebs.com/postyourlyrics/ This is the CSS www.freewebs.com/postyourlyrics/pylcss.css I have the following code, and it works but I want to change the style of the border, while keeping the border in the center of the page as it is now. Thanks in advance. <html> <body> <table border="1" bordercolor="yellow" align="center"> <tr> <td> </td> </tr> </table> </body> </html> //I want to change border = "1", to something like groove,outset, inset etc. But I want the border to stay only in the center of the page. I am new to html, so could anyone tell me how to center text withhin a border that is centered on the screen. I seem to be having a problem, b/c I can only get the text to center but the border spans the entire page. I just want the bordered text to be in the middle of my web page. I want borders on some of my images. The ones i dont want border's i have Border="0" But i still have borders om them. The 2 that i dont want the borders on are the first 2 named Swish.gif & PC.gif Mine site is www.desgnr.bravehost.com Can you please help find the problem ? Is there a way to turn off a portion of a border in a cell of a table. Similar to what you can do in an excel file. I attached a sample of what I am looking to do, of course the image I attached was edited in photoshop to remove the bottom left border of the cell. Just curious if there is any html to turn on and off portions of a cells border. Thanks! |
|||||||