html using div tag

**ravi951** · 08-01-2011, 12:34 PM

hi all ,
can u tell me how to modify this html code using <div> tag....

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" dir="ltr" lang="en-EN">
<head>
<script src="jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="menu-collapsed.js" type="text/javascript"></script>	
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Simple JQuery Collapsing menu</title>
<style type="text/css">
li a 
{
display:inline-block;
} 
li a 
{
display:block;
}
</style>
</head>
<body>
<h1>Simple JQuery Collapsing menu</h1>
<p>Same menu as seen <a href="./">here</a> but now as a simple collapsing menu.</p>
<ul id="menu">

<li>
  <a href="#">Weblog Tools</a>
   <ul>
	<li><a href="http://www.pivotx.net/">PivotX</a></li>
	<li><a href="http://www.wordpress.org/">WordPress</a></li>
	<li><a href="http://www.textpattern.com/">Textpattern</a></li>
	<li><a href="http://typosphere.org/">Typo</a></li>			
   </ul>		
</li>		

<li>
  <a href="#">Programming Languages</a>
   <ul>
      <li><a href="http://www.php.net/">PHP</a></li>
      <li><a href="http://www.ruby-lang.org/en/">Ruby</a></li>
      <li><a href="http://www.python.org/">Python</a></li>
      <li><a href="http://www.perl.org/">PERL</a></li>
      <li><a href="http://java.sun.com/">Java</a></li>
      <li><a href="http://en.wikipedia.org/wiki/C_Sharp">C#</a></li>
   </ul>
</li>

<li><a href="http://www.i-marco.nl/weblog/">Marco's blog (no submenu)</a></li>

<li>
   <a href="#">Cool Stuff</a>
   <ul>
	<li><a href="http://www.apple.com/">Apple</a></li>
	<li><a href="http://www.nikon.com/">Nikon</a></li>
	<li><a href="http://www.xbox.com/en-US/">XBOX360</a></li>
	<li><a href="http://www.nintendo.com/">Nintendo</a></li>
   </ul>
</li>
		
<li>
   <a href="#">Search Engines</a>
   <ul>
	<li><a href="http://search.yahoo.com/">Yahoo!</a></li>
    <li><a href="http://www.google.com/">Google</a></li>
	<li><a href="http://www.ask.com/">Ask.com</a></li>
	<li><a href="http://www.live.com/?searchonly=true">Live Search</a></li>
  </ul>
</li>
</body>
</html>

**bluewalrus** · 08-01-2011, 01:47 PM

The div tag is to divide code you could use it in multiple places here. What are you trying to achieve with the div tag?

**ravi951** · 08-01-2011, 04:21 PM

instead of using paragraph and list items i want to use div tag....
whether is it possible to use div tag.in this html only.

**JShor** · 08-01-2011, 05:10 PM

There is no practical use for a DIV tag in your code.

**manimoor** · 08-05-2011, 05:43 AM

Hi..i provides div definitions,

The <div> tag defines a division or a section in an HTML document.
The <div> tag is often used to group block-elements to format them with styles.

example:
<html>
<body>

<h3> header</h3>
<p>paragraph.</p>

<div style="color:green">
<h3> header</h3>
<p> paragraph.</p>
</div>

</body>
</html>

**JShor** · 08-06-2011, 03:15 AM

Wait... is this a question?

**jimmy1** · 08-21-2011, 02:07 PM

div tag is use for division in tables and in forms.
When ever we want to divide our screen in different parts we use div tag.

Thread: html using div tag

Thread Tools

Search Thread

html using div tag

reply

Bookmarks

Bookmarks

Posting Permissions