Jump to content

CSS bad code,


DeanWhitehouse

Recommended Posts

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.