|
HTML - N00b Question - Table Problem!
Hi, i have a problem with html tables. Im working on a myspace layout for my band. the table layout looks great in IE but not in Firefox. i can give you a link to the page
http://www.myspace.com/northeytest and even the coding if you need to see it The problem is that i have two tables under two different <div> classes. both div calsses are set the same, that are set to an absolute position, a left margin of -400px (each table is 800px in width) and a left positioning of 50%. the only difference is the second one has a margin at the top of 942px. In IE, this works fine, but in firefox, the table is halfway off the page on the left hand side unless i change the margin to 105%. please help me edit: also, im new, so hi im also just starting out with learning html code Similar TutorialsI'm working on the html for my tumblr account and would like to know if there is a better code to use rather than a bunch of br's. There is a table on the right of my page that has the title, description, followed pages and then the 'newer' 'older' tag links below that. I would like the 'newer' and 'older' tags to be all the way at the end of the page (so the table also goes to the end of the page) Right now I just have in a bunch of br's, but the page length varies depending on the number and size of the posts, so I would like to know if there is something I can use that will automatically set this to the bottom. Thanks in advance for the help! Hi I am trying to code a website which is subdivided (using tables) into a navigation side bar and content area. How is it possible to allow my various html pages be displayed in the content area (without opening a new window) when i click on a link in the navigation bar? gary Hi, Im not very fluent in html, and im trying to do a very simple task. I've been browsing google and multiple forums including this one for a while trying to figure out this basic code but having no luck. I believe i may need to use javascript for this. What i'm trying to accomplish is: - Have visitors enter a confirmation code into a text box - If they enter the right code they get sent to my members page - If they enter the wrong code they get sent to an error page Pretty simple I know, but i cant seem to figure this out. i read this, and this code is the best i came up with so far, but i get an error when i run it. "Method Not Allowed " Here is the code i am using Code: <head>
<script type="text/javascript">
function validate_required(Password1)
{
with (Password1)
{
if (value=="password")
{
// i want to navigate to a members page here
}
else
{
// i want to navigate to an error page here
}
}
}
</html>
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
</head>
<body>
<form method="post">
<input name="Password1" type="password" /><input name="Submit1" type="submit" value="submit" /></form>
</body>
Hello everyone, my name's Jesse and this is my first post here on these forums and I'm really looking for some help here (as I can't seem to find any anywhere else). I am currently using the Soul Vision v.1.0 theme. After running the W3C Markup Validator I see that there are a total of 68 Errors and 26 Warnings. I really love this template and it works very, very well with my vision and content. I don't know anything really about fixing or cleaning up any code (and yes I did try using HTML Tidy and it messed up my site so I had to reset it all). Is there any one person who would be willing to help me make this W3C compliant for the sake of SEO? I didn't include my meta title, keywords and description in the above header.php. They were right before the first </head> in the middle/top of the code. For example, from the W3C Markup Validator I get a lot of these errors: document type does not allow element "link" here Other errors include: document type does not allow element "meta" here document type does not allow element "style" here end tag for element "head" which is not open document type does not allow element "body" here document type does not allow element "ul" here; assuming missing "li" start-tag. Here is some code from the header.php file: DELETED so im a silly little noob who is learning html, but i want to know how you layout your webpage with a defined width and have it all center in the webpage at all times. <www.w3schools.com <----not unlike this webpage Basically I would love to see the code for just the page centered like that and maybe a grey background to make it very obvious to me. Help a noob out! Hi all, for some reason when I delete the comments from my code, it runs differently than when the comments are in there. I want a green horizontal navigation bar to appear at the top of the page, and when the comments are in there, my ul list is in default style. Can anyone figure out why this is happening? Thanks so much in advance. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> <!-- head section contains general page attributes -->
<title> Navigation </title> <!-- Title (on tab) says "Navigation" -->
<style type="text/css"> <!-- Use css style -->
<!-- navbar is the tag of the main navigation bar, ul means it's an unordered list -->
#navbar ul { <!-- Attributes of main bar -->
height: 30px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center; <!-- Alignment of links in horizontal bar -->
background-color: #009966; <!-- Color of main bar -->
}
#navbar ul li { <!-- Attributes of list -->
display: inline; <!-- Display list elements horizontally -->
float: left;
}
#navbar ul li a { <!-- Attributes of link boxes -->
text-decoration: none;
font: arial;
display: block; <!-- Put each link in a block -->
width: 10em; <!-- Width of each block -->
height: 30px; <!-- Height of each block -->
color: #FFFFFF; <!-- Color of link text -->
background: #009966; <!-- Color of block -->
text-align: center;
}
#navbar ul li a:hover { <!-- Attributes of block when hovered over -->
color: #FFFFFF;
background-color: #006666;
}
</style>
</head>
<body>
<div id="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Past Events</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
</body>
</html>
I have a table and after I select the question (the ball) I would like the answer to come up in another column in that table. Is that too much? Keep'er simple please. Thanks. Hello, I am newbie, just has started my adventure with html. I tried to make an easy static site, without any additional thingd, but it occured a problem. 1. I mean, as I put table in table because I did know how to to id in different way, to make buttons on the left stay up while text on the right is moving- if I do normal table with 2columns and on the left lets say 5rows for buttons, on the right I unite all rows to make one big sort of box for contents, as I go down and try to write something morre, the rows from the letf were enlarging too If the size of explorer or firefox is nor full screen, the text in contents is going away (like now in lycos server, where screen is not full, but "cut" by advertise) 2. I have highlighted buttons, but not always works, why? (i mean it works, but darker buttons are charging so slow- maybe it is so because i saved them in pgn instead in gif, and each one is about 50kb?) -probably it is not this- because I have just changed into gif, and it is still the same 3. Another problem, as I post the site, I have notice, that in firefox I can not navigate with buttons, while in explorer yes, is it a fault of my coding, or of server where I put website? Here I post my website: http://members.lycos.co.uk/aniaacolgate/ Could someone take a look on the code, and will be so kind to correct me? It is a basic easy site of very begginger I just wanted to make a shape like this: - top: a banner - buttons in horizontal and vertical way - under buttons: contents (sincerly would like to put frames, but do not know how to put them there, is on the left there r buttons Thank you so much in advance for reply Sorry for mistakes in language i have the following code and all I want to do is fix it so that the text within the border is centered and I know it has to do with the red text. I simple want the border to stay at the 60% width but when I do that it aligns the text flush left and I want it to stay in the center as specified by <table align = "center;"..... <html> <body> <p style = "text-align: center;"> <img src = "entre.gif"/> <hr style = "color: green; height:3;width 50%"/> <table align="center" width = 60%; style="border:1px solid black;"> <tr> <td> <p><b>Chicken Parmigiana</b>.........................<span style = "color:red"> $12.75</span></p> <p><b>Chicken Francese</b>.......................<span style = "color:red"> $12.75</span></p> <p><b>Chicken Cacciatore with Mushrooms</b>.............<span style = "color:red"> $12.75</span></p> <p><b>Chicken Marsala with Mushrooms</b>..............<span style = "color:red"> $13.75</span></p> <p><b>Chicken Milanese</b><i>(sauce,no Cheese)</i>...............<span style = "color:red"> $12.00</span></p> <p><b>Eggplant Parmigiana</b>...................<span style = "color:red"> $10.75</span></p> <p><b>Eggplant Rollatini</b>..........................<span style = "color:red"> $11.75</span></p> <p><b>Suasage & Peppers</b>.......................<span style = "color:red"> $12.00</span></p> <p><b>Veal Milanese</b><i>(Sauce, no Cheese)</i>...................<span style = "color:red"> $12.50</span></p> <p><b>Veal Parmigiana</b>......................<span style = "color:red"> $13.25</span></p> <p><b>Veal Parmigiana ala Siciliana</b><i> (with Eggplant)</i>........<span style = "color:red"> $14.00</span></p> <p><b>Veal & Peppers</b>......................<span style = "color:red"> $12.75</span></p> <p><b>Veal Cacciatore with Mushrooms</b>................<span style = "color:red"> $13.50</span></p> <p><b>Veal Pizzaiola with Mushrooms</b>..................<span style = "color:red"> $14.25</span></p> <p><b>Veal Marsala with Mushrooms</b>..................<span style = "color:red"> $14.25</span></p> <p><b>Veal Sorrentina</b>...................<span style = "color:red"> $14.75</span></p> <p><b>Veal Francese</b>....................<span style = "color:red"> $13.75</span></p> <p><b>Chicken Sorrentina</b>....................<span style = "color:red"> $13.75</span></p> <p><b>Shrimp Marinara or Fra Diavolo</b>.............<span style = "color:red"> $14.50</span></p> <p><b>Shrimp Scampi</b>..................<span style = "color:red"> $14.50</span></p> <p><b>Shrimp Parmigiana</b>..............<span style = "color:red"> $14.50</span></p> <p><b>Shrimp Oreganata</b>..............<span style = "color:red"> $14.50</span></p> <p><b>Shrimp Francese</b>................<span style = "color:red"> $14.50</span></p> <p><b>Scungili Marinara or Fra Diavolo</b>..............<span style = "color:red"> $14.50</span></p> <p><b>Calamari Marinara or Fra Diavolo</b>..............<span style = "color:red"> $13.75</span></p> <p><b>Clams Posillipo</b>....................<span style = "color:red"> $13.75</span></p> <p><b>Scungilli Salad</b>..................<span style = "color:red"> $14.25</span></p> <p><b>Fried Calamari</b>...................<span style = "color:red"> $14.25</span></p> <p style = "text-align: center;"> <br/><i>All of the above served with your choice of Spaghetti <br/>Ziti or Salad and Italian Bread</i></p> </td> </tr> </table> It is very basic but some how I don't get it. in my table tag I have <table width="100%" border="1" cellspacing="0" cellpadding="0"> but I don't like the border showing up like the way it is. I want it to be flat regular black line, and then I want to partition this table in the middle so that the Table of Contents returned by my sql query shows up in equally on both sides... in a table 1. INTRODUCTION 3. BASIC ALGEBRA 2. SIMPLE ALGEBRA 4. ADVANCED ALGEBRA Right now I have the following code: Code: <table width="100%" border="0" cellspacing="0" cellpadding="0">
<cfoutput query="qry">
<tr>
<td >#numbering#. #Table_Of_Contents#</td>
</tr>
<cfset numbering = numbering + 1 />
</cfoutput>
</table>
ANy help is appreciated.. I have a little bit of a problem... Those of you with bigger resolution screens will see what I mean (I have a 20" screen)..... If you go here http://webtvdeluxe.com/whatsnew.php?..._from=&ucat=1& , you will see that the right the side of my design is not touching the bottom of the browser window. I thought that I solved this problem by making the height 100%, but it didn't work. Also you only see this when there's not that much information on the page (you know....making it longer) like it is now. My question is...... How can I can make it so that the table touches the bottom of the window at all times. Or maybe one of you can look at my source code and see what I am doing wrong. Thanks in advance. I'm in the process of coding a webpage and I haven't done this in almost 7 years.... Here is my unfinished webpage...... http://webtvdeluxe.com/home.php What I am trying to figure out is how to move everything up so that the banner is touching the top. I don't want that space between the top of the window and the banner. I want to close that gap pretty much. I thought it was as simple as doing a Quote: valign="top" in the td part of the table, but that doesn't seem to work and I can't figure out what I am doing wrong. If one of you can look at my source code and give me a soltuion to my problem.... that would be great. Thanks in advance. how to make a table which they will auto go to next line after 3 table inserted i want to make a php script which use " foreach glob " to find valid file in the directory and display as table. for example : if the directory contain 7 file, the table should be display as [] [] [] [] [] [] [] not display as [] [] [] [] [] [] [] or [] [] [] [] [] [] [] Does anybody know how to do that I seem to be having some issues with getting my table to appear as Id like it. This is a small sample but right now everything is just ontop of everything else..I would like the whole " sunday" stuff to be to the left of all the "monday" stuff. How would I set that up? Thanks for the help PHP Code: <p><strong>Weekly Events</strong></p> <table style="70%;"> <col style="width:20%; color:#000000; background-color:#CCCCCC;" /> <col style="width:80%; color:#000000; background-color:#CCCCCC;" /> <tbody> <td><strong>Sunday</strong></td> <tr> <td>Event</td> <td><input type="text" name="sunday_event" size="40" maxlength="40" value="<?php if (isset($_POST['sunday_event'])) echo $_POST['sunday_event']; ?>" /></td> </tr> <tr> <td>Description</td> <td><textarea name="sunday_desc" cols="31" rows="6" value="<?php if (isset($_POST['sunday_desc'])) echo $_POST['sunday_desc']; ?>" ></textarea></td> </tr> <tr> <td>Time</td> <td><input type="text" name="sunday_time" size="40" maxlength="40" value="<?php if (isset($_POST['sunday_time'])) echo $_POST['sunday_time']; ?>" /></td> </tr> <td><strong>Monday</strong></td> <tr> <td>Event</td> <td><input type="text" name="monday_event" size="40" maxlength="40" value="<?php if (isset($_POST['monday_event'])) echo $_POST['monday_event']; ?>" /></td> </tr> <tr> <td>Description</td> <td><textarea name="monday_desc" cols="31" rows="6" value="<?php if (isset($_POST['monday_desc'])) echo $_POST['monday_desc']; ?>" ></textarea></td> </tr> <tr> <td>Time</td> <td><input type="text" name="monday_time" size="40" maxlength="40" value="<?php if (isset($_POST['monday_time'])) echo $_POST['monday_time']; ?>" /></td> </tr> Within the <table> tag, there is an attribute called frame. Can someone list for me the different values for the frame attribute. I know there is <table frame = rhs | lhs but I don't know what else there is other than rhs and lhs. Thanks Hello all, I Just have a basic question here, it goes like this, when i make HTML Tables, how do i make it so that when i put stuff in a column, the column beside it doesn't stretch? For example take this: HTML Code: <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td></td> </tr> </table> Then if i change this: HTML Code: <td>row 2, cell 1</td> <td>fff<br> ffff<br></td> Then "row 2 cell 1" would have also gone down 2 lines, you with me? Basically what i am trying to say is, how do i add text to a column without the corresponding column beside it stretching? I Want them to be independent of one another. Thanks. hi, I'd like to say that I'm extremely new to xhtml and CSS, so please bare with me. My question is simple, consider I have this code HTML Code: <table class="mainTable" border="0" cellspacing="30">
<tbody>
<tr>
<td>
<p><b><a class="button" href="l1.html"
target="_blank">Link1</a></b></p>
</td>
<td>
<p><b><a class="button" href="l2.html"
target="_blank">Link2</a></b></p>
</td>
<td>
<p><b><a class="button"
href="l3.html" target="_blank">Link 3</a></b></p>
</td>
<td>
<p><b><a class="button"
href="l4.html" target="_blank">Link 4</a></b></p>
</td>
</tr>
</tbody>
</table>
1) what does target="_blank" mean? 2) My intention is to place this table in the upper center of the screen. How can I center the table ? 3) The height on each cell in this table is huge, how can I decrease the height of the cells? Thanks I have two questions. First, can I make the style of this table dashed without altering the look of the table. Second, how would I center the text within each table cell. Code: <html> <body> <table border="1" align ="center" style="font-size:x-small" cellpadding="2"> <tr> <td> <b>Monday</b> Buy any two sandwiches <br/> and get the third FREE </td> <td> <b>Tuesday</b> Choose any appitizer <br/> for just $3 with any <br/> order of $10 or more </td> </tr> </table> </body> </html> Ok... I'm looking to create a border on the left and right of a table I have. I already have the image, but I'm curious as to how to impliment it, just on the left and right side.. Basically it'll make a drop shadow to the background of the page. The code for index.php is this: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Web Hosting, Reseller Hosting, Dedicated Servers, Web Design - Blitzkrieg Computer Technologies</title>
<meta name="description" content="Blitzkrieg Computer Technologies offers Reseller Website Hosting, Dedicated Server Hosting, Shared Website Hosting, Domain Name Registration, and Web Design at affordable prices with 24/7 support and industry-known service.">
<meta name="keywords" content="web hosting, domain names, cheap web hosting, website hosting, web page hosting, web design, ecommerce web hosting, internet access provider, web hosting provider, web hosting services, internet web hosting,dedicated web hosting, award winning web hosting, domain hosting, domain registration, registrar, cheap domains, cheap registrar, cheap domain registration, website name, dedicated hosting, dedicated server, dedicated servers, dedicated web hosting, dedicated,cheap dedicated, cheap dedicated hosting, cheap dedicated servers, cheap servers, cheap dedicated linux hosting, cheap dedicated windows hosting, dedicated windows hosting, dedicated linux hosting, dedicated red hat hosting, dedicated centos hosting,dedicated windows server hosting,dedicated windows server 2003 hosting, managed dedicated hosting,managed colo, managed colocation">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
a:link {color: #D2D2D2;}
a:visited {color: #D2D2D2;}
a:active {color: #D2D2D2;}
a {text-decoration: none;}
</style>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body background="images/bgtex.jpg"><font size="2">
<table cellpadding="0" cellspacing="0" border="0" style="width:75% " align="center" valign="top">
<tr>
<td valign="top" style="width:100%; background:url(images/top.gif) " height="144" >
<table cellpadding="0" cellspacing="0" border="0" style="width:100% " align="center">
<tr>
<td valign="top" style="width:50% " height="144"></td>
<td valign="top" width="766" height="144">
<table cellpadding="0" cellspacing="0" border="0" width="766">
<tr>
<td valign="top" width="766" height="140">
<div style="margin-top:10px "><a href="?page=home"><img src="images/m1.gif" alt="" border="0"></a><a href="?page=sharedhosting"><img src="images/m2.gif" alt="" border="0"></a><a href="?page=resellerhosting"><img src="images/m3.gif" alt="" border="0"></a><a href="?page=dedicated"><img src="images/m4.gif" alt="" border="0"></a><a href="?page=vps"><img src="images/m5.gif" alt="" border="0"></a><a href="?page=design"><img src="images/m6.gif" alt="" border="0"></a><a href="?page=contact"><img src="images/m7.gif" alt="" border="0"></a></div>
<div style=" margin-left:21px; margin-top:24px "><img src="images/logo.jpg" alt="" border="0"><img src="images/p1.jpg" style="margin-left:249px " alt="" border="0"></div>
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50% " height="144"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; background:url(images/2_bg.gif) " height="3" >
</td>
</tr>
<tr><td background="images/8_w1.gif"><font size="2" color="#D2D2D2">
<center>
<a href="?page=about">About Us</a> |
<a href="?page=contact">Contact Us</a> |
<a href="?page=login">Customer Login</a> |
<a href="?page=aup">Acceptable Use Policy</a> |
<a href="?page=tos">Terms of Service</a>
</center></font></td></tr>
<tr><td valign="top" style="width:100%; background:url(images/2_bg.gif) " height="3" ></td></tr>
<tr>
<td valign="top" style="width:100%; background-color:#686868" height="410">
<table cellpadding="0" cellspacing="0" border="0" style="width:100% " width="766" >
<tr>
<td valign="top" style="width:50% " height="410"></td>
<td valign="top" width="766" height="410">
<table cellpadding="0" cellspacing="0" border="0" width="766">
<tr>
<td valign="top" width="766" height="410">
<div style=" margin-left:13px; margin-top:22px; margin-right:0px; line-height:15px " class="s">
<font color="#D2D2D2" size="3">
<?php
if (isset($_GET['page'])) {
switch ($_GET['page']) {
case "home":
include ('home.php');
break;
case "thanks":
include ('thanks.php');
break;
case "sharedhosting":
include ('sharedhosting.php');
break;
case "hosting":
include ('hosting.php');
break;
case "ip":
include ('ip.php');
break;
case "domain":
include ('domain.php');
break;
case "resellerhosting":
include ('resellerhosting.php');
break;
case "domain":
include ('domain.php');
break;
case "custom":
include ('custom.php');
break;
case "design":
include ('design.php');
break;
case "speedtest":
include ('speedtest.php');
break;
case "vps":
include ('vps.php');
break;
case "about":
include ('about.php');
break;
case "construction":
include ('construction.php');
break;
case "cpanel":
include ('cpanel.php');
break;
case "tos":
include ('tos.php');
break;
case "contact":
include ('contact.php');
break;
case "login":
include ('login.php');
break;
case "testimonials":
include ('testimonials.php');
break;
case "quote":
include ('quote.php');
break;
case "emailhosting":
include ('emailhosting.php');
break;
case "dedicated":
include ('dedicated.php');
break;
case "entrydedicated":
include ('entrydedicated.php');
break;
case "smallbizdedi":
include ('smallbizdedi.php');
break;
case "enterprisededi":
include ('enterprisededi.php');
break;
case "aup":
include ('aup.php');
break;
case "customdedicated":
include ('customdedicated.php');
break;
default :
include 'home.php';
break;
}
} else {
include 'home.php';
}
?></font><br><br><br>
</div>
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50% " height="410"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; background:url(images/bg2.gif) repeat-x top " bgcolor="#FFFFFF" height="17">
<table cellpadding="0" cellspacing="0" border="0" style="width:100% " width="766">
<tr>
<td valign="top" style="width:50% " height="17"></td>
<td valign="top" width="766" height="17">
<table cellpadding="0" cellspacing="0" border="0" width="766">
<tr>
<td valign="top" width="766" height="17" style="background:url(images/7_p1.jpg) no-repeat top right ">
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50% " height="17"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; background:url(images/bottom.gif) " height="65">
<table cellpadding="0" cellspacing="0" border="0" style="width:100% " width="766">
<tr>
<td valign="top" style="width:50% " height="65"></td>
<td valign="top" width="766" height="65">
<table cellpadding="0" cellspacing="0" border="0" width="766">
<tr>
<td valign="top" width="766" height="65">
<div style=" margin-left:16px; margin-top:25px "><font size="2" color="#696969"><center>
Copyright © 2003-2009 Blitzkrieg Computer Technologies. All Rights Reserved.<br></center></div>
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50% " height="65"></td>
</tr>
</table>
</td>
</tr>
</table>
</font>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-3505975-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Im a extreme newbie to html. So be kind. Here is what I want to do. I have a table with 6 icons in 6 cells in column 1. In column 2 I have merged all 6 cells to form 1 cell. I want the user to be able to change the text in the column 2 merged cells depending on which icon they roll over in column 1. Where do I start?? Thanks, Frank M Comments on this post tr84 agrees: |
|||||||