|
HTML - Please Tell Me How I Am Coding This Table Wrong.
Hello, I'm a newbie to these sorts of things. I'm also not sure what the technical jargon is for this so please bare with me.
What I want to achieve is to have the sitemenu part stretch across the entire table ending with the image tags (visually I want the sitemenu part to end with rounded edges which I made as an image). Is this even possible? I am not sure how to accomplish this. At the moment whilst the end image caps the sitemenu column, it does not stretch to the end of the rest of the table and the beginning image is hanging out at the very start where I want it to sit, but sitemenu does not reach it. I thought it was a problem with my colspan but touching it just destroys the entire thing. For further clarification here is what it looks like: http://img.photobucket.com/albums/v2...arghtables.jpg And here is what I WANT it to look like: http://img.photobucket.com/albums/v2...ouldbenice.jpg Here is the current code that I have: Code: <table cellspacing="0" cellpadding="0" border="0" align="center" width="90%">
<tr>
<td colspan="5" id="sitetitle"><img src="banner.jpg"></td>
</tr>
<tr>
<td colspan="5" id="emptyrow"></td>
</tr>
<tr>
<td width="15" valign="top"><img src="left.jpg" width="15" height="53" border="0"></td>
<td colspan="3" id="sitemenu">Hello</td>
<td valign="top" width="15"><img src="right.jpg" width="15" height="53"
border="0"></td>
</tr>
<tr>
<td colspan="5" id="emptyrow"></td>
</tr>
<tr>
<td id="hmenu" valign="top">
<p>Stuff</p>
</td>
<td id="emptycolumn"></td>
<td id="content" valign="top">
<p>Stuff.</p>
</td>
<td id="emptycolumn"></td>
<td id="vmenu" valign="top">
<p>Stuff.</p>
</td>
</tr>
<tr>
<td colspan="5" id="emptyrow"></td>
</tr>
<tr>
<td colspan="5" id="sitecredits">Credits</td>
</tr>
</table>
Thank you for the help! Similar TutorialsDoes anyone see a problem with my coding? I viewed my website on the newest version of Firefox and it rang great but on IE 7 my right sidebar was where it needed to be but my main content was dropped under the left sidebar but in the middle of the page. When I get rid of the left sidebar my main content jumps back up to the top of the page under the header rather then go underneath the sidebar left. Can anyone please help me. Thank you Stacy HTML Code: </head>
<body class="twoColLiqRtHdr">
<div id="container">
<div id="header">
[b]header here[/b]
<!-- end #header --></div>
<div id="sidebar_right">
[b]sidebar here[/b]
</div>
<!-- end #sidebar_right-->
<div class="style13" id="sidebar_left">
[b]sidebar here[/b]
</div>
</div>
</div>
<!-- end #sidebar_left -->
<div id="mainContent">
[b]main content here[/b]
</div>
Code: .twoColLiqRtHdr #mainContent {
padding-top:0px;
width:620px;
margin:0 26% 0 170px;
position: relative;
}
.twoColLiqRtHdr #container {
width:80%;
background:#000;
border:1px solid #000;
text-align:left;
margin:0 auto;
}
.twoColLiqRtHdr #header {
background:#000;
padding:0 10px;
}
.twoColLiqRtHdr #sidebar_right {
float:right;
width:200px;
background:#000;
padding-top:15px 10px 15px 20px;
position:absolute;
left:950px;
top:280px;
}
.twoColLiqRtHdr #sidebar_left {
float:left;
width:180px;
background:#000;
position:relative;
left:-70px;
margin-right: -30px;
top: 70px;
z-index: 50000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #FFF;
padding: 10px;
}
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 im after some code so i can have the following on my forum http://i49.photobucket.com/albums/f2...ose88/cotm.png Please ignore the image, its only there to aid in the making what i need this code to do is the following; Where the image is i need to be able to add different images monthly, Where it says Marque,model etc i need to be able to edit the code so the information can be seen by all. The top and bottom parts are there to aid if needed but i dont want them as images, i want the middle section of the image above to be inside a section that looks like my forum catagories with the top and bottom image things My forum is Here Please if this makes no sence then dont bother trying lol i dont want to waste anyones time. and this needs to be inline with the rest of the forum Thanks Jake if theres anything else you need to know please ask. Hello, I just recently started "cutting up" a website layout in Photoshop and coding it in Dreamweaver. Though I am aware that CSS would be best for doing this, I am still choosing to use a table for the layout. My question is, what is the proper way of hand coding a table? Mind you, this is a fairly complex table with many rows and columns and cells of all kinds of sizes. I used Photoshop to export the code and then went in and changed what I needed to. Photoshop uses spacer gif's in their table code. I'd like to try hand coding the table so that I don't have to use spacer gif's and then I'll be able to edit the table later on, more easily (to change the bottom layout, but keep top navigation on all pages.) Right now, with the spacer gif's I can't add any cells without the whole layout falling apart. I'm just looking for good code for building complex tables (coding by hand). Thanks! Here's a link to the site I'm working on: http://www.matthewpavkov.com/dtim/index.html I have this table and the contents inside and all when i click preview it adds lotsa space above the table why ??? and how to fix it ??? sum1 fixed it on dreamweaver but i dont use that i use frontpage and i compared the codes and could not find the difference anyway yall check it and see the preview mode this is the code HTML Code: <table>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Name:</font><td width="252"><input type="text" name="visitor" size="35" /></td></td> <br />
<td width="67"> </td><td></td><br /></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Email:<br />
</font><td width="252"><input type="text" name="visitormail" size="35" /></td></td>
<td width="67"> </td><td></td></tr>
<tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">
Subject:<br /></font><td width="252">
<input type="text" name="attn" size="35" /></td></td>
<td width="67"> </td><td></td></tr>
<tr><td align="right" valign="top">
<font face="Arial Rounded MT Bold" color="#0B74C1"><br />Message:</font></td>
<td width="252"><textarea name="notes" rows="6" cols="29"></textarea></td>
<td width="67"> </td></tr>
<br />
<tr><td align="right" height="27"> </td>
<td width="252" height="27" align="center">
<p align="center">
<input type="submit" value="Send" <INPUT type=submit value="Check" style="color: #FFFFFF; font-family: MS Sans Serif; font-size: 8pt; border-style: ridge; border-width: 3; background-color: #074A7C"></td>
<td width="67" height="27">
<p align="center"> </td></tr>
<br />
</table>
Thanx Hi I have problem with IE7 at present with a HTML table. The problem may span beyond HTML tables but basically the colors are coming out all wrong. Firefox is fine, I'd hardcode bgcolor="red" and it comes out red. In IE7 it comes out blue however Most other colours apart from black and white are the same. Does anyone know what is causing this? I don't know how to even debug this because it works in firefox but not IE. I display a table and use PHP script to populate the table. In explorer, the "fellow" value gets SKIPPED and then the next value ("rcf_date") gets put into that td, so everything gets screwed up! Looking at the code I can't figure out what it is about it that explorer doesn't like. Why on earth would it skip the fellow field? Here;s the php code that displays the table: Here's a link to a screenshot of the table in IE: http://bp1.blogger.com/_cy0zia_bU_s/...screenshot.png Here is the code to display that table. Any help would be appreciated: Code: <?php require('secure.php');
include "dateheader.php";
include "connectdb.php"; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Active consult patient list</title>
<link href="stylesheets/simple.css" rel="stylesheet" type="text/css">
</head>
<?php
$query = "SELECT id_incr, patient_name, mrn, location, fellow, rcf_date, admission, consult_reason, impression, recs, comments ".
"FROM active_consults WHERE signoff_status = 'a' ".
"ORDER BY patient_name";
$results = mysql_query ($query) or die (mysql_error());
$num_pts = mysql_num_rows ($results);
$consultheading =<<<EOD
<table class="tablemargin" bgcolor="#CCCCFF" width = "98%" border = "1" cellpadding = "2"
cellspacing = "2" align = "left">
<th> Name </th>
<th> MRN </th>
<th> Loc </th>
<th> Fellow </th>
<th> Date of Consult</th>
<th> Reason for Admssion </th>
<th> Reason for Consult </th>
<th> Impression </th>
<th> Recs </th>
<th> Comments </th>
<th> Update patient </th>
</tr>
EOD;
echo $consultheading;
while ($row = mysql_fetch_assoc ($results)) {
?>
<tr>
<td bgcolor="#FFFFFF" >
<?php echo $row['patient_name'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['mrn'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['location'];?> </td>
<td bgcolor="#FFFFFF" ">
<?php echo $row['fellow'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['rcf_date'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['admission'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['consult_reason'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['impression'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['recs'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['comments'];?> </td>
<td bgcolor="#FFFFFF" align="center">
<a href="editpatient.php?action=edit&id=<?php
echo $row['id_incr']; ?>">[edit]</a> </td>
</tr>
<?php
}
?>
<td bgcolor="#CCCCCC" colspan=11 align="left" class="fineprint"> Total active patients:
<?php echo $num_pts; ?></td></tr>
<td></td>
<tr>
</tr>
<tr><td align="center"><a href="newpatient.php">[ADD PATIENT]</a></td>
<td align="center" COLSPAN=4><a href="displaysignoff.php">[DISPLAY SIGNED-OFF LIST]</a></td>
<td align="center" colspan=3><a href="export.php">[EXPORT ALL PATIENTS (EXCEL)]</a></td>
<td colspan=3 align="right"><a href="http://www.hfhpulm.com">[HFHPULM.COM]</a></td>
</tr></table>
My site PLEASE READ ENTIRE THING! Some stuff I'm saying may be hard to express in typing, so use my link above to get a better picture. I need some coding help for website........Right now, if I want to post an article one of my journalists submitted, I have to go in and edit each page individually, the article doesn't just show up.....How do I make it so when someone submits an article, it gets posted on the front page, in the news and events section, and in my archives? For the front page, I want my two latest articles up there with a photo and a small description with a "more info" link that brings you to the actual article. For the news and events page, I want the latest article on the left hand side with a photo, a description, a title and the link, with the 2 previous articles on the right with all of that but no photo. For the archives page, I just want all the articles for that month in order, with the latest being on top, with a title, a description, and a link. Hello, I am trying to create a page with a link that opens on a new page. This link will have an iframe to display another website. What I then want to do is have a pop over appear that will take me back to the original page. Is this possible and if so how would I code this. Oh and another thing. The first page will redirect itself after 10 secs. So this is what I want: Page A has a link that will open Page B Page A will redirect to another page after ten secs Page B will display a pop over when you click the pop over it will take you back to page A instead of opening a new page or changing to the link within page B. I hope this makes sense. So I all I need to know is how to make the pop over go back to page A. Thanks Hello all! Cool place here and I hope with lots of experts. I have a n html template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the leftside images and move the titles on the right into its spot. I will post an image of what I am talkiking about and the code. Remove what is circled in red and put the tiles on the right into its spot. HTML Code: <div class="quick_links_elink" style="background-color: white;">
<div class="lcont_top">
<div id="lcont_img__unit_id__" style="left: 0px; position: left;">
<a href="__category_url__" class="main_l">
<img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/>
</a>
</div>
<div id="js_control_section0__unit_id__" style="padding-left: 5px;">
<a href="__category_url__" class="main_l">
__category_name__
</a>
</div>
<div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div>
</div>
<div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;">
<a href="__category_url__" class="main_l">
<img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/>
</a>
<div class="lcont_other" >
__sub_categories_list__
<div class="clear_both"></div>
</div>
</div>
<script type="text/javascript">
var oShowHideController__unit_id__ = new ShowHideController();
$("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } );
/*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/
</script>
</div>
THANKS in advance! Hey guys, i am very very new to html and i designed and coded www.e-smartonline.com for myself, i know the way i made the html was not good, i have trouble with the links cause everything is pushing them cause of the way i coded it.. lol. I was wondering if someone can fix my booboo? fix the links left and right so that it works well. thanks a lot guys! I work for a hospital and we are moving into a new building. The employees want me to put a simple countdown "ticker" on our intranet. The move is in a few months. Any one know code to create a date countdown? im having some trouble with putting stuff in the middle of my site because whenever i put something in the middle it moves my left nav bar down if you go here u can see what im talking about right now im using kompozer to make the site http://www.freewebs.com/zxgamerreviews/test22.html Hey Everyone, I need to set up some kind of html form which provides people with a registration ID, or number of sorts. The application of this kind of system would be so that if I had people registering for a conference, they could receive a committee assignment immediately. I'd appreciate any responses helping me. Thanks Guys (and ladies!) Bromo8824 Hello Everyone: I created a page in HTML and added javascript. I want it to have a search function.I have created a form which is basically a textfield and a "submit button".The "submit button" is meant to display web pages in a new window when I type in particular keywords into the textfield next to the "submit button" on the website.I have written the codes below so far and it is not working.I would appreciate it if you guyz can help me out.The webpage is not online just incase you guyz need to know.Thanks very much <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="Javascript" type="text/javascript"> var keywords = "transistor Google Microsoft ipod " function gothere(placetogo) { if( keyWords.search(placetogo) == -1) { alert(placetogo+"is not an accepted keyword" ) } else { document.location = "C:\Documents and Settings\Teeboi\My Documents\Memorial University\WebPages" + placetogo + ".html" } } </script> <title>DESIGN CONCEPT</title> </head> <body bgcolor="#B0B0B0"> <form name="myForm"> <input type="textfield" name="searchtext" value="transistor" /> <input type="button" name="thebutton" value="Submit" onclick="javascript:gothere(document.myForm.searchtext.value)" /> </form> </body> </html> At this website: http://sungbc.org/missions.php I liked how they made it so that the different people could be clicked on and a new mini-page would load on the page. Does anybody know how to do that Hi all! Quick question about the two different browsers, IE and Safari. . . On my home page at www.rentxotic.com I have two buttons programed to be in the top right corner, IE doesn't load this 100% of times, but safari always has it no matter what page your on. Does anyone know what the compatibility issue is with this? How can I fix it? THANKS - Ryan PS all you guys have been such a great help, your time is much appreciated! http://www.freewebs.com/madoka/Cloudlayout.jpg I want to align everything to the right and the links to be left of the gray box(main content). Here's what happened when I tried to code it....=( http://www.geocities.com/sakura11002002/ I am trying to make a new layout for my site, http://www.jkrfan.com/index2.php , and I want it to be like this site: http://james-fan.org/ in the way that they have the two different background colors (the white one for the inside area and then the orangey one for the outside). I am also trying to figure out how they made the border on the right go all the way to the bottom. Help is very appreciated =] Thanks! My site is http://www.jkrfan.com/index2.php and my CSS is at http://www.jkrfan.com/styletest.css |
|||||||