|
HTML - 2 Borders Green And 2 Not Diff Reactions Diff Browsers
Hi,
I have been picking at this all day and I keep on getting 2 lime borders and 2 white borders with ie6 and not with firefox 3.0.11 If I change the background colors and turn all borders to 1, then I notice a white line on the right side and on the bottom side of the inner border of the inner table that I also do not want there. Also I noticed that I can get a border of only 1 px it is 2 px which I do not want can anybody help me to get rid of this here is the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Jet Set</title> <style type="text/css"> html,body { margin:0px; padding:0px; height:100%; color:tan; } </style> </head> <body bgcolor="black" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <table width="100%" style="height:100%;" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="text-align:center;"> <table width="900px" style="height:520px; margin:auto; border-color:lime;" bgcolor="black" border="1" cellpadding="0" cellspacing="0"> <tr> <td>text</td> </tr> </table></td> </tr> </table> </body> </html> Similar TutorialsI am preparing this page to be sent as an email. It displays fine as a webpage in both FF and IE, but as an email, it is all out of alignment in FF only. I'm stumped. http://www.flourishdiabetes2.com/arc...intro_fix.html Any suggestions? Thanks so much. Hi everybody, this is my first post. Kudos for the site, looks like a helpful and fun place. Liking all the crazy colors, too My issue is the following. Don't know what I did in my code to cause this, but although it is properly defined when inserted and I can see it in Dreamweaver, the border to my tables does not appear in browsers. Can't think of what might be wrong. Thanks. Hello 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, <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 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 ? 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 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. 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! 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. can a border be made around a picture without making a table? TIA 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. 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) 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. =] In some sites there are nicely rounded borders. How do they make them? With images of course, but is there any easier way? 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 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 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 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! |
|||||||