|
HTML - Can I Put A <h1> Inside A <ul>?
Hello this is my first post here,
Could someone answer this question. I have posted it in two dedicated HTML forums and from each forum recieved two opposing answers - Can I put a <h1,2,3 etc> tag inside a <ul></ul> eg - ul> <li><h1>1</h1></li> <li><h1>2</h1></li> </ul> The first set of replies said "no" I cant, I can only put the <h1> before the list - because you dont have a headline within a list. The second answer said "yes" I can html-wise, but I tend to agree more with the first answer as it is not scematicaly correct. Can someone clear it up for me? Similar Tutorialshow do i get the buttons to go inside the div of the main console plz html: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="">
<meta name="description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<title>Squared Away Designs,Professional Web Design,Lincoln,Lincolnshire</title>
<html>
</head>
<body>
<div id="wrapper">
<div id="titletext">
<img src="images/titletext.png" alt="" />
</div>
<h1>Alan Martin<br>Tel: 07939 156 706</h1>
<div id="logo">
<img src="images/logo.png" alt="" />
</div>
<hr/>
<div id="maincolumn">
<img src="images/maincolumn.png" alt="" />
<div id="home">
<img src="images/home.png" alt="" />
</div>
<div id="webdesign">
<img src="images/webdesign.png" alt="" />
</div>
<div id="graphicdesign">
<img src="images/graphicdesign.png" alt="" />
</div>
<div id="aboutus">
<img src="images/aboutus.png" alt="" />
</div>
<div id="contactus">
<img src="images/contactus.png" alt="" />
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-4586064-1";
urchinTracker();
</script>
</div>
</body>
</html>
css: Code: body {
margin: 0 auto;
text-align: center;
background-color: #000000;
}
#wrapper {
background-color: #000000;
width: 980px;
height: 770px;
}
#titletext {
float: left;
margin-top: 20px;
margin-left: 40px;
padding-top: 0px;
}
h1 {
float: left;
margin-top: 50px;
margin-left: 150px;
padding-top 0px;
font-family: arial;
font-size: 16px;
color: #ff6000;
}
#logo {
float: right;
margin-top: 10px;
margin-right: 10px;
padding-top: 0px;
}
hr {
float: right;
margin-top: 10px;
margin-left: 0px;
height: 4px;
width: 800px;
color: #ff6000;
}
#maincolumn {
float: left;
margin-top: 0px;
margin-left: 14px;
padding-top: 0px;
}
#home {
float: left;
margin-top: 20px;
margin-left: 18px;
padding-top: 0px;
}
#webdesign {
float: left;
margin-top: 20px;
margin-left: 5px;
padding-top: 0px;
}
#graphicdesign {
float: left;
margin-top: 20px;
margin-left: 5px;
padding-top: 0px;
}
#aboutus {
float: left;
margin-top: 20px;
margin-left: 5px;
padding-top: 0px;
}
#contactus {
float: left;
margin-top: 20px;
margin-left: 5px;
padding-top: 0px;
}
thnx How to use table element inside the svg canvas? I am trying to get this link: <script type="text/javascript" src="walton-menu.js"></script> to run inside a table statement <TD></TD> as I need to lock it in a defined position as my site is centered in the browser, but as soon as I put it inside a table the menu's disappear. Any suggestions? Paul All the pages on my site have a right column with a table inside it. I want the table to be at the top, which works fine in FF and IE7 and IE8, but is always at the bottom in IE6. Can someone offer some insight into this? heres one example, but its the same on all pages. http://perfectresource.net/hcm.html how to add html table inside the svg canvas? I'm trying to put a table inside where the text is. This is going to be my navigation spot, I tryed one way and it went over the whole page Can someone explain my error. thanks. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>background-attachment fixed</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<table width="715" border="3" align="center">
<tr>
<td> </td>
</tr>
</table>
<div id="container">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies sollicitudin nisi,
ut molestie felis adipiscing sit amet. Sed auctor vehicula commodo. Nam a nibh neque, vitae
faucibus felis. Vivamus at metus eget eros consequat fringilla. Quisque magna magna, laoreet
eu tempus sit amet, fringilla at tellus. Praesent felis tortor, scelerisque vitae fringilla
non, porttitor et lacus. Ut ut sapien nec quam tincidunt consectetur in nec lacus.
</p><p>
Phasellus porta, dui a elementum egestas, odio sapien rhoncus lorem, vitae bibendum erat sem
eget sapien. Maecenas ut metus ac quam pellentesque lacinia quis sit amet augue. Fusce eu
euismod urna. Nunc volutpat scelerisque tempus. Donec eget arcu et mauris scelerisque
tristique. Donec fringilla mauris dolor, sit amet vulputate lacus. Nulla feugiat mattis nulla
non tincidunt. Nam sit amet dolor eros, a viverra lacus. Nunc quis nisi eget neque tempus
facilisis eu quis sapien.
</p>
</div>
</body>
</html>
I've tried to insert a marquee into the title of one of my pages, but it doesn't work... how can I do this? And can a marquee be added into the status bar? I use IE btw if that helps. Hi I am very HTML newbe I want to put some text on the image but i cant This is the code i am using HTML Code: <table> <tr> <td> <img src="http://asmgx.webs.com/p1.jpg">My text should start from the red dot till the right border of the image, up to the bottom border to the image but as you can see it does not :(</img> </td> <td> <img src="http://asmgx.webs.com/p2.jpg">another text goes here</img> </td> <td> <img src="http://asmgx.webs.com/p3.jpg">another one too</img> </td> </tr> </table> This is how should my result look like can any one help me here? I have a piece of code that looks like this: <p class="stylegoeshere"> <h3>...</h3> ... </p> I'm not sure if this is semantically correct If not, then I'll have to use this: <div class="stylegoeshere"> <h3>...</h3> <p> ... </p> </div> HTML Code: <table id="content" width="850" height="400" border="0" cellpadding="0" cellspacing="5" align="center"> <tr> <td width="28" valign="top"></td> <td width="584" valign="top"> </td> <td width="20" valign="top"> </td> </tr> </table> This is my above table and I want it to lock content inside a td if that makes sense, for example... if I type 1000 letters into the middle td of a width of 584, the table will get bigger and it looks strange. How can I fix this issue? I need to add a image inside the table in html Page., pls help me how to write a code for inserting image inside table? How can I use Latex inside html? Can I use latex style or class files as well? Thanks. I am failry new to html and I need some help. I have a link on a page. When it is clicked I want another page (which is basically made up of a small 2X3 table) to appear on the same page as the link. I am trying to do this without using frames as they are becoming depriciated. I'm trying to put text inside the body of an image. I've seen this done multiple times, but I have no idea where to start. An example of what I'm trying to do is: http://www.warriorwebinar.com/ Can anyone help? Thank you, Jim I have a html table in my web page, and this table contains some input elements (like text box, btton etc) as cell data. I have implemeted a functionality to navigate through each cell by arrow keys. Now i want to set the focus to the cell data (button or textbox) with arrow key navigation. html table code snippet - <td id="testTd"><input id="testButton" type="button" value="test" onclick="alert('test clicked!!')"/></td> While navigating through keyboard i get the id of button but when i try to set focus, it does not seem to be working javascript code snippet - var td = tabMatrix[rmove][cmove].firstChild; alert(td.id); // here i get the id of button var button = document.getElementById(td.id); button.focus; any help or pointers would be of great help. Hi. I have learned everything I know about web pages from this site over the last 2 days. Thanks to all the experts out there. I'm developing a family web page and like the tab menus that seem popular. I found most of the code that follows on here and other sites. My problem is this: I want the tabs themselves to have certain colors under certain conditions. I got it working fine initially, but then when I went to put it inside the "<div", the colors got messed up. I have tried several things...nothing seems to work. The only way I can get the colors to work is to move the "<div" comment after the list specification and before the "we live in chicago" text (in all that white space). But that's not where it belongs. Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Brown Family</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" media="screen" title="style (screen)" /> </head> <body bgcolor="#E6E6E6"> <div id="content" style="margin: 0% 15% 0% 15%"> <h1 style="color:red" style="font-family:verdana">The Browns</h1> <ul id="tabmenu"> <li><a class="active" href="index.html">About Us</a></li> <li><a href="laura.html">Laura</a></li> <li><a href="tom.html">Tom</a></li> <li><a href="alex.html">Alex</a></li> <li><a href="contactus.html">Contact Us</a></li> </ul> <p style="color:#463E3F">We live in Chicago</p> </div> </body> </html> The odd thing is the color of the active tab does work. Any help is appreciated. Tom Hi, Im learning html/css and I really need some help to achieve what you can see on the image. So far Ive created the html side, but I've been around the css without good results. Please have a look: Thanks for your time Code: <div class="main">
<div class="image"><div class="about">
<div class="abouttop">
<div class="abouttopimg"><img src="http://www.freeimagehosting.net/uploads/70b79a8111.jpg" alt="about me" width="100" height="100" /></div>
<div class="abouttoptxt">
<p>First part</p>
<p>of text goes here</p>
<p>side to side </p>
<p>with the image</p>
</div>
<!--abouttoptxt-->
</div>
<!--abouttop-->
<div class="aboutmetxt">
<p>Sed ut perspiciatis unde omnis iste natus erro</p>
<p>sit voluptatem accusantium doloremque lau</p>
<p>dantium, totam rem aperiam, eaque ipsa quae</p>
<p>voluptatem.</p>
<p>Sed ut perspiciatis unde omnis iste natus erro</p>
<p>Sed ut perspiciatis unde omnis iste natus erro</p>
<p>Sed ut perspiciatis unde omnis iste natus erro</p>
<p>rem aperiam.</p>
<p>sit voluptatem accusantium doloremque lau</p>
<p>sit voluptatem accusantium doloremque lau.</p>
</div>
<!--aboutmetxt-->
<div class="cb"></div>
<!--Do not Delete It. It is used to maintain height-->
</div></div>
</div>
<div align="center">
<table align="center" cellpadding="8" cellspacing="8" >
<tr>
<td><a href="#" title="First square" target="_blank">
<img src="http://www.freeimagehosting.net/uploads/7be4f7ae07.jpg" alt="icon" /></a></td>
<td><a href="#" title="Second square" target="_blank">
<img src="http://www.freeimagehosting.net/uploads/7be4f7ae07.jpg" alt="icon" /></a></td>
<td><a href="#" title="Third square" target="_blank">
<img src="http://www.freeimagehosting.net/uploads/7be4f7ae07.jpg" alt="icon" /></a></td>
<td><a href="#" title="Fourth square" target="_blank">
<img src="http://www.freeimagehosting.net/uploads/7be4f7ae07.jpg" alt="icon" /></a></td>
</tr>
</table>
</div>
hi everybody, i have a problem displaying an html page that contains nested tables, all in a div. now the testing page that i present is a simple html, which works just fine in FF, chrome, safari and opera. sadly, it doesnt in IE7 (didnt test other IE versions). the goal is to make the scroll of the div reflect the width of the tables. i dont know what is causing this, maybe there's something missing in my code, or just an IE bug, perhaps... Anyway, i appreciate you reading this and thanks for your help, if any. Hi frns I am trying to create scrolling table inside <div> tag,like this : Code: <div align = "left" style=" max-width:850px; width: expression(this.width > 850 ? 850 : true);max-height:600px; height: expression(this.height > 600 ? 600 : true); overflow:auto; border:0px;"> <table align ="center"><tr> <td id = "divHolder"> </td > </tr> </table> </div> My this table will be populated dynamically.Otherwise its working fine,but I want to make it independent of pixels ,like 850px or 600px which I am hard coding.Due to these pixels,the size of scroll appears differently on different screens.Can somebody plz tell,how to make it screen dependent rather than pixels dependent? Thnx Hi, for some strange reason when I browse my site in FireFox there is a gap between the navigation buttons and the title image, but in IExplorer it looks perfectly fine. Any ideas? Heres the site: Heres a picture in case some of you don't see the problem or don't have firefox. PS: I'm not sure if the gap is between the table and the other table, or between the table and the image. Thanks for your help. |
|||||||