|
HTML - Is Nested Table The Answer
I am trying to get three colums of work,
picture on the left, text middle, pictures on the right. should I be working with nested tables? attached a pix to show what I mean, Similar TutorialsI 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've been looking at this problem for a few hours now and can't see what i'm doing wrong. I just want to nest 2 tables inside 1 row of another table. Problem can be seen and you can view source at http://www.lakesdt.com/testindex.html Can anyone tell me where i've gone wrong? I'm using Notepad++ so that can confirm all my <tr> and <td>'s seem to match up. Any help much appreciated! Also open to suggestions for a better way to implement this, and also as each link on the left will load a page in the right is there a neater way to do this without reloading the whole page again? Best regards, Matt Hi guys & girls, I've got a table nested within a table row. There's a small gap I can't close at the top of the table (see image, attached). Within the table I have cell padding, but it's much more dramatic than I want at the top and bottom. Is there any way to fix these problems with HTML and inline CSS (it's going to be an HTML e-mail). This is for a client and due tomorrow, so any help would be awesome. Thank you. HTML Code: <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="line-height:16px;">
<table width="600" border="0" bordercolor="#000000" cellspacing="0" cellpadding="0" style="border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;">
<tr>
<td><img src="images/ACP9040057_email_ClinicalPsychologist_01.jpg" width="600" height="88" alt="For What Matters Most"></td>
</tr>
<tr>
<td><table width="600" border="0" cellspacing="0" cellpadding="0" style="padding:0; border:0">
<tr>
<td align="center" valign="top"><table width="570" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="359" align="left" valign="top"><p><font face="Arial, Helvetica, sans-serif" style="font-size:12px; text-align:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue porta tincidunt. Nullam et turpis lorem, sagittis adipiscing nunc. In orci orci, iaculis et sollicitudin ac, adipiscing vel magna. Nullam et orci in dui tristique ultricies. Donec ligula turpis, blandit eget egestas sed, semper eu elit. Nulla in dolor sapien. Suspendisse id nisi porttitor purus ullamcorper dictum. Mauris posuere libero massa.</font></p></td>
<td width="171" align="center" valign="middle"><table width="140" border="0" cellspacing="0" cellpadding="15">
<tr>
<td align="left" bgcolor="#b1c1c9"><font face="Arial, Helvetica, sans-serif" style="font-size:12px; font-weight:bold; line-height:16px; text-align:left;">Qualifications:</font><br />
<font face="Arial, Helvetica, sans-serif" style="font-size:12px; font-weight:normal; text-align:left;">To qualify you must be a U.S. citizen age 18–39 and enrolled in the United States or Puerto Rico.</font></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><font face="Arial, Helvetica, sans-serif" style="font-size:12px; font-weight:normal; text-align:left;">Give yourself the opportunity to concentrate on your education instead of the worries of accumulating debt. <a href="#">Click here</a> now to find out more.</font></td>
<td align="center" valign="top"><a href="#"><img src="images/go_button.jpg" width="171" height="60" alt="Go Button" border="0"></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr><td><img src="images/ACP9040057_email_ClinicalPsychologist_05.jpg" width="600" height="9" alt=""></td></tr>
<tr><td align="center" valign="top" style="padding:0;"><table width="570" border="0" vspace="0" align="center" cellpadding="10" cellspacing="0" style="line-height:10px; text-align:left; display:block; border-collapse: collapse;">
<tr><td align="left" valign="top"><p><font face="Arial, Helvetica, sans-serif" style="font-size:10px; line-height:10px; text-align:left;">If you no longer wish to receive email communication from the U.S. Air Force, please click <a href="#" target="_blank">here</a>.
<font face="Arial, Helvetica, sans-serif" style="font-size:10px; line-height:10px; text-align:left;">Your address will be removed from this email list.</font><br /><br />
Or send a request to:<br />
ddd<br />
ddd<br />
ddd</font></p></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Hi. I'm working on a fairly complicated web form and need to align input boxes horizontally across a lefthand column, a multi-row nested table, and a righthand column. This works OK (as long as cellpad and cellspace are set to 0) except that at one point I need to put text in the right-hand column instead of an input box, and this throws the alignment out. The simplified code below shows what I mean. As given below the boxes are aligned properly. But if you comment out the version A row and substitute the version B row, the alignment goes. Can anyone explain why this happens, and whether there's a way round it ? The form in question does have to be a table, by the way. Would be grateful for any suggestions ! Thanks Dedge <form> <table width='100%' cellspacing='0' cellpadding='0' border='0'> <tr> <td>Item name</td> <td rowspan='5'> <table cellspacing='0' cellpadding='0' border='0'> <tr> <td><input name='i1' id='i1' size='1' maxlength='1'></td> <td><input name='i2' id='i2' size='1' maxlength='1'></td> </tr> <tr> <td><input name='i3' id='i3' size='1' maxlength='1'></td> <td><input name='i4' id='i4' size='1' maxlength='1'></td> </tr> <tr> <td><input name='i5' id='i5' size='1' maxlength='1'></td> <td><input name='i6' id='i6' size='1' maxlength='1'></td> </tr> <tr> <td><input name='i7' id='i7' size='1' maxlength='1'></td> <td><input name='i8' id='i8' size='1' maxlength='1'></td> </tr> <tr> <td><input name='i7' id='i7' size='1' maxlength='1'></td> <td><input name='i8' id='i8' size='1' maxlength='1'></td> </tr> </table> </td> <td>Item name</td> <td><input name='ia' id='ia' size='1' maxlength='1'></td> </tr> <tr> <td>Item name</td> <td>Item name</td> <td><input name='ib' id='ib' size='1' maxlength='1'></td> </tr> <tr> <td>Item name</td> <td>Item name</td> <td><input name='ic' id='ic' size='1' maxlength='1'></td> </tr> <!--VERSION A--> <tr> <td>Item name</td> <td>Item name</td> <td><input name='ic' id='ic' size='1' maxlength='1'></td> </tr> <!--END OF VERSION A--> <!--VERSION B--> <!--<tr> <td>Item name</td> <td colspan='2' align='right'>SOME TEXT</td> </tr>--> <!--END OF VERSION B--> <tr> <td>Item name</td> <td>Item name</td> <td><input name='ie' id='ie' size='1' maxlength='1'></td> </tr> </table> </form> Hi, I'm new to HTML. I have not yet started using CSS. I'm just using basic html. I'm having problem creating a nested table as shown in the attachment without using CSS style sheets. I appreciate anyone's suggestions in this. I pasted the code that tried below. <h3> 5) - Nested Table </h3> <table align="left" width="350" bgcolor="#ffff00" border="1"> <tr height="75" align="left"> <td height="100" > </td> <td height="75"> test2 </td> <td height="75"> </td> </tr> <clear="left" /> <tr> <td> <table align="left" bgcolor="f5f5dc" border="1"> <tr> <td width="100%" height="75"> a nested table </td> <td width="100%" height="75"> With this text at the top </td> </tr> <tr> <td width="100%" height="75"> </td> <td width="100%" height="75"> </td> </tr> </table> </td> </tr> <tr height="75" align="left"> <td></td> <td></td> <td></td> </tr> </table> Thanks in advance HI Every Body, Can you please help to resolve this issue. I am trying to create nested tables using the following code but no luck . In IE 7.0.6 the Nested tables are getting displayed as two seperate table. <HTML> <Head> <Title> MY First Application </Title> </Head> <Body> <Table border=1 Height=750 width=540 BORDERCOLOR=Red > <Tr> <Td> This is my first row/column </Td> </Tr> <Tr> <Table border=1 Height=130 Width=540 > <Tr> <Td> This is my firstcolumn in nested table</Td> <Td>This is my second column in nested table</Td> </Tr> </Table </Tr> </Table> </Body> </HTML> PLease let me know the solution Thanks in advance. Regards, Eswar Ok, I have no idea why this is happening... Here's the scenario... I have 3 photo's.. Photo 1... Is the top image of the site with rounded corners, and a drop shadow... Photo 2... Is the content area... that matches the border and drop shadow from the top... Photo 3... Is the bottom image... again has rounded corners and drop shadow... To put them together I created a table with 3 rows, and 1 column... and went to each section and added the photo as the background image since I still need to be able to write the website text.. The table has no spacing, padding, or any border of any type... But when I go into previewing it in my browser... (I've tried both firefox, and ie) You can see a slight spacing between the rows... so instead of the photos siting flush they have a space in between them... breaking up the flow of the site... How do you fix this? Or is there a simpler way to get accomplished what I want accomplished??? i am a member of a virtual pet site and have my own web space on there , i know basic html and have come up with some good pages so far but the one thing i dont know how to do is this: when another member from the site views my pages i would like there user name to show on the page, ie "welcome to bobob1012" can anyone tell me just how to do this ? thanks so much for any help you can offer. you have 3 floating divs. "bottom" "top" and "middle". "top" is inside of "bottom" --> in this scenario, can "middle" div ever be above "bottom" div, but below "top" without being inside of "bottom" div? Code: <div id="bottom" style="position:absolute; top:100px; left:100px; width:200px; height:100px; z-index:1; background-color:#F00;"><h1>bottom</h1> <div id="top" style="position:absolute; top:100px; left:150px; width:200px; height:100px; z-index:3; background-color:#00F;"><h1>top</h1></div> </div> <div id="middle" style="position:absolute; top:150px; left:150px; width:200px; height:100px; z-index:2; background-color:#0F0;"><h1>middle</h1></div> I want to create a form with a text box that has a specific answer. If the correct answer is typed in, the submit button redirects to one page. If the wrong answer is typed, the form redirects to another page. Is there any way to do this? Hey, Firstly let me just say, Hi everyone, first time here, etc etc. Right I shall get straight to the point of why I am here, and hope that some kind soul can help me. 1. I work in a educational environment, and we are looking at publishing our students timetables on the intranet, running on a link something like http://intranet/students/timetable/ inside that file would be their timetable (just a plain old HTML doc) each student already has a unique ID and their file would take that name, so what I want to do, on our main index page is put a little tiny form in at the top, of which they can just type in their number, press go, and it to bring up there timetable. Buttttt! I have no idea how to do it, the actual form would need the preset link then take the inputed data, add it too the end, then forward on to the said page. is it possible? if so could you kindly tell me how? or a little script would be god sent Thanks in advance for that one if you reply. 2. I was going to do number two, but after all of my typing it dawned on me what the solution was, doh! Kieran. We want html for the following: an image(#1), on top of an image(#2); but image #1, is movable(move able) around image #2. For example: image #2 = this image #1 = this ___________________________________ | ______________________________ | | |image #1 (move around image#2)| | | |_______________________________| | |____image #2______________________| I understand this is the HTML section and I'll be posting a little Java. Let's say you're going to take an online quiz to see your IQ. To 'check' the answer your query has to be sent and checked with an existing copy/data, right? If I wanted to see the answer to question three on the IQ test where would I find the existing copy/data? For instance, how would I figure out the answer? HTML Code: <p>
<table width="100%" cellpadding="2" cellspacing="0" border="0">
<tr>
<td class="bLight" nowrap valign="middle">
<!-- Screen Reader Anchor-->
<a name="question_34"><img
src="/images/spacer.gif" width=1 height=1
alt="Question 34 text" border="0"></a>
<span class="questionNumber"> Question 34</span>
</td>
<td class="bLight" align="right" colspan="5" nowrap valign="middle">
<span class="points">2 points</span>
</td>
<td class="bLight" align="right" nowrap valign="middle">
<a href="javascript:saveItem('_12398139_1','34')" class="inlineAction">Save</a>
</td>
</tr>
<tr>
<td valign="middle" align="center" rowspan="2"> </td>
<td colspan=2 valign="top" width="100%">
<label for="True/False-_4495108_1"><!--RsQ_002-->The sky is blue.</label>
</td>
</tr>
<tr>
<td colspan=2 valign="top">
<a name="question_34_answers"><img
src="/images/spacer.gif" width=1 height=1
alt="Question 34 answers" border="0"></a>
<table>
<script type="text/javascript">
formCheckList.addElement(new Check_Answer({ref_label:"34",name:"tf-ans-_12398139_1"}));
</script>
<tr>
<td>
<input type=radio name="tf-ans-_12398139_1" id="tf-ans-_12398139_1_1" value="true" >
</td>
<td><label for="tf-ans-_12398139_1_1">True</label></td>
</tr>
<tr>
<td>
<input type=radio name="tf-ans-_12398139_1" id="tf-ans-_12398139_1_2" value="false" >
</td>
<td><label for="tf-ans-_12398139_1_2">False</label></td>
</tr>
</table>
</td>
</tr>
</table>
I'm new to HTML, so take it easy on me. Help! How to put text in input fields? -------------------------------------------------------------------------------- Hi everyone, What I am asking is more complicated than the thread title says. Can someone please tell me how, or post some code to show how I can make input fields with these properties: 1. Make text appear in an input field whilst off focus but dissapear whilst on focus, re-appear again if put back on focus. 2. The user can type text in the field and edit it and when the input field is off focus the text he wrote remains there. 3. If the user completely erases the text he wrote and puts the input field off focus the default text (stated in 1.) re-appears. 4. Make a password input field without the default text (1.) being displayed as stars (hidden charaters) with same features as 1. , 2. , and 3. ofcourse. Can anyone please help me?... Evan Ok, I am building my own site and I am getting hung up on little glitches that I don't know how to fix. Posting on this forum is not effective enough. I want to hire a service that will answer and help me fix the glitches on my site. Any suggestions? i have some softwares and i dont want to let the people download and save them to their computers. i just want that people should be able to install the software and use it, but they should be not able to have a copy of it. is it possibe to do so? i mean running the installation directly from the site. so that i can sale the cds of my programs. i have a idea to make my programs PlugIn. but i also don't know how to create them. or is there any other solution for this? if yes then let me know... anyone please help me out! thanks! Question: 1 Which of the following is invalid value for the shape attribute of an area tag? a. circle b. tri c. rect d. poly Question: 2 A few lines in an HTML paragraph are to be formatted differently from the rest of the lines. Which tag will assist in this? a. div b. p c. span d. format Question: 3 Which of the following values for the scrolling attribute for the frame tag is not valid? a. yes b. default c. auto d. no Question: 4 You placed four radio buttons on a web form. You want the users to specify whether they are male or female and whether they are married or single. The code is as follows: Male: <input type="radio" checked name="chk" value="male"> Female: <input type="radio" name="chk" value="female"> Married: <input type="radio" checked="checked" name="chk" value="married"> Single: <input type="radio" name="chk" value="single"> What is wrong with the above code? a. It will allow the user to choose only the male and the married options. b. It will allow the user to choose only the female and single options. c. It will allow the user to choose only one option out of the four. d. It will allow the user to choose all the four options at the same time. Question: 5 Which of the following attributes comes in handy when borders have to be put between groups of columns instead of every column? a. col b. colgroup c. rowspan d. row Question: 6 What would you infer from the following code in an HTML 4.01 Web site? <body topmargin=2 leftmargin=2> a. The top margin and left margin of the webpage is 2 pixels. b. The bottom margin and right margin of the web page is 2 pixels. c. Both of the above. d. None of the above. The topmargin and leftmargin attributes are not valid HTML 4.01 body attributes. Question: 7 Where must the styles specified for a CSS internal style sheet be located? a. Inside a table tag b. Inside a div tag c. Inside the head tag d. Anywhere on the webpage Question: 8 Which of the following is/are a valid value for the type attribute of the input tag? a. text b. icon c. reset OK so I am grabbing this code off of a local news site (WRAL) and when I embed into a myspace page, only portions of the script are showing up, not the video. So there is something wrong with the code itself i'm sure, I just don't know what. Here is the code. Do you guys see any errors he Quote: <script src="http://www.wral.com/entertainment/video/2820107/?version=embedded" type="text/javascript"></script><script type="text/javascript"> width=330; height=280; wral_insert_video_player_2820107(width,height); </script> I am having a problem that I can not figure out why this is happening. I have two divs one named content and one named welcome. The welcome div is nested inside the content div. Whenever I change the margin top for the welcome div it also changes the margin top of the content div it is nested in. How can I keep it where the content div is fixed and doesn't move no matter where I set the margin top for the welcome div? Here is the HTML.... Code: <div id="content">
<div class="welcome">
<p> Coming Soon, a new and improved Texas Camping Forum for Fall 2008!!!<br>
Bookmark us and check back often....</p>
</div>
</div>
Here is the CSS... Code: #content {
margin: 5px 0 0 140px;
text-align: center;
width: 630px;
border-left: 1px solid #F4F4F4;
}
.welcome {
margin-top: 25px;
}
Here is the link to the site.... http://development.mesquitechristmas.com/index.html Any ideas or suggestions as why this is happening? -Thanks Hi, I am using CSS with nested tables. There are two <td> fields in the innermost table, and are having links inside them. When I open the page in IE, and move the mouse over to the first cell, the whole cell becomes active. But the second cell becomes active only if I take the mouse on the text. Why this inconsistency? Can anyone help? Thanks. Please refer attached html and css files |
|||||||