|
HTML - Table Width Problems [was "help Me With Tthis Issue"]
What is wrong with this table. My table is not showing correctly. The column on the right side is sticking out a little to much. Please help thx.
Code: <table width="122" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="122" height="30" colspan="3" background="http://findacreditsolution.com/images/left_blue_title.gif">
</td>
</tr>
<tr>
<td width="1" background="http://findacreditsolution.com/images/left_mid_bg.gif">
</td>
<td align="center">some code here</td>
<td width="1" align="left" background="http://findacreditsolution.com/images/right_mid_bg.gif">
</td>
</tr>
<tr>
<td align="center" valign="top" colspan="3" width="122" height="10" background="http://findacreditsolution.com/images/left_bot_bg.gif">
</td>
</tr>
</table>
Similar Tutorialshi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. Code: <html>
<head>
<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
}
function hideme(){
document.getElementById("hid").style.visibility="hidden";
}
</script>
</head>
<body>
<form name="myform">
<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<div style="visibility:hidden" id="hid">
<tr>
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr>
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
</div>
<tr>
<td>
</td>
</tr>
</table>
<input type="button" onclick="callme()" value="show">
<input type="button" onclick="hideme()" value="hide">
</form>
</body>
</html>
thx in Adv, Hanm. http://www.colletts.co.uk/winter_dolomites.htm I have the above page that redirects users to my Winter Website - the HTML below isn't valid W3C does anyone know of a better and valid way to get this done? Cheers, Mas HTML Code: <META HTTP-EQUIV="Refresh" CONTENT="2.5;URL=http://www.colletts.co.uk/winter/winter_dolomites.html" /> A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? I was hoping someone could clue me in as to whether or not this would be possible. I'm thinking it isn't but I need to make sure. I'd like to provide a file for people to download on my website, but when they click on the link and the download window appears I don't want them to have the option of opening it. Is it possible to only give them the option to save the file? Sounds incredibly unlikely but I gotta know. Hello Im sorry I really dont know HTML but i am a self learner and made a form for my website and it works perfectly but my problem is to SUBMIT it the form will open up Outlook Express and people ahve to send an email and junk. I was wondering if there was a way around it to like get it sent straight to my email address? like on freewebs.com if you submit a form it goes to your email (but of course if you want to do more than 25 form requests you ahve to pay) so i was wondering if anyone can help me or give me a code the email i need it to sent is AnatreDesigns@hotmail.com. if you need anything specific just let me know THANK YOU SO MUCH I have a problem with my website basically I have a drop down menu and when you click on a specific name it should bring the name/catcode in the next box I have done a primitive example below also I have copied the html code from the page below some of them work and some dont which is really confusing me I havent got a clue what I have to do to get them all to work. I would really appreciate any help or pointers. Example: Drop down menu catcode Action Force A LEGO L Below is part of the pages html which I think is causing the issue. <td style="background-color: #7f7f7f" valign="middle"> <table id="archiveSearch"> <tr> <td style="padding-right:10px"><img id="archiveSearchImage" name="archiveSearchImage" src="images/archiveSearch.gif" alt="Search Archive" width="144" height="37" border="0" /></td> <td style="padding-right:10px"> <select id="categoryDropDown" name="categoryDropDown" size="1" onchange="selectCategory(this)"> <!--<option value="Example" >Example</option>--> <!--<option value="Examples" >Examples</option>--> <option value="A-Team" >The A-Team</option> <option value="Action Force">Action Force</option> <option value="Bionic Six" >Bionic Six</option> <option value="Buck Rogers">Buck Rogers</option> <option value="COF" >Cinema of fear</option> <option value="COTT">Clash Of The Titans</option> <option value="DC Comics">DC Comics</option> <option value="GIJ" > G.I.JOE</option> <option value="LEGO"> LEGO</option> <option value="LOTR"> Lord of the rings</option> <option value="MASK"> M.A.S.K</option> <option value="MISC"> Miscellaneous</option> <option value="MOTU"> Masters Of The Universe</option> <option value="Rock Lords" >Rock Lords</option> <option value="Rocky" >Rocky</option> <option value="SMDM" > Six Million Dollar Man</option> <option value="Star Wars" >Star Wars</option> <option value="Super Heroes" >Super Heroes</option> <option value="Super Powers" >Super Powers</option> <option value="ThunderCats" >ThunderCats</option> <option value="TMNT" >TMNT</option> <option value="Transformers" >Transformers</option> <option value="Visionaries" >Visionaries</option> </select> </td> <td style="padding-right:10px"> <!--<input id="mostRecentButton" type="button" value="Most Recent" />--> <input id="catCode" type="text" style="width:45px" readonly="readonly" /> Usually when people place a footer at the bottom of a page they do it outside of the wrapper, so the footer is a first generation child of the body. However, I'm helping with a site that has shadow bars running down the sides of the wrapper div, and we want the footer to stick to the bottom, but inside of the wrapper. Currently any content that extends to where the footer is begins to overlap it. Here is my code: HTML Code: <html>
<head>
<title>Closeout Boat Sales</title>
<link rel="stylesheet" type="text/css" href="style/styles.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style/styles2.css" />
<![endif]-->
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="scripts.js"> </script>
</head>
<body>
<div id="wrapper">
<div id="header">
<?php include('header.php'); ?>
</div>
<div id="navcontainer">
<?php include('nav.html'); ?>
</div>
<br />
<div id="sidebar">
<p><img src="images/latest_sidebaroff.png" id="toggle1" /></p>
<p><img src="images/bulk_sidebaroff.png" id="toggle2" /></p>
</div>
<div id="main">
<br /><br />
<div id="latest">
<table style="width: 100%"> <tr>
<p><?php echo $dynamicList; ?></p>
</tr></table>
</div>
</div>
<div id="footer">
<?php include('footer.php');?>
</div>
</div>
</body>
</html>
HTML Code: body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
line-height:1.5em;
margin: 0;
}
body {
background-color: #fff;
}
#header h1 {
font-size: 32px;
display: inline;
}
#header a {
font-size: 32px;
color: #06C;
text-decoration: none;
}
#cartBar
{
/*float:right;
background-color: gray; */
width: 1003px;
text-align: right;
margin-left: -2px;
}
#wrapper
{
margin-left: 100px;
height: 100%;
width:1050px;
padding-left: 40px;
padding-top: 10px;
background-color: #fff;
background-image: url('../images/shadow-bar.png');
background-repeat: repeat-y;
}
#header
{
width: 1002px;
margin-left: -19px;
margin-top: -10px;
padding: 3px;
background-image: url('../images/headerBar.png');
}
#sidebar
{
width: 250px;
float: left;
}
#main
{
width: 800px;
float: left;
}
#main a
{
font-weight: bold;
color: #06c;
}
#main a:hover
{
color: #999;
}
#main a:visited
{
color: #06c;
}
#navcontainer
{
width: 100%;
text-align: center;
}
#navcontainer li
{
/*float:left;*/
display:inline-block;
list-style-type:none;
position:relative;
margin:0 10px;
overflow:hidden;
}
#navcontainer li:hover {
overflow:visible;
}
#navcontainer li ul {
position:absolute;
display:block;
left:0px;
top:20px;
margin:0;
width:110px;
padding:0;
background-color:#CCC;
padding:0 10px 10px;
}
#navcontainer li ul li {
float:none;
margin:0;
display:block;
}
#footer
{
margin-left: -19px;
margin-bottom: -10px;
height: 125px;
width: 1009px;
color: black;
position: absolute;
bottom: 0;
font-size: 10pt;
background-image: url('../images/footer.png');
}
#footer a
{
color: #333;
font-weight: bold;
text-decoration: none;
padding: 5px;
}
#bulk
{
display: none;
}
Any ideas? Hello, I want to load a page in a iframe, and when i do this, i want that page to be displayed not at the begining of that page, i want that page to be displayed at a "x" and "y" position specificated by me. How can i do that? Thank you. Hello everyone. I'm trying to use code that will allow me to have links my guests click open in a new window of a set size. The problem I'm having is that when I use this code the cursor doesn't change to a hand when my guests mouse over the images I want them to click. I'm afraid they won't realize they are links. I found the code on a website I put together years ago, hopefully there's a better way to do this now. Please forgive me if this belongs in "Client Side Scripting" The java is as follows: Code: <script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
The code is as follows: HTML Code: <a = "#" onClick="MM_openBrWindow('p1.html','','resizable=yes,width=450,height=350')">
<img src="thumb/p1.jpg" width="50" height="50" vspace="1" hspace="1" border="0"></a>
Thank you very much! I was wondering if anyone could help me. I'm not a html genius, so bare with me. On my site it says...there is no attribute "width". This is where it happens at: <input name="langpair" value="en|fr" title="French" src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" onclick="this.form.langpair.value=this.value" style="height: 20;" type="image" width= "30" /> I also have similar problems like there is no attribute "border", "cellpadding" "cellspacing" "bgcolor" "align" and other things like element "td" undefined so yeah I don't know how to change this so it works. Everything works fine in the browser, but apparently something is wrong. It's a language translation tool on my site with flags of different countries. My site is http://www.ilovemoneymorethanyou.com if anyone wants to check it out. I cannot work out why my google ads on the left hand side of my pages appear vertically centred, and not aligned to the top. The site is here My code looks like this: <td valign="top"> <p align="center"> {include file="$tpl_dir/ads_left_two.sec.html"} <img src="images/120-pixel-spacer.gif" alt="richmond upon thames" width="120" height="20" /></p></td> and the code for {include file="$tpl_dir/ads_left_two.sec.html"} looks like this: {literal} <script type="text/javascript"><!-- google_ad_client = "pub-2556340643393239"; google_alternate_color = "598527"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text"; google_ad_channel ="6678563867"; google_color_border = "CCCCCC"; google_color_bg = "FFFFFF"; google_color_link = "790000"; google_color_text = "333333"; google_color_url = "598527"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <script type="text/javascript"><!-- google_ad_client = "pub-2556340643393239"; google_alternate_color = "598527"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text"; google_ad_channel ="7752161831"; google_color_border = "CCCCCC"; google_color_bg = "FFFFFF"; google_color_link = "790000"; google_color_text = "333333"; google_color_url = "598527"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> {/literal} Hopefully i'm doing something dumb and you can tell me!!! I've been trying to work this out for ages.... thanks Bugs1012 Hi, I have a problem with validating Strict XHTML 1.0 ... The tag: "option" doesn't have an attribute: "onchange" in currently active versions.[XHTML 1.0 Strict]... Is there a way around this? Here's the code:. <select name="birth_month" onchange="form_d('yes');" size="1" style="width:8em"> <option<?php echo empty($a_birth_month)?' selected="selected"':''?> value="" onchange="form_d('yes');" >Month</option> Thanks Only another million pages to go. Rather than write them out i took a screenshot. So how do i get past those? Hey, I'm trying to write some code for expanding and concealing text You can see this in action at youtube when you click the (more) button to expand text. Suppose I had a heading: MyHeading and a body of text: MyTextHere How do I make it so that when you click MyHeading it makes MyTextHere (initially not visible) appear, and when you click MyHeading again, it makes MyTextHere disappear? Thanks Alot. Hi all, I am currently working on a website using Dreamweaver CS3. Whenever I view the (currently very basic) site in Firefox I get the line of code I entered as the title of this thread at the top of the page (directly above the banner) as if I had just typed it into the canvas area (correct term?). Whenever I view it in IE it appears just fine, not sure about other browsers though. I began by creating a template and adding it to the page you see he HTML Code: http://www.geocities.com/makotronic/indexx.htm Here is the code for the template: Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Template for Parish Website</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="../Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td valign="top"><!-- TemplateBeginEditable name="Main Body" -->Main Body<!-- TemplateEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
And for indexx.htm (I added a second 'x' because I already had a 'index.htm' file in GeoCities): Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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"><!-- InstanceBegin template="/Templates/template.dwt.asp" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome to the Greencastle Parish Website</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style8 {
font-size: 36px;
font-weight: bold;
}
-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><!-- InstanceBeginEditable name="Main Body" --> <span class="style8">Header</span>
<p class="style3">Main Body</p>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
Cheers for any help! Niall Here is the code that I am using; Code: <table frame="vsides"> <td> Testing123 </td> </tr> </table> And here is the site with the result; http://radicalwriting.uphero.com/ For some reason it never works quite right, I don't think it's a syntax error. Only thing I could think of would be wrong doctype. Any thoughts? Hello! Don't know if this is the right place to post but here goes... I have learned quite a few of HTML and CSS in the last few months - also with a bit of your help, so thank you... Ok, here's the problem. Althow i can relatively control my code i'm having problems with site "looks". I'm not talking about graphics, but positioning... layout if you want. I just don't know where to put some stuff so that the site would look interesting, that everything would be properly "ordered", that i would use the right color combinations... so... can anyone direct me to some good source where i can learn something like that? Thank you! P.S.: If this is the wrong section to post this kind of questions, please, move the thread hi all i,m having a problem with the HTML command alt="hover text" this seems to work on an image <img src="c:\documents and settings\admin\my documents\my pictures\thinklogo.gif"alt="hover text" width="100" height="100"> but i am unable to place it in this piece of code <a href="http://www.google.com" target="blank"<b style="color:green">google</b> i am a noob at html and not sure if it can be used with a link. any help would be appreciated. Hello, not sure if this should go into CSS or HTML since it deals with both, but I'll put it in here anyway... I'm having problems with a couple of background images that pop up over my main table when the window is shrunk down. Here's the code (or a snippet thereof...) Code: DIV.float_top_lft IMG
{
POSITION: absolute;
TOP: 0;
LEFT: 0;
}
DIV.float_btm_rt IMG
{
POSITION: absolute;
BOTTOM: 0;
RIGHT: 0;
}
<!--end style-->
<body>
<DIV CLASS="float_top_lft">
<IMG SRC="images/background_TL.jpg"></DIV>
<table><tr><td>table blah blah my table is here with content in it nothing fancy just HTML</td></tr></table>
<DIV CLASS="float_btm_rt">
<IMG SRC="images/background_BR.jpg"></DIV>
</body>
so the gist is that there is a top left corner graphic and a bottom right graphic that stay in the corners no matter the size of the screen, but the problem is that they pop up over the table when the screen is shrunk "too far". I tried putting everything in a three column table, but that limits the bottom corner graphic to being only at the bottom of the table, not the screen, which I can't have. But I do like how the horizontal resizing stops (IE the background images don't go above or below the table, they stop once the side of the table and the graphic hit which is nice) once the screen is brought to a certain size horizontally. I have also tried putting the table in a DIV that doesn't really tell it to do anything, but that didn't work either. Is there a way that I can tell the two images to be BELOW the table without having to redo a ton of code? Thanks! Hi, Can someone help as I am having a problem with using a "/" at the end of my urls which I generate. The problem is http://www.linksmart.com.au/ash/index.html/ - will get a 404 error http://www.linksmart.com.au/ash/index.html - will not If I use a .php http://www.linksmart.com.au/ash/index.php/ - I will get the page but no images http://www.linksmart.com.au/ash/index.php - will work ok. I think It appears to have something to do with naming the landing file in the url as domain names work ok. Can anyone explain. Regards Peter |
|||||||