manojnaanak
-
Posts
60 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by manojnaanak
-
hello miela, i have fixd it. thanks for your suggestion.
-
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>
-
Outside border on my schedule & other needed touches
manojnaanak replied to tigertiger's topic in HTML/XHTML
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.....
-
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?
-
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>
-
the hover background color of the sub menu is not changing.
manojnaanak replied to sayed2x2's topic in CSS
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 opendesign
-
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 table
-
it is in msword file.
-
i am attaching a image this is a table design please tell me how can it be designed
-
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............
-
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...
-
