|
HTML - Displaying Tags Within A Table
Okay, so I have a table and for some row I want to actually display text like
<html> and other HTML tags, but obviously when I have that within a table it will treat all HTML tags as data and not text... any suggestions? Example: <head> <title>Title</title> <style> table{color:FFFFFF} </style> </head> <body> <table border="1"> <tr> <th>Blah</th> <th>Blah 2</th> </tr> <tr> <td>Random text</td> <td><html></td> </tr> <tr> <td>CreateFile</td> <td><body></td> </tr> </table> </body> </html> Similar TutorialsHello I am new here... I have been looking all day... and come across some interesting posts around the internet. I have a website design... made with div tags. I need one page to be made in table tags... I have the page in div... is there away i can change the html into div tags? I am "new" to div tags... I dont really like them... but can use tables so much easier... I have found people that "claim" to be able to make table tags into div tags with software... If this is not possible... can someone slice my psd file into a table tag html page? Hello, I am very new to HTML. With that said here is my issue. I want to post meta data within the head tags of my html. However, when i do this the table i created in the body of the code ceases to work. I created a very simple intro page. all that exists there is a logo of my bussiness then underneath a splash page embeded. When i enter the meta data the logo and splash area are off center. Currently I took the meta tags out of the html, but I really want to place them back. Ever heard of this happening before? Can you help? Thanks, Matt My page is www.skelniktoday.com if you want to take a look and view the source. Who knows maybe you just need a laugh at the level of novice my html is. Hi Could anyone take a look at my site at www.cyclistsfc.org.uk in Firefox and IE tell me why the navbar is showing in FF but not IE? Its just simple tables so I suppose I must have forgotten to close something somewhere... Cheers Luke Hi guys, i'm having some problems displaying my table text (it's getting out of table borders, which are hidden.). It has some Javascript on it and as well css, but i wasn't sure where to post, so if this is a wrong section, please move it, and i feel so sorry. Here's the link: http://hpdiscoversrbija.rs/agenda3.html And here's the full code: PHP Code: <!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" /> <title>HP Discover Srbija</title> <script type="text/javascript"> <!-- function toggle(box,theId) { if(document.getElementById) { var cell = document.getElementById(theId); if(box.checked) { cell.className = "on"; } else { cell.className = "off"; } } } // --> $(function () { // this line makes sure this code runs on page load $('.checkall').click(function () { $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked); }); }); </script> <style type="text/css"> div.centered { text-align: center; vertical-align:middle } div.centered table { margin: 0 auto; text-align: center; vertical-align:middle } tr.Selected { background-color:#ff0000; } tr.Selected label { font-weight:bold; color:#000080; } table td label { display:block; width:100%; height:100%; padding:10px; cursor: pointer; } #ctl00_ContentPlaceHolder1_gvCustomers { color:#000; background-color:#fff; border-color:#ccc; border-width:1px; border-style:solid; font-family:verdana,sans-serif; font-size:11px; border-collapse:collapse; } <!-- .off { background-color: #FFE9D3; cursor: pointer; } .off:hover { background-color: #8b8b8b; } .on:hover { } .on { background-color: #4c535c; color: white; } .style35 { font-weight: bold; font-size: 16px; color: #FFFFFF; } td { vertical-align: middle; } --> </style> <body> <div class="centered"><table cellspacing="0" style="background-color: #FFE9D3;" cellpadding="0"> <col width="61" span="2" /> <col width="61" /> <col width="145" span="7" /> <tr> <td align="center" width="61">Start*</td> <td align="center" width="61">End</td> <td align="center" width="61">Duration</td> <td align="center" colspan="7">AGENDA - DRAFT</td> </tr> <tr> <td height="29" align="center" >9:30</td> <td align="center" >10:00</td> <td align="center" >0:30</td> <td align="center" width="100"> </td> <td align="center" width="100"> </td> <td align="center" colspan="3">Registration and welcome drink</td> <td align="center" width="100"> </td> <td align="center" width="100"> </td> </tr> <tr> <td height="80" align="center" >10:00</td> <td height="80" align="center" >10:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell1"> <input type="checkbox" style="display:none;" id=bla1 onclick="toggle(this,'cell1')"><label for=bla1>KEY NOTE - Enterprise ON*</label> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >10:30</td> <td height="80" align="center" >11:00</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell2"> <input type="checkbox" style="display:none;" id=bla2 onclick="toggle(this,'cell2')"><label for=bla2>KEY NOTE - IT TRENDS</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >11:00</td> <td height="80" align="center" >11:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell3"> <input type="checkbox" style="display:none;" id=bla3 onclick="toggle(this,'cell3')"><label for=bla3>KEY NOTE - HP Converged Infrastructure</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >11:30</td> <td height="80" align="center" >12:00</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center">Break</td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center"> </td> </tr> <tr> <td height="80" align="center" >12:00</td> <td height="80" align="center" >12:00</td> <td height="80" align="center" >0:00</td> <td width="100" height="80" align="center" class="off" id="cell4"> <input type="checkbox" style="display:none;" id=bla4 onclick="toggle(this,'cell4')"><label for=bla4>CIO TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell5"> <input type="checkbox" style="display:none;" id=bla5 onclick="toggle(this,'cell5')"><label for=bla5>NPI TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell6"> <input type="checkbox" style="display:none;" id=bla6 onclick="toggle(this,'cell6')"><label for=bla6>Infrastructure Solutions TRACK</label></td> <td width="100" height="80" align="center"> </td> <td width="100" height="80" align="center" class="off" id="cell7"> <input type="checkbox" style="display:none;" id=bla7 onclick="toggle(this,'cell7')"><label for=bla7>Business Solution TRACK</label></td> </tr> <tr> <td height="80" align="center" >12:00</td> <td height="80" align="center" >12:30</td> <td height="80" align="center" >0:30</td> <td width="100" height="80" align="center" class="off" id="cell8"> <input type="checkbox" style="display:none;" id=bla8 onclick="toggle(this,'cell8')"><label for=bla8>Cloud Business</label></td> <td width="100" height="80" align="center" class="off" id="cell9"> <input type="checkbox" style="display:none;" id=bla9 onclick="toggle(this,'cell9')"><label for=bla9>Matej Kurent</label></td> <td width="100" height="80" align="center" class="off" id="cell10"> <input type="checkbox" style="display:none;" id=bla10 onclick="toggle(this,'cell10')"><label for=bla10>Cloud News</label></td> <td width="100" height="80" align="center" class="off" id="cell11"> <input type="checkbox" style="display:none;" id=bla11 onclick="toggle(this,'cell11')"><label for=bla11>Jelena Bratic</label></td> <td width="100" height="80" align="center" class="off" id="cell12"> <input type="checkbox" style="display:none;" id=bla12 onclick="toggle(this,'cell12')"><label for=bla12>Virtual System - Infratstructure Conslodiation</label></td> <td width="100" height="80" align="center" class="off" id="cell13"> <input type="checkbox" style="display:none;" id=bla13 onclick="toggle(this,'cell13')"><label for=bla13>Nemanja Milutnovic</label></td> <td width="100" height="80" align="center" class="off" id="cell16"> </tr> </table></div> </body> </html> P.s. i had to cut it somewhere 'cause of limits of posting! I would also like to know how to center text vertically, as i couldn't... Thanks a lot! Howdy all! I recently developed the website http://www.dailytask.co.uk. I cant seem to get IE to show my images (regardless of format) within the tables ive used to put together its basic layout. Work okay in Firefox, Chrome and the rest. Could someone take a peak at the code for me and give me a shout out about what i am doing wrong here ? Thanks! Adil Hi everyone! On a site I am making there's a table which -- only in the IE-s including version 7 -- is not properly displayed: the column containing the text is only approx. half filled in width. Most (not to say all) other browsers get this right... Anyone got an idea, why this could be? Thx and best, T 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 guys. I am trying to get rounded edges to appear around my tables when displayed in Firefox. However, while it does display rounded edges, it also displays an angular border, which takes whatever colour the text has. here is the code. Quote: <!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>Untitled Document</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- #MainCell { border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; width: 800px; background-color: #FFF; height: 1000px; } .whitebackground { } #LogoCell { background-color: #006; height: 15px; } #LinksCell { background-color: transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; width: 77%; } #ContentCells { text-align: center; } #BottomLinksCell { } table { -moz-border-radius: 30px; border: #cc2800; } body { background-color: #006; color: #0F0; border: transparent; } .TableBackground { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } --> </style> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link rel="stylesheet" href="../ajxmenu.css" type="text/css" /> <script src="../ajxmenu.js" type="text/javascript"></script> </head> <body> <table width="100%" border="1" align="center" id="MainCell"> <tr> <th scope="row"><table width="100%" border="1" id="LogoCell"> <tr> <th class="whitebackground" scope="row">LogoCell - I'll see if my guy will do something for you or if you can get a mate to, if not I'd go to a professional</th> </tr> </table> <table width="78%" border="1" align="center" id="LinksCell"> <tr> <th scope="row"><div class="AJXCSSMenueDFaTFD"><!-- AJXFILE:../ajxmenu.css --> <div class="ajxmw1"> <div class="ajxmw2"> <ul> <li><a href="#"><b>Home</b></a></li> <li><a class="ajxsub" href="#"><b>Gallery</b></a> <ul> <li class="sfirst slast"><a href="#">Slideshow</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>Corporate Work</b></a> <ul> <li class="sfirst slast"><a href="#">Testimonials</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>About Us</b></a> <ul> <li class="sfirst"><a href="#">Qualifications</a></li> <li class="slast"><a href="#">Business Associates</a></li> </ul> </li> <li class="tlast"><a href="#"><b>Contact Us</b></a></li> </ul> </div> </div> <br /> </div> </th> </tr> </table> <!-- TemplateBeginEditable name="ContentRegion" --> <table width="68%" border="1" align="center" id="ContentCells"> <tr> <th width="50%" height="113" scope="row"><p> </p></th> <td width="50%"> </td> </tr> <tr> <th height="135" scope="row"> </th> <td> </td> </tr> </table> <!-- TemplateEndEditable --> <table width="100%" border="1" id="BottomLinksCell"> <tr> <th scope="row">BottomLinksCell</th> </tr> </table> </th> </tr> </table> </body> </html> Can anyone tell me how I can get rid of the angular border, and just be left with the rounded one? Thanks! i'm looking for a cheap way out of making collapse/expand code. i've learned a lot of 'ghetto' techniques n thought mayb i can use something similar to the html tricks i've learned in the past. the theory i have is.. i use the title of the collapse/expand text as a link to the text below it to open and close by using the navigating tags: Code: <a name="content">opening/closing text here</a> and the title above the content: Code: <a href="#content">Title</a> to open the area of text. now my idea of a shortcut around the whole css/html/javacript combo is to make the text below it use a Code: <font size=0>content</font> at default and have the href title link change the font size to the default 9pt but I don't know if that's even possible. Is it possible with the Code: <div> tags? and if so, using that, would i still b able to make a link like that? Is it possible to trigger the action of a form with a submit button that's outside the form tags? If so, how should this example be rescripted to make the input tag work outside the form tags? [/code] <html> <body> <form name="input" action="html_form_action.asp" method="get"> First name: <input type="text" name="FirstName" value="Mickey" /><br /> Last name: <input type="text" name="LastName" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> [/code] hi my name is salil. m working on a website completely in .jsp all the links are called in div containers. so just wanted to ask if is it possible to use the back button of the browser in that case... if yes how can we use it? currently when i click on the back button of the browser then i go to the previous visited site. thanking all of you for your feedbacks. salil I was doing reading and practicing at the w3 site and came along the <pre>/</pre> tag section. I find it easier using these tags instead of the <p>/<p> tags as you don't have to insert <br> tags everytime you want to start a new sentence within your paragraph. Does it really matter as far as coding goes if you use this or is it just considered not proper coding techiques? Note: Also,i added a paragraph at the very end of my test page just using the <pre>/</pre> tags and the "Style/Type Attributes" did not apply to it.Why is this? Kindly, Texan Hi I'm currenty learning how to use div tags I was wondering if anyone had any resources on the attributes of the div tag, havent came across anything that relates to the code i am currently working on. HTML Code: <div style = "z-index:2;left:40px;top:100px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
<p> Division 1 </p>
</div>
<div style = "z-index:2;left:00px;top:250px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
</div>
Does div tags generally just handle borders or can u fill a division with colour as in make a rectangle or whatever? Heres some code i have been presented by my lecturer, I can read the attributes well i think but if someone could explain it i would be greatfull just to check my understanding Thanks CW Should be something simple to figure out, I know... but I'm having some trouble with the div tags in a section of my site. What I'm trying to do is place a few images side by side, 160 pixels from the top and center alignment. It places the images 160px from top but not in the center... This is the code I'm using: <div style=" top: 160; position: absolute; z-index: 1; visibility: show; align: center; "> Why won't it work??? hello, I have a html file that contains many lines. I want add a tag in every line so that I can display them with different color. How to do it? Thanks Hi all, I'm working on a wordpress site with nextgen plugin (not really important) My problem is this: Let's say i have this structu HTML Code: <p>
<a href="">
<img src="" />
</a>
</p>
Now if my img is 100px height, the <p> still stays 0px, and i think that's because of the <a> tag. But the <p> has to adjust its height to whatever height the <img> is. How can i achieve this? I hope you understand what i mean here Thanks already. i have a problem about using div tags in general and positioning layers on a page. i'm a beginner so forgive my way of asking but i would appreciate any help i could get in understanding it. Who can HELP ME with divs First post on here, but I'm not really new to HTML. I just have a problem with the placing of a picture on a page. My website is www.fcumania.co.uk, which was created mainly with the use of a website designer - though these days I just edit it through Notepad. I have a problem whereby I need to add a small picture in the box where the crude "Hi-Resolution pictures" form is located. I can't seem to be able to edit the code, and the div tags in order to do this. I know it has something to do with the CSS, and so presuming you can view the source code on the main site, the CSS files are located he www.fcumania.co.uk/index_p.css www.fcumania.co.uk/index_g.css I'm sure all of you on here will be able to resolve this, and TIA if you can. Alastair. Hello there, I need some help with my DIV tag as it isnt doing what I tell it to do. Heres a screenshot of it: And here is the CSS code: Code: body{
background-image: url(img/bg.gif);
font-family: verdana, arial;
font-size: 12px;
color: black;
}
#content{
height: 100%;
width: 750px;
background-color: #afafaf;
margin-left: auto;
margin-right: auto;
border: medium;
border-color: red;
border-style: solid;
padding-left: 5px;
padding-top: 5px;
}
#copyright{
height: 20px;
width: 740px;
background-color: #9f9f9f;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-bottom: 15px;
border: medium;
border-color: black;
border-style: solid;
}
Its the "copyright" one that is messing with me, as you can see the red border is there. But the small div tag wont center in the div tag. I hope you understand what I mean |
|||||||