HTML

 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me



Go Back   Tutorialized ForumsWeb Design & DevelopmentHTML

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Tutorialized Forums Sponsor:
  #1  
Old August 1st, 2011, 08:54 AM
ravi951 ravi951 is offline
Registered User
Tutorialized Newbie (0 - 499 posts)
 
Join Date: Jul 2011
Posts: 3 ravi951 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 12 m 59 sec
Reputation Power: 0
Html using div tag

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>

Reply With Quote
  #2  
Old May 5th, 2015, 09:29 AM
prasanth prasanth is offline
Registered User
Tutorialized Newbie (0 - 499 posts)
 
Join Date: May 2015
Posts: 3 prasanth User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 35 m 50 sec
Reputation Power: 0
div tag

Hi,the html using div tag to row method in individual ul class separate divs,they have used in tag method many div used in css class are not confused in style css. create an row method used it.

Reply With Quote
  #3  
Old March 15th, 2016, 01:37 AM
Eiiw044 Eiiw044 is offline
Registered User
Tutorialized Newbie (0 - 499 posts)
 
Join Date: Mar 2016
Location: pakistan
Posts: 1 Eiiw044 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 46 m 9 sec
Reputation Power: 0
Html using div tag

the <div> tag defines a division or a section in an html document.

the <div> tag is used to group block elements to format them with css.

the <div> elements is very often used together with css, to layout a web page.

by default, browsers always place a line break before and after the <div> element . however , this can be changed with css.

a section in a document that will be displayed in blue.


<!doctype html>
<html>
<body>
<p>this is some text.</p>

<div style="color:#0000ff">
<h3>this is heading</h3>
<p>this is text</p>
</div>

<p>this is text</p>
</body>
</html>
Comments on this post
dishagandhi agrees!

Reply With Quote
Reply

Viewing: Tutorialized ForumsWeb Design & DevelopmentHTML > Html using div tag


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 

Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap