New Topic/Question
Reply
Site: http://securewebdesigns.net/tinynest/
I also can't figure out how to fix the text box on internet explore it appears fine without the submit button but don't know where else to position it.
Code:
<!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>The Howell's Nest</title> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" href="lightbox.css" media="screen,projection" type="text/css" /> <!-- Javascript --> <script type="text/javascript" language="javascript" src="lytebox.js"></script> <link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" /> </head> <body> <!--[if IE]> <style> </style> <![EndIf]--> <div id="wrapper"> <a href="feedback.html" rel="lyteframe" title="" rev="width: 640px; height: 350px; scrolling: no;"><img src="images/feedback.png" alt="" width="36" height="130" class="feedback" /></a> <div id="container"> <img src="images/logo.png" width="711" height="570" class="logo" alt="" /> <div id="url-area"> <form method="post" action="send.php"> <div class="url-box"> <label for="url1">URL1</label> <input name="url1" type="text" id="url1" value="Enter That Ugly URL Here" /> <input type="submit" name="submit" value="" class="submit-button" /> </div> <div class="url-box2"> <label for="url2">URL2</label> <input name="url2" type="text" id="url2" /> </div> </form> </div> <div class="push"></div> </div> <div class="footer"> A Howell's Nest Product </div> </div> </body> </html>
CSS:
* {
margin: 0;
padding: 0;
border: none;
}
html, Body{
height: 100%;
Margin: 0;
Background: #3985e5 url(images/bg.gif) repeat-x;
color: #84a5a8;
font-size: 10pt;
font-family: Arial;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -12px;
}
#container {
width: 1024px;
margin:auto;
}
.logo {
margin-left:222px;
margin-top:40px;
}
#url-area {
width: 500px;
height:135px;
margin-top: 25px;
margin-left:270px;
}
.url-box {
background:url(images/urlbar.png) no-repeat;
height:53px;
width:483px;
margin-bottom:12px;
}
.url-box2 {
background:url(images/urlbar.png) no-repeat;
height:53px;
width:483px;
margin-bottom:12px;
}
#url-area input, #url-area textarea {
font-family:"Georgia", Times New Roman, Times, serif;
font-size:9pt;
color:#888888;
}
#url1 {
height:23px;
width:344px;
margin-top:12px;
margin-left:19px;
padding-top:6px;
}
#url2 {
height:23px;
width:445px;
margin-top:12px;
margin-left:19px;
padding-top:6px;
}
#url-area input.submit-button {
background:url(images/button.png) no-repeat;
width: 110px;
height:47px;
margin-top:3px;
margin-left:3px;
border:none;
}
label {
display:none;
}
.feedback {
float:left;
margin-top:315px;
}
.footer {
height:12px;
color:#2b65b8;
float:right;
}
.push {
height:12px;
}
This post has been edited by pspfreak101: 29 April 2009 - 05:28 PM
MultiQuote
| 