|
HTML - Page Borders
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.
Similar TutorialsHello, I am a newbie to HTML. I am trying to generate HTML code as a basis to an email. I wish to have a image at the top of the page (page wide 780 pixels) two lines in the sides (based on colored line image) and an image at the button. My problem is: how can I add an image to the left side and the left side of the body part and add text/tables/images etc. between them so it's length will dynamically shorten/lengthen according to the body number of lines ? Thank you for your help Im trying to figure out how to make my page borders absolute. So that the text I enter is forced to the next line and the table expands to accommodate whatever text is entered. Instead, whats happening is the page is expanding to the right, to accommodate the excess text. I've not messed with any html in a long time, used to be I could just use nested tables to accomplish this but no longer. I plan to use this code for an ebay store template so trimming the text or manually splitting it from line to line isn't an option. if anyone could help me or point me in the right direction so I can fix this or learn how to fix it It would be much appreciated. page in question is located here surrenderyourwings(dot)com/layout(dot)html http://surrenderyourwings.com/layout.html 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, 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 <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 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. 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 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 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 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 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) In some sites there are nicely rounded borders. How do they make them? With images of course, but is there any easier way? 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! 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? 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 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 ? 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 |
|||||||