-
Posts
60 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by manojnaanak
-
-
hello everyone, i have problem with menu, actually i have clickable menu when i click it goes open n click again goes close..but problem this is i want it close also when i click any where on page. this is link http://datanova.co.in/dnitest/index.html thanx in advance
-
Hello everyone, please tell me there is any trick to run inset shadow (Ex: div{box-shadow:inset 0px 0px 7px #000}) in ie. thanks in advance
-
just write it in your table...
<table cellspacing="0">---------</table>
-
i have made some changes try this may it works for u..
<!DOCTYPE HTML><html lang="en"><head> <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"> <script src = "modernizr-1.5.js"></script> </head><style>.table{ border:2px solid #305704}table tr td{border-bottom:1px solid #305704;border-right:1px solid #305704;}table tr td:last-child{ border-right:none;}table tr td:first-child{ border-right:1px solid #305704}table tr th{border-right:1px solid #305704;border-bottom:1px solid #305704; }table tr th:last-child{ border-right:none;}table tfoot td{ border:none !important}</style><p><center><strong><font size="5">Family Reunion Schedule</font></strong><center></p><body><div id="schedule"><table class="table" border="0" cellpadding="10" cellspacing="0"><tr><th>Day</th><th>Time</th><th>Activity</th></tr><tfoot><tr><td colspan="3" align="center">Group Photos</td></tr></tfoot><tr><td rowspan="7">Saturday</td></tr><tr><td>8am-9am</td><td>Welcome breakfast</td></tr><tr><td>9am-11am</td><td>Games for kids</td></tr><tr><td>11am-1pm</td><td>Lunch</td></tr><tr><td>1pm-5pm</td><td>Craft Table and Video</td></tr><tr><td>5pm-7pm</td><td>Dinner</td></tr><tr><td>7pm-9pm</td><td>Video viewing</td></tr><tr><td rowspan="5">Sunday</td></tr><tr><td>8am-9am</td><td>Breakfast</td></tr><tr><td>9am-11am</td><td>Story telling</td></tr><tr><td>11am-1pm</td><td>Lunch</td></tr><tr><td>1pm-5pm</td><td>Craft Table and Family history research</td></tr></table></div><div id="contactform"><form> </form><tr><td></td></tr></div></body></html>
-
thnx for giving response i have fixd it.....I question is not very clear however if are having problem with aligning the tex and the input field , I would suggest you to make different classes or Ids like.container1{widht:200px;margin:0px 0px auto;height:400px;} create a table using <tr> and <td> tags under every class because this way you will be able to align them the way you want. If you make your question a little more clear , I can create the exact table for you, get in touch on facebook.com/sayed.taqui if want. -
hello,please tell me advanced fireworks cs5, cs6 tutorials website where can i polished my graphics skills.thanks in advance
-
-
hello everyone, i just want a suggestion regarding server. I am going to create a shopping website which will be created in joomla virtue mart component. Main thing is that i website will have heavy traffic so which server is best for a shopping site of joomla?
- 1
-
hello everyone, i am struck in text align. I used display:table,display:table-row, display:table-cell and result is before you. In image red mark text, i want it right align (text field vertically ) but due to table-cell valve it is not happening. i am attaching image and code to understand it propery.
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Untitled Document</title><style>.tabForm{ display:table; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; float:left; margin-right:15px; }.row{ display:table-row; }.cel{ display:table-cell;padding:5px; text-align: right;}.wid{ width:auto !important}.clr{ clear: both}.hdtab{ font-weight:bold}.tabForm a{ color:#F30}body{ margin:auto}</style></head><body><div><div class="tabForm"><div class="row"><div class="cel hdtab">Eksisterende Kunde?</div></div> <div class="row"><div class="cel hdtab">Er du allerede registret som kunde kan du soke opp dine kundedetailjer.</div></div> <div class="row"><div class="cel">Lorem Ipsum Lorem Ipsum</div></div> <div class="row"><div class="cel">E-Post</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">Passport</div><div class="cel wid"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel"></div><div class="cel wid"><a href="#">Login</a></div></div> <div class="row"><div class="cel hdtab wid">Onsker du a motta information pa:</div></div> <div class="row"><div class="cel"></div><div class="cel"><input type="checkbox" value="" id="" >SMS<input type="checkbox" value="" id="" >E-post</div></div> <div class="row"><div class="cel"></div><div class="cel"><a href="#">Tibake</a> <a href="#">Tibake</a></div></div> </div> <div class="tabForm"><div class="row"> <div class="cel hdtab">Ny Kunde</div></div> <div class="row"><div class="cel">Navn</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"> <div class="cel">Eternavn</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">E-Post</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">E-Post</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">Passord</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">Gejenta Passord</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">Adresse</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">Postnr</div><div class="cel"><input type="text" value="" id="" ></div><div class="cel">Sted</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">Mobil</div><div class="cel"><input type="text" value="" id="" ></div></div> <div class="row"><div class="cel">Jeg Aksepterer</div><div class="cel"><input type="checkbox" value="" id="" ></div></div> <div class="row"><div class="cel"></div><div class="cel"><a href="#">Neste</a> <a href="#">Neste</a></div></div> </div> </div></body></html>
-
try this one......
<!DOCTYPE html><html><head><title>Test Page</title><style type='text/css'>* { margin: 0px; padding: 0px;}html, body { height: 100%;}body { width: 960px; margin: 0px auto;}#header { height: 100px; font-size: 36pt; font-weight: bold; background-color: #999;}#content { background-color: #ccc;}#sidebar { width: 115px; border-right: 2px ridge #999; padding: 0px 4px; margin-right: 8px; float: left;}#sidebar .col1, #sidebar .col2 { padding: 1px 4px; float: left;}#sidebar>.col1, #sidebar>.col2 { font-weight: bold;}#sidebar .col1 { width: 71px;}#sidebar .col2 { width: 28px;}</style></head><body><div id='header'>This is my header</div><div id='content'> <div id='sidebar'> <div class='col1'>Header 1</div> <div class='col2'>Hdr2</div> <div id='itemList'> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> </div> </div> <div style="float:left"> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p><p>This is some content</p><p>This is some content</p> </div> <div style=" clear:both"></div></div></body></html>
-
try this one.....
<!DOCTYPE html><html><head><style>#cssmenu{border:1px solid;border-radius:5px;height:40px;margin:20px auto;padding:0px;display:block;width:400px;}#cssmenu>ul{list-style:inside none;padding:0px;margin:0px;}#cssmenu > ul > li{list-style:inside none;float:right;display:block;position:relative;padding:0px;margin:0px;}#cssmenu>ul>li>a{ouline:none;display:block;position:relative;margin:9px 20px;padding:12px 20px;text-align:center;text-decoration:none;font:bold 16px/100% Arial, Helvetica, sans-serif;text-shadow:1px 1px 0 rgba(0,0,0, 0.4);color:#FFF;margin:-4px;}#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} }#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} #cssmenu ul li.has-sub:hover > a{background: #C39;border-color:#FFF;padding-bottom:13px;padding-top:13px;top:-1px;z-index:999; }#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}#cssmenu ul li.has-sub > a:hover{background:#C39;border-color:#FFF;}#cssmenu ul li > ul, #cssmenu ul li > div{display:none;width:auto;position:absolute;top:37px;padding:10px 0;background: #CCC;border-radius:0 0 5px 5px;z-index:999; }#cssmenu ul li > ul{width:200px;}#cssmenu ul li > ul li{display:block;list-style:inside none;padding:0;margin:0;position:relative;}#cssmenu ul li > ul li a{outline:none;display:block;position:relative;margin:0;padding:8px 20px;font:10pt Arial, Helvetica, sans-serif;color: #FFF; text-decoration:none;text-shadow }/*Border color*/#cssmenu, #cssmenu > ul > li > ul > li a:hover{background: #003;}#cssmenu{border-color:#647306;}/*border color ends here*/#cssmenu > ul > li > a:after{border-color;#FFF;}#cssmenu > ul > li > a:hover{background: #C39;}#cssmenu > ul > li > ul > li a:hover{background: #CC3399;} </style></head><body><div id='cssmenu'><ul><li class='active '><a href='index.html'><span>Contact us</span></a></li><li class='has-sub '><a href='#'><span>Products</span></a><ul><li><a href='#'><span>Product 1</span></a></li><li><a href='#'><span>Product 2</span></a></li></ul></li><li><a href='#'><span>About Us</span></a></li><li><a href='#'><span>Home</span></a></li></ul></div> </body></html>
-
I was going to design responsive css but struck in media query ... please explain viewport width concept. I m not getting how to put it.
-
thank a lot opendesignResponsive designs is all about using a flexible grid for your web design and using CSS media queries which will change the design as the browser size increases/decreases. Before you start, it would probably be an idea to read the article that started it all: http://www.alistapar...ive-web-design/ There are dozens of boilerplate responsive templates you can use to start with and tweak to fit your own site. Here are some of my favourite frameworks that are responsive out of the box: http://www.getskeleton.comhttp://lessframework.com/http://foundation.zurb.com/http://cssgrid.net/http://stuffandnonse...jects/320andup/http://framelessgrid.com/http://www.opendesig...esign/icebrrrg/ (note: this is mine, built on Skeleton) Any of those should give you a great starting point.- 1
-
please anyone tell me how to design responsive web site or any ref site to create design. thanx in advance :|
-
dynamically...
-
it will be designed in tabledesign it using the table only? or design it without the table? -
it is in msword file.Is it not already designed? All you need to do is implement it using a <table> element. http://www.w3schools...s/tag_table.aspFor cross-browser compatible column styling, give the cells of each column a class attribute. -
-
p{margin:0px; padding:0px;}#mega{margin:0px; padding:0px;}#mega li {float:left; margin:0px; padding:0px;}#mega li a.butn{width:372px;height:46px; display:block; background-color:#FF0000; color:#FFFFFF; text-align:center; margin-left:5PX;}#mega li:hover a.butn{width:372px;height:46px; display:block; background-color:#FF0000; color:#FFFFFF; text-align:center;}#mega li a.digicam_bt{background:url(nav.gif) no-repeat -209px 0px;width:125px;height:46px; display:block}#mega li:hover a.digicam_bt{background:url(nav.gif) no-repeat -209px -46px; display:block}ul#mega li{display: inline;position: relative;z-index:2000;}#mega li:hover {border-bottom:0; z-index:9999;}#mega a {color:#000;outline:0;text-decoration:none;display:block;line-height:2em;}#mega div {position:absolute;left:-999em;width:350px;padding:15px 10px 0px 10px;border-top:0;font-weight:normal;text-align:left;background:#fff;border-left:2px solid #3d90b3;border-right:2px solid #3d90b3;border-bottom:2px solid #3d90b3;margin-left: 2px solid #3D90B3;}#mega li:hover div {left:-1px;top:auto;border-bottom-right-radius:6px;border-bottom-left-radius:6px;-moz-border-bottom-right-radius:6px;-moz-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px}#mega div ul{margin:0px; padding:8px; width:500px;}#mega div ul li{margin:0px; padding:0px;}#mega div ul li ul{margin:0px; padding:0px; width:180px; float:left;}#mega div ul li ul li{margin:0px; padding:3px; display:block; clear:both;}#mega div ul li ul li a{font-size:14px; display:block; min-width:150px; padding-left:5px; border-bottom:1px dashed #CCCCCC}#mega div ul li ul li a:hover{font-size:14px; display:block; background-color:#CCCCCC; min-width:150px; border-bottom:1px dashed #CCCCCC}
try this............
-
dispaly:table
in CSS
what is use of .example{display:table} please explain it.
-
please anyone tell me there is any trick to hide input field with file field thnx in advance... :|
-
thanx ingolme to give attention on my post i have fixd it...
-
thanx ingolme to give attention on my post i have fixd it...I don't know why it's looking like that. Without knowing your current code I can't figure out where the problem is, it would be even easier to find a solution if you can give a link to the page itself. -
menu problem
in JavaScript
Posted
hello miela, i have fixd it. thanks for your suggestion.