DeanWhitehouse Posted May 4, 2008 Share Posted May 4, 2008 I think i have coded this wrong , because when i submit the form and it echoes something the background above it moves down, this is my CSS body { background-color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-style:normal; color:#990000; } /*link styles*/ /******************************************************************/ /*Title Links*/ a.title:link:{color:#FF0000; text-decoration:none;} a.title:visited {color:#0000FF; text-decoration:none;} a.title:hover {color:#FFFF00; text-decoration:none;} a.title:active {color:#00FF33; text-decoration:none;} /*Nav Bar Links*/ a.nav_bar:link:{color: #000066; text-decoration:none;} a.nav_bar:visited {color: #00FF33; text-decoration:none;} a.nav_bar:hover {color: #FF0000; text-decoration:underline;} a.nav_bar:active {color: #FFFF00;} /*Table Styles*/ /******************************************************************/ /*Title Bar*/ table.title { width:800px; table-layout:auto; height:100px; margin-left:225px; color:#FF0000; border:ridge #0000FF; text-align:center; background-color:#000000; } /*Logged In Section*/ table.logged_in { } /*Forum Main Page*/ table.forum_main { background-color:#0000CC; width:900px; } /**/ table.admin { border:#0000FF; } /*Div Styles*/ /******************************************************************/ /*Left Menu*/ div.left_bar { width:150px; border:ridge #0000FF; margin-left:225px; margin-top:20px; } /*Navigation Bar*/ div.nav_bar { table-layout:auto; } /*Login Menu(Side Bar)*/ div.login { } /*Time*/ div.clock { margin-left:615px; margin-top:-302px; width:179px; } /*background area under title*/ div.bg { margin-left:225px; margin-top:1px; background:repeat-x #00FF33; width:794px; height:20px; border-left:ridge #0000FF; border-right:ridge #0000FF; border-bottom:ridge #0000FF; } /*P Styles*/ /******************************************************************/ /*File Exists*/ p.exists { color:#FF00FF; font-size:xx-large; } /*Welcome Message*/ p.welcome { color:#000; font-size:14px; text-align:center; margin-left:10px; margin-right:30px; margin-top:40px; width:400px; border:#666666 thin solid; height:auto; } /*Disclaimer(footer)*/ p.disclaimer { font-size:small; } and this is my page, i have removed some of the PHP code, <div class="bg"><div class="clock"><?php echo gmdate('l, jS F Y');?> <span id="txt"></span></div></div> bg is the bit that moves, this is the link to the page, please say if you need to see more code http://deanwhitehouse.awardspace.co.uk/home.php when you click submit, when the fields blank the echo moves the bit above. Link to comment https://forums.phpfreaks.com/topic/104084-css-bad-code/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.