Jump to content

New Problem


bigsilk
 Share

Recommended Posts

I've done what I could on my own. Now I REALLY need help...Here's the page: AAAAaaauuuggghhhHere's the CSS:pppphhhttt...grrrr...expletiveFirst, is there an <--!if IE7 ... --> to fix placement problems? If so, PLEASE help. Just the syntax. I'll try to figure out the rest, unless of course, there's no fix for IE7.Second, I can't seem to get my footer to display at the bottom of the content area. I've tried moving div closings, adding left floats, dancing around voodoo dolls, invoking spirits...Adam

Link to comment
Share on other sites

(1)internal<!--[if IE 7]><style type="text/css">html, body {margin: 0;padding: 0;background-color:#2e2d2e;}......blah, blah, blah</style><![endif]-->external style sheet<!--[if IE 7]><link rel="stylesheet" href="styleIE7.css" type="text/css" media="screen" /><![endif]-->(2) move div footer down.</div><div class="footer"><p class="footer">© ubook247.com</p></div></div></body></html>

Edited by dsonesuk
Link to comment
Share on other sites

don't use span, for search button, use div note: total redisign in css and this button design never works for IE6 (oh ssss......ugar)choice box 2<div class="choice_box"><div class="choice_box_number">2</div><div class="choice_box_function">date</div><div class="choice_box_input_text"><form><div>Start:<input type="text" size="10" name="firstname" /><img src="images/calendar.jpg" alt="calendar" /></div><div>  End:<input type="text" size="10" name="lastname" /><img src="images/calendar.jpg" alt="calendar" /></div></form></div></div>box button:<div class="choice_box"><div class="choice_box_number">4</div><div class="choice_box_function">login</div><div class="choice_box_input_text"><form>Name:<input type="text" size="15" name="name" />Email:<input type="text" size="15" name="email" /></form><div class="menu_box"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b><b class="r4"></b><b class="r4"></b> <div id="search_button"><a href="app_w_tbl.html">Search</a></div> <b class="r4"></b><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b> </div> </div></div>object table display:<div style="width: 100%; margin-top: 20px; height: 220px;"><div class="choice_box_number_5">5</div><div class="app_choice_table"><object data="app_choice_tbl.html" width="800" height="180" type="text/html"></object></div></div>css form{padding:0; margin:0;}form div {height:30px; line-height:30px; float:left; width: 178px;}.choice_div{position:relative;left:10px;top:10px;width:945px;height:120px;border:2px #c37c82 solid;}.choice_box {width: 234px; height:120px; float:left;}.choice_box_number, .choice_box_number_5{font-family:Arial,Helvetica,sans-serif;font-size:60pt;color:#CCCCCC;width: 52px; height: 120px;float:left; }.choice_box_function{font-family:Arial,Helvetica,sans-serif;font-size:15pt;color:#c37c82;width: 178px;height: 34px; float:left;line-height:42px;}.choice_box_input{width: 178px;text-align:center;}.choice_box_input_text {color:#2E2D2E;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-align:center;width: 178px; float:left;}.choice_box_number_5{margin-left: 15px;}.form_div{position:relative;top:10px;}.input_box_label{font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#2e2d2e;}img.input_box{position:relative;top:3px;width:22px;}.menu_box{margin: 0 auto; width:58px; margin-top: 10px;}.menu_box b { height: 1px; line-height: 1px; display: block; } .menu_box b { background-color: #c37c82; }#search_button { background-color: #c37c82; font-family:Arial,Helvetica,sans-serif;font-size:10pt;height:100%; margin:0; padding:0;} .r1 { margin: 0 5px; } .r2 { margin: 0 3px; } .r3 { margin: 0 2px; } .r4 { margin: 0 1px; }

Edited by dsonesuk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...