chrisciscoioio
-
Posts
15 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by chrisciscoioio
-
-
Hello, the problem is as the title states.Link to the files HEREThe Feedback form:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="mystyles.css" /></head><body><div class="header"> <h1>Feedback Form</h1></div><form name="form" method="post" action="mailto:chrisciscoioio@gmail.com"><table width="100%" height="688"> <tr> <td>First Name:</td> <td><input name="firstname" type="text" size="30" maxlength="20"></td> <td>Last Name:</td> <td><input name="lastname" type="text" size="30" maxlength="20"></td> </tr> <tr> <td>E-Mail:</td> <td colspan="3"><input name="email" type="text" value="" size="30" maxlength="40"></td> </tr> <tr> <td><label>######:</label></td> <td colspan="3"><select name="select"><option>Male</option><option>Female</option><option>Other</option></select></td> </tr> <tr> <td>Website:</td> <td colspan="3"><input name="website" type="text" size="50"></td> </tr> <tr> <td>Occupation:</td> <td colspan="3"><input name="occupation" type="text" size="30"></td> </tr> <tr> <td> <label>Country:</label></td> <td colspan="3"><select name="country"> <option value=""selected> - (select one) - </select></td> </tr> <tr> <td>State/ Provice:</td> <td colspan="3"><select class="formBox" name="state / Provice"> <option value=""> - (select one) - </select></td> </tr> <tr> <td>Birthday:</td> <td colspan="3"> <select name="Bdmonth"> <option selected> Month or Birth</option> </select> <select name="BDay"> <option>Day of Birth </select> <select name="Bdyear"> <option value=""> Year of Birth </select></td> </tr> <tr> <td>Comments:</td> <td colspan="3" rowspan="2"><textarea name="textarea" cols="60" rows="10"></textarea> </td> </tr> <tr> <td colspan="3"> <input type="submit" name="Submit" value="Submit"> <input type="reset" name="Reset" value="Reset"> <td> </tr></table></form></body></html>
Css code:
/* padding order: top right bottom left */div.header{clear: both;padding: 10% 30% 10% 30%;text-align: center;}div.navigation{clear: left;line-height: 220%;padding: 10% 2% 10% 2%;text-align: left;}div.content{clear: none;padding: 10% 10% 10% 10%;}div.thumbnails{margin: 0% 1% 10%;line-height: 1%;padding: 10% 2% 10% 2%;text-align: center;}div.footer{clear: both;padding: 10% 30% 10% 30%;text-align: center;}div{border: #ffffff 2px solid;margin: 2%;color: #ffcc33;font-family: Bookman Old Style, Sans-Serif, Arial;background-color: #000000;}div{border: #ffffff 2px solid;margin: 2%;color: #ffcc33;font-family: Bookman Old Style, Sans-Serif, Arial;background-color: #000000;}body{background-attachment: fixed;background-color: #191970;}img.movie{float: left;}img.thumb{border: 0px;}a{border-width: 0px;color: #ffcc33;text-decoration: none;}label{color: #ffcc33;} -
Umm... I am not having a problem with height just how wide it is.
-
There are other issues at work, I can't seem to find them
-
Hello,I am having trouble with how my Div displays and I can't seem to find the answer myself, so I am coming for help!Question: Once you view the page, the right hand div is far to big and it throws off the rest of the web page, my question is how to force it to be smaller, I would like a full answer becaseu I have tryed many commands and none seem to work.You can look at the code below, but I would recommend that you download the zip file:Web Project.zipThe code is very long at this time because I have the css and the html together, I will change this later.Also I think I am still using some deprecated commands, I am not sure, if you spot any please tell me. I have not gone through all my code fully, so I might have missed some things.
<html><head><title></title><style type="text/css">/* Padding order: top,right,bottom,left. *//* margin order: top,right,bottom,left. */div.header {padding: 10% 30% 10% 30%;border-color: #000000;text-align: center;clear: both;background-position: center top;background-repeat: repeat-y;}div.navigation {padding: 10% 2% 10% 2%;border-color: #000000;text-align: left;clear: left;background-position: center top;background-repeat: repeat-y;line-height: 220%;}div.content {padding: 10% 10% 10% 10%;border-color: #000000;text-align: right;clear: none;background-position: center top;background-repeat: repeat-y;}div.thumbnails {padding: 10% 2% 10% 2%;margin: 0% 1% 10% 1%;border-color: #000000;background-position: center top;background-repeat: repeat-y;line-height: 1%;}div.footer {padding: 10% 30% 10% 30%;border-color: #000000;clear: both;background-position: center top;background-repeat: repeat-y;}div{background-image:url(Foreground.jpg);background-repeat:no-repeat;margin: 2% 2% 2% 2%;border-width: 2px;border-style:solid;background-position: center top;background-repeat: repeat-y;}table.layout{text-align: center;}body{background-image:url(background.jpg);background-repeat: no-repeat;background-attachment: fixed;}img.movie{float: left;}</style></head><body><table class="layout" align="center" width="90%"> <tr> <td colspan="3"> <div class="header"> Header </div> </td> </tr> <tr> <td> <div class="navigation"> <p> <h4>Main Sections</h4> <hr /> Home<br /> Reviews<br /> Links<br /> About<br /> <hr /> <h4>Movie Sections</h4> <hr /> Comedy<br /> Horror<br /> Fantasy<br /> Family<br /> Action<br /> Lorem ipsum<br /> Lorem ipsum<br /> Lorem ipsum<br /> <hr /> <h4>Links</h4> <hr /> Lorem ipsum<br /> Lorem ipsum<br /> Lorem ipsum<br /> </p> </div> </td> <td> <div class="content"> <img class="movie" src="lipsumImage.gif" alt="Alternate text if Image does not show." width="35%" /> <p> <h3>Lorem ipsum</h3><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sit amet mauris et diam lacinia pellentesque. In blandit, lacus quis pharetra suscipit, ligula orci imperdiet metus, vulputate varius enim odio eu velit. Suspendisse feugiat quam at orci. Curabitur augue tortor, rutrum eget, scelerisque vitae, vestibulum non, erat. Integer accumsan mattis justo. Donec volutpat vulputate nisl. In hac habitasse platea dictumst. Sed consequat quam. Curabitur nisl lacus, feugiat in, consequat vel, rhoncus sed, dui. Nullam porta, odio id iaculis mollis, tellus quam nonummy ipsum, sit amet scelerisque enim nibh vel mauris. Integer eros. </p> <p> Morbi libero neque, auctor quis, eleifend id, adipiscing porttitor, mauris. Fusce sagittis iaculis dui. Vestibulum blandit iaculis dolor. Aliquam orci. Aenean lobortis, dui ac consectetuer malesuada, arcu orci feugiat velit, eget fermentum nisi dui vitae mi. Etiam gravida rutrum ante. Aliquam mollis leo quis leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris volutpat, lacus ut vulputate auctor, mauris risus dapibus dolor, vitae ullamcorper mi turpis a erat. In malesuada dui at ligula. Praesent dapibus, odio sit amet viverra commodo, mauris turpis viverra purus, nec tempor ipsum nunc eleifend tellus. In nibh. Etiam laoreet, odio vel convallis blandit, lorem sem tincidunt diam, a tincidunt diam diam in metus. Integer malesuada, ipsum eget varius commodo, tellus ligula scelerisque ligula, nec viverra eros urna ac lorem. Proin nec lorem id sapien volutpat semper. </p> </div> </td> <td> <div class="thumbnails"> <p> <h3>Quick Links</h3> <hr /> <h5>Movie Title</h5> <img class="thumb" src="lipsumImage.gif" alt="Alternate text if Image does not show." width="40%" /> <br /> <hr /> <h5>Movie Title</h5> <img class="thumb" src="lipsumImage.gif" alt="Alternate text if Image does not show." width="40%" /> <br /> <hr /> <h5>Movie Title</h5> <img class="thumb" src="lipsumImage.gif" alt="Alternate text if Image does not show." width="40%" /> <br /> <hr /> <h5>Movie Title</h5> <img class="thumb" src="lipsumImage.gif" alt="Alternate text if Image does not show." width="40%" /> <br /> <hr /> <h5>Movie Title</h5> <img class="thumb" src="lipsumImage.gif" alt="Alternate text if Image does not show." width="40%" /> <br /> <hr /> <h5>Movie Title</h5> <img class="thumb" src="lipsumImage.gif" alt="Alternate text if Image does not show." width="40%" /> <br /> </p> </div> </tr> <tr> <td colspan="3"> <div class="footer"> Footer </div> </td> </tr></table></body></html>
Div formating not working inside form!
in CSS
Posted
I tryed that and it didn't help, but I found a better way that I liked, but now the css works in dreamweaver but not when i load it up in IE 7.0.