Web Hosting Talk







View Full Version : CSS Question


HighLineHost
01-24-2005, 07:44 AM
WHT,

I have some CSS code that our control panel uses. My quest is this, Is there a way to view it? Like copy and past it into dreamweaver or something? I need to be able to see the chages I make to the code before I upload it to the server.

I dont know CSS very well so, if I can view it in a editor it would make things easier.

Here is the code:

<style>
DIV#autosignup{
text-align:center;
}
H1{
FONT-WEIGHT: bold;
FONT-SIZE: 24px;
COLOR: black;
FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
TABLE{
border:solid 1px #00A000;
background-color: #E4F5E4;
width:580px;
margin-right:auto;
margin-left:auto;
}
HR{
color:#00A000;
height:1px;
}
.errorMessageBox
{
FONT-WEIGHT: normal;
FONT-SIZE: 0.7em;
COLOR: #FF0000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
border:solid 1px #FFD200;
background-color: #FFFED6;
width:580px;
padding-top:15px;
padding-bottom:15px;
text-align:center;
margin-right:auto;
margin-left:auto;
}
.successMessageBox
{
FONT-WEIGHT: normal;
FONT-SIZE: 0.7em;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
border:solid 1px #FFD200;
background-color: #FFFED6;
width:580px;
padding-top:15px;
padding-bottom:15px;
text-align:center;
}
TD#FieldName{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: black;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
padding-bottom:2px;
width:180px;
}
TD#FieldTitle{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: black;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
border-bottom: solid 1px #00A000;
padding-bottom:2px;
}
TD#FieldValue{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: black;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
padding-bottom:2px;
width:400px
}
TD#FieldValueNew{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: black;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
border-top: solid 1px #00A000;
padding-bottom:2px;
}
TD#FieldValueHighlighted{
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
COLOR: Red;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
border-top:solid 1px #00A000;
padding-bottom:2px;
}
TD#SectionName{
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
COLOR: white;
FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color: #00A000;
height: 22px;
padding-left:10px;
}
input.buttonNormal {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #E4F5E4;
background-image: url(images/btn_Normal.gif);
border: none;
width:120px;
height:29px;
cursor:hand;
}
input.buttonNormal#Forward {
background-image: url(images/btn_Forward.gif);
padding-right:30px;
}
input.buttonNormal#Back {
background-image: url(images/btn_Backward.gif);
padding-left:30px;
}
A{
color:#00A000;
text-decoration:none;
}
A:hover{
color:#00A000;
text-decoration:underline;
}
</style>

runesolutions
01-24-2005, 09:18 AM
Not sure what you mean. Do you mean like an example of how it would affect a web page? If so, I thought DW did that already.

HighLineHost
01-24-2005, 09:21 AM
dont know..... I dont own dreamweaver atm, so i cant test it out. I was asking if it would so I can run out and buy it so i can edit this code to get rid of the nasty green :)

the_pm
01-24-2005, 09:29 AM
instead of spending $400 just to get rid of a nasty green color, just load this into any text editor (notepad will do nicely) and change #00A000 to whatever other color you want (this would be the darker green), and #E4F5E4 to whatever other color you want (this would be the light green). Save it, and then view your HTML document in whatever browser you like to see the changes before uploading.

Is this an external style sheet or is this a portion of code resident in te HTML document itself? If the former is the case, then get rid of the <style></style> tags. You don't use those in external documents. If this is placed inside the head of an HTML document, change the opening tag to <style type="text/css"> to eliminate any doubt on the part of the browser that this is a CSS style sheet.

HighLineHost
01-24-2005, 09:32 AM
many thanks, I just didnt know of you could view this is a real editor.... btw who picks the color green hehe