Jump to content

nidhikandan

Members
  • Content Count

    8
  • Joined

  • Last visited

Community Reputation

0 Neutral

About nidhikandan

  • Rank
    Newbie
  • Birthday 03/29/1982

Profile Information

  • Location
    kerala

Contact Methods

  • Yahoo
    nidhikandan
  1. nidhikandan

    Multibox

    Just got my head around how to create a grid of buttons with div tags.I now want to add the functionality of MultiBox to each button but the Phatfusion site is confusing to a noob like me. I have downloaded all the required files and looked at the source code on the page but can't figure out how to make the box work as the class appear as hidden.Its is working, But, not working ( invisible all buttons ) Close, right button and left botton. Any ideas?its my tag:<!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><title>Grid</title><link href="grid/multibox.css" rel="stylesheet" type="text/css" /><!--[if lte IE 6]><link rel="stylesheet" href="/css/ie6.css" type="text/css" media="all" /><![endif]--><script type="text/javascript" src="grid/mootools.js"></script><script type="text/javascript" src="grid/overlay.js"></script><script type="text/javascript" src="grid/multibox.js"></script><style>/* These first two styles are just for looks */* {margin: 0;}body {margin: 5px;background-color: #444;}/* Bits you need are from here down */#container {width: 520px;margin: 0 auto;}#container .imageBox {float: left;width: 100px;height: 100px;margin: 0 4px 4px 0;background-color: #9f0;}.clear {clear: both;}</style></head><body><div id="container"><div class="imageBox"><a href="img/robin.jpg" id="mb10" class="mb" title="Image Title 10 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a><div class="multiBoxDesc mb10">This is my description text 10. It can support html.</div></div><div class="imageBox"><a href="img/robin.jpg" id="mb11" class="mb" title="Image Title 11 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a><div class="multiBoxDesc mb11">This is my description text 11. It can support html.</div></div><div class="imageBox"><a href="img/robin.jpg" id="mb12" class="mb" title="Image Title 12 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a><div class="multiBoxDesc mb12">This is my description text 12. It can support html.</div></div><div class="imageBox"><a href="img/robin.jpg" id="mb13" class="mb" title="Image Title 13 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a><div class="multiBoxDesc mb13">This is my description text 13. It can support html.</div></div><div class="imageBox"><a href="img/robin.jpg" id="mb14" class="mb" title="Image Title 14 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a><div class="multiBoxDesc mb14">This is my description text 14. It can support html.</div></div><div class="clear"></div></div><script type="text/javascript">var box = {};window.addEvent('domready', function(){box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});});</script></body></html>
  2. nidhikandan

    2 Css Questions

    ""margin: 0 auto ""i think its wrong tagmargin:0px; ifmargin:auto;
  3. Just got my head around how to create a grid of buttons with div tags.I now want to add the functionality of MultiBox to each button but the Phatfusion site is confusing to a noob like me. I have downloaded all the required files and looked at the source code on the page but can't figure out how to make the box work as the class appear as hidden.Its is working, But, not working ( invisible all buttons ) Close, right button and left botton. Any ideas?its my tag:<!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><title>Grid</title><link href="grid/multibox.css" rel="stylesheet" type="text/css" /><!--[if lte IE 6]><link rel="stylesheet" href="/css/ie6.css" type="text/css" media="all" /><![endif]--><script type="text/javascript" src="grid/mootools.js"></script><script type="text/javascript" src="grid/overlay.js"></script><script type="text/javascript" src="grid/multibox.js"></script><style>/* These first two styles are just for looks */* { margin: 0;}body { margin: 5px; background-color: #444;}/* Bits you need are from here down */#container { width: 520px; margin: 0 auto;}#container .imageBox { float: left; width: 100px; height: 100px; margin: 0 4px 4px 0; background-color: #9f0;}.clear { clear: both;}</style></head><body><div id="container"> <div class="imageBox"> <a href="img/robin.jpg" id="mb10" class="mb" title="Image Title 10 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb10">This is my description text 10. It can support html.</div> </div> <div class="imageBox"> <a href="img/robin.jpg" id="mb11" class="mb" title="Image Title 11 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb11">This is my description text 11. It can support html.</div> </div> <div class="imageBox"> <a href="img/robin.jpg" id="mb12" class="mb" title="Image Title 12 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb12">This is my description text 12. It can support html.</div> </div> <div class="imageBox"> <a href="img/robin.jpg" id="mb13" class="mb" title="Image Title 13 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb13">This is my description text 13. It can support html.</div> </div> <div class="imageBox"> <a href="img/robin.jpg" id="mb14" class="mb" title="Image Title 14 (jpg)"><img src="img/robin_thumb.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb14">This is my description text 14. It can support html.</div></div> <div class="clear"></div></div> <script type="text/javascript"> var box = {}; window.addEvent('domready', function(){ box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true}); }); </script></body></html>
  4. Horizontal alignment in CSS, i make it one, thats correct see in browser ,but i can't not put it text in navthree (in Dreamweaver)..pls see..pls open this file in Dreamweaver.<!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>Untitled Document</title><style type="text/css"><!--#container { width:80%; height:20px; border:1px solid #FF9900; float:left; margin: 15px 0 15px 10px;}#navone { width:34%; float:left; position:relative; background-color:#FF6633; }#navthree { width:33%; float:right; position:relative; background-color:#FFCC33; }#navtwo { width:33%; float:right; position:relative; background-color:#FFFF99; }--></style></head><body><div id="container"> <div id="navone">Left</div> <div id="navtwo">Right</div> <dvi id="navthree">centre</div></div></body></html>
  5. nidhikandan

    Intermediate css

    http://www.pmob.co.uk/
  6. Hi,help me........How is create horizontal DIV with use in CSS, im create one but second div just problem., thats div in not put into text.<!--#container { width:80%; border:1px solid #FF9900; float:left;}#navone { width:33%; float:left; position:relative; background-color:#FF6633; }#navthree { width:33%; float:right; position:relative; background-color:#FFCC33; }#navtwo { width:33%; float:right; position:relative; background-color:#FFFF99; }--></style></head><body><div id="container"> <div id="navone">Left</div> <div id="navtwo">Right</div> <dvi id="navthree">centre</div></div></body></html>
  7. Hi,My screen resolution 1024x768, but this site see in 1152x864, background div not repeat-x side.ex: www.yahoo.comwww.getsmartlms.com (css) body {font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; background: #ffffff url url(../images/bg%20copy.gif) repeat-x; margin: 0px; padding: 0px;}
×
×
  • Create New...