|
CSS - I Dont Know Why... I Find Tables Easier
I have read several books on CSS. For the life of me I still cant understand why some things do the things they do.
For example, I still dont understand float. Even though I have read for literally hours about floats, I still dont understand why sometimes it goes one place and sometimes it goes another. Whenever I use tables, I feel as though I can place anything anywhere and know that it will always be there, regardless of the browser. For example, yesterday I spent 30 minutes reading through a tutorial about css navigation in horizonal format. I did it successfully. However, I wanted it to be centered on the page. No matter what changes I made in the CSS for the list, ul, link, etc it would not center on the page. I spent another 45 minutes trying to get it to center on the page. Once I did (wrapped the list in a DIV) then I refreshed the page and the background, which is black was through the page horizontally to each of the nav links instead of a white background like the content portion of the page. A whole new headache. I fixed that by putting the div and nav list in a table with a white background (fixed). I then check it in internet explorer and the list is not horizontal but vertical. It keep the same look of the nav list links, but is vertical. NOW I have to "hack" my CSS to make it more compliant with an older version of IE? I just don't understand why so many people think CSS is superior to tables. I understand tables were never designed for, well, designing pages, but for whatever reason, maybe because I am old school, but I find them so much easier to work with. I can never get the outcome I want with CSS and when I do it hardly ever looks the same across multiple browsers. I want to learn CSS. I want to understand why it is better. Most importantly I want to know how to code in it and if something looks wrong that I know the exact line in the CSS to work with to fix it. I am now just editing line by line to see if I get a change or outcome I want. Any suggestions? Tutorials? This is driving me nuts. Similar TutorialsI have CSS attached to a php page of which none of the CSS information gets printed. what I mean is that if we have a style "purple" which was used on the top sentence of the page, when you go to print that page, it still comes in black instead of the purple color for the purple CSS. What is worse, is that the tables that are setup and shaded for columns from the CSS style's come out without any color. It actually doesn't even print the outline borders of the table. Hi newbie here, Just completed site for client, to find out that the CSS text does not appear in IE7. This is the exact source - <div id="homewrapper"> <div id="homeimage"> <div align="right"><a href="" target="_blank"><img src="images2/logo_07.png" alt="Enjoy England" width="131" height="178" border="0" longdesc="" /></a><a href="" target="_blank"><img src="images2/logo_09.png" alt="Tourism Newquay" border="0" longdesc="" /></a></div> </div> <div id="intro"> <p>For your perfect holiday in Newquay, come and stay at 12A Pentire Heights. We have a 2 bedroom self catering apartment which has fantastic sea views overlooking the world famous Fistral Beach.</p> <p> </p> <p>Pentire Heights is ideally located, being only a short walk from Fistral Beach, and a 20 minute walk from Newquay town centre. There is also a private car park space allocated to you while you stay.</p> <p><br /> In Newquay you will find an array of shops, bars, bistros, restaurants, pubs, clubs and night life. Explore the cliff top walks along one of the eleven superb beaches or visit some of the many attractions in the town or close by, such as the Zoo, Golf Course, Trenance Leisure Park, Waterworld and the Sea Life Centre.<br /> <br /> Pentire Heights apartments in Newquay provides an ideal base for visiting the whole of Cornwall.</p> </div> Any help will be much appreciated! Cheers! Ok this is the website: http://mydeco.com/ and if you hover over the sections/links at the top, the subnav appear. However if you go to community section & then try to hover over different sections, the subnav dont seem to appear! This happens for a colleague of mine on FF & IE 7. However I have same browsers but this problem doesnt occur with me! she has cleared cache Hi, so i dont know how else to explain this with out giving you the link ocixx.com/index1.html the three buttons on the right Facebook myspace twitter, everything is perfect with them, except when you click them nothing happens, i am using css file and scripts i found on the net, cause i cant program the source to the css file is in the source to the page, i dont know what to do The right column of this website just started appearing in the wrong place, as you can see he [deleted] Unfortunately, i did not make the site but have been asked to fix it. I cant seem to find the cause of this at all, any help would be great, thanks! Edit: Found the mistake, a WYSIWYG field in the admin that shows on the header was screwing up the page with invalid code. Hi, I was learning CSS and it didn't quite explain what the second img does. Code:
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
Also on some sites i noticed it would have more than one tag: Code:
div.img img img img img {}
or Code:
div div div div {}
if you could help, thank you i have two css boxes on the company lan, and for one person the two boxes wont appear? is this a problem with internet explorer? Hello. I designed my site using Ie, and an now getting some complaints from members who are switching to firefox. I am a total CSS newbie and I don't know exactly where to begin to troubleshoot this. URL thats the page, you will need to use username: css password: test It looks fine in IE6, but doesnt look ok in firefox. The CSS stylesheet is at URL Thank you for any help you can provide. Hi all, http://www.zitrote.com/forum/index.php?act=viewforum&f=4 if you see there in IE the two borders on the right dont appear in the topic listing but in FF they do?? ok, so lets say i have two <div>s. the parent, i want to be a tad translucent, but the child i don't want to be. is there anyway i can stop that opacity property from cascading? example: Code:
<style>
#div1 {filter: alpha(opacity=50); -moz-opacity: .5; }
#div2 {propery:value; blah blah blah}
</style>
<div id="div1">
<div id="div2">
Some text and content here
</div>
</div>
thanks! later Ok, some trouble with Fire Fox and IE. I am creating a site for Ernies Inn and for right now I am hosting it here until I am done and the owner is willing to have it. http://ernies.bombinaid.com Problems IE: The main box areas in each page keeps going over the menu! FireFox: In the menu page it seems every time the mouse goes over a h3 tag it has a mouse over effect. I am using <a name="something"> for the page jumping. Here is the css code: Code: body {background-color: black}
.header {width: 100%; margin-left: -1px; margin-top: -4px;}
.links {width: 100%; text-align: center; background-image: url('defult.gif'); background-repeat: repeat-x;}
.main {background-color: #cc3333; height: auto; width: 700px; margin-top: -34px; margin-left: 7cm;}
.main2 {background: url(corner1.gif) 0 100% no-repeat}
.main3 {background: url(corner2.gif) 100% 100% no-repeat}
h3 {color: #ffffff; font-family: Arial; font-size: 30px;}
a:link {text-decoration: underline; color: black;}
a:hover {text-decoration: underline; color: black;}
a:visited {text-decoration: underline; color: black;}
hr {color: white}
img.ajm113 {margin-left: 30cm;}
Can someone help me out here? Ok If you go to: http://www.zahra-zahra.com/innerPage.html if you hover over the side menu (sub/subcontact)which are supposed to be nested lists.. you will see some alignment issue with the pink and the brown-ish.. also the nested list was moved a bit forward so i added margin:-0.5em; but IE doesnt like it and has moved the li further back.. relevant code: PHP Code: #sideMenu { margin-top:0.2em; float:left; clear:left; width:24%; } #sideMenu ul { float:left; width:100%; list-style:none; margin:0em; padding:0em; } #sideMenu li { clear:left; background-image:url(images/site/backgrounds/sideLi.jpg); padding:0.4em; margin-bottom:0.1em; } #sideMenu ul li ul { margin:-0.5em; padding:0em; margin-top:0.3em; padding-top:0.2em; padding-bottom:0.2em; } #sideMenu ul li ul li { width:100%; background-image:url(images/site/backgrounds/sideLiLi.jpg); } #sideMenu a { text-indent:0em; text-decoration:none; color:#663333; margin-left:0em; font-size:1em; } .nestedList a { text-indent:0em; padding:0.3em; padding-left:3em; } .nestedList a:hover { background-image:url(images/site/backgrounds/sideLiLiHover.jpg); background-position: -0.4em 0em; } HTML PHP Code: <div id="sideMenu"> <ul> <li><a href="">Contact</a> <ul class="nestedList"> <li><a href="">sub</a></li> <li><a href="">SUBcontact</a></li> </ul> </li> <li><a href="">Return</a></li> <li><a href="">News</a></li> <li><a href="">FAQ</a></li> <li><a href="">bout us</a></li> <li><a href="">Home</a></li> </ul> </div> just a side question i have in the above code a nested class.. why cant i do something like .nestedList ul { } i tried that but it didnt work... Hey guys, I missed a day of my XHTML class in college and he went over most of the CSS that day, I was sick with the flu and he said that day was the most important, so I'm lost, I need to "Remove any <b>, <i>, <u> and <font> tags and replace them with inline CSS code." So i come up with something like this <Style Type="css/text"> <B style="color:blue> This is my display text </b> </style> PLEASE HELP ME WITH THIS INLINE CSS! HELP! I'M LOSTTTT! Hi, I'm looking for some help with CSS, specifically "a:visitied". I want the hover over behaviour to remain the same on html links regardless of whether or not they're already in your history. Is there a way i can do this? Many Thanks. i have just finished making a site for a collective of illustrators I belong to, and now I'm hearing back that some people are having trouble with it. It's at www.illustratorselbow.com (I'm not allowed to post a url without spaces!) & i'm hoping people might be able to have a look at it & view the source and help me out. If you click on somebody's name, you see the thumbnails on the right and the image on the left. When you compress the window, the thumbnails jump about and shrink. I want to make it so this can't happen- I'd rather that the section with the main image in it compressed a bit, or would side-scroll. Any idea how to do this? I'm pretty new to CSS too so I don't really know how to fix this. It's just a drag because on computers with smaller screens/resolutions, the thumbnails look really messy. (Bear in mind that I have extremely basic knowledge of html/css/php, i hand code rather than use dreamweaver etc, and I've never used php or css before this site. I started using it because I keep hearing that frames are bad news nowadays, but it's been sooo much trouble with my limited abilities... alas) I'm not confident enough with CSS to just use it, so I'm mixing it with some tables too. I want a layout with two tables next to each at the top and then another below. The two at the top are working fine, but the one below keeps jumping back up to the top. I've managed to get an ugly fix by putting in a load of <br> but this doesn't work in IE7 (unless I add a lot more, pushing the content way down in other browsers) and isn't much of a solution. The other problem I have is that I want to have the majority of my page with a white background, but to get a surrounding border I've set the body background to be a colour and then placed a div around all the content. I want this div to be the size of the page and so set it's height to 100%, but this makes it too small. Not sure why. Here is my code for my page and CSS. If anyone can help I'd be most grateful. 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></title>
<link href="incl/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function navon(num) {
document.getElementById("nav" + num).style.backgroundColor = '#CDEB8B';
document.getElementById("nav" + num).style.paddingTop = '0px'
document.getElementById("nav" + num).style.paddingBottom = '0px';
document.getElementById("nav" + num).style.borderTopWidth = '10px';
document.getElementById("nav" + num).style.borderBottomWidth = '10px';
}
function navoff(num) {
document.getElementById("nav" + num).style.backgroundColor = '#C3D9FF';
document.getElementById("nav" + num).style.paddingTop = '8px'
document.getElementById("nav" + num).style.paddingBottom = '8px';
document.getElementById("nav" + num).style.borderTopWidth = '2px';
document.getElementById("nav" + num).style.borderBottomWidth = '2px';
}
//-->
</script>
</head>
<body>
<div class="main">
<table width="29%" border="0" cellpadding="2" cellspacing="5" align="left">
<tr>
<td><img src="" alt="" width="230" height="80" border="0" /></td>
</tr>
</table>
<table width="70%" height="60px" border="0" cellpadding="2" cellspacing="5" align="right">
<tr>
<td width="180px" class="nav" id="nav1" onmouseover="navon('1')" onmouseout="navoff('1')">link</td>
<td width="180px" class="nav" id="nav2" onmouseover="navon('2')" onmouseout="navoff('2')">link</td>
<td width="180px" class="nav" id="nav3" onmouseover="navon('3')" onmouseout="navoff('3')">link</td>
<td width="180px" class="nav" id="nav4" onmouseover="navon('4')" onmouseout="navoff('4')">link</td>
<td width="180px" class="nav" id="nav5" onmouseover="navon('5')" onmouseout="navoff('5')">link</td>
</tr>
</table>
<br /><br /><br /><br /><br /><br />
<table width="100%" border="0" cellpadding="2" cellspacing="5" align="center">
<tr>
<td width="70%">
some content
</td>
<td width="30%">
some more content
</td>
</tr>
</table>
</div>
</body>
</html>
Code:
@charset "utf-8";
/* CSS Document */
body {
padding-right: 4%;
padding-left: 4%;
padding-top: 30px;
padding-bottom: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
letter-spacing: 0.1em;
color: #000000;
background-color: #EEEEEE;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:active {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
.main {
background:#FFFFFF;
border: 10px solid #36393D;
width: 89%;
padding: 5%;
}
.nav {
padding: 8px;
background-color: #C3D9FF;
vertical-align: middle;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #36393D;
cursor:pointer;
border: 2px solid #36393D;
}
Link Hi I need some help with this Menu. It works fine when you mouseover products in firefox. But when you switch to ie6 it shows nothing. It has code specific for ie6 but still no menu. tx The site looks okay in ie6, but in ie8 it's off. Could someone take a look? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns= <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Northwest Open Access Network one of the largest in the region with Internet, Ethernet and TDM at service levels more advanced than in some metro areas." /> <meta name="keywords" content="ASP, ISP, ILEC, CLEC, IXC, RSP, DNS, DWDM, Northwest Open Access Network, Noanet" /> <title>Noanet Network Services</title> <link href="dictionary.css" rel="stylesheet" type="text/css" /> </head> <body style="padding: 0px; margin: 0px; background-color: #0E0E0C"> <div style="width: 100%; height: 183px; background-color: #0E0E0C"> <div style="background-image: url(images/2-14.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; margin-right: auto; margin-left: auto; width: 1115px; height: 183px"> <div style="width: 140px; height: 183px;float:left;"></div> <div style="width: 549px; height: 183px;"> <div style="height:15px;"></div> <div style="margin-top:7px; margin-bottom:7px;"><a href="index.htm" class="menu">HOMEPAGE</a></div> <div style="margin-top:6px; margin-bottom:7px;"><a href="overview.htm" class="menu">OVERVIEW</a></div> <div style="margin-top:6px; margin-bottom:7px;"><a href="tech-support.htm" class="menu">TECH SUPPORT</a></div> <div style="margin-top:6px; margin-bottom:7px;"><a href="Contact%20Options.htm" class="menu">CONTACT OPTIONS</a></div> <div style="margin-top:6px; margin-bottom:7px;"><a href="Network-Services.htm" class="menu">NETWORK SERVICES</a></div> <div style="margin-top:6px; margin-bottom:7px;"><a href="Infrastructure.htm" class="menu">INFRASTRUCTURE</a></div> <div style="margin-top:6px; margin-bottom:0px;"><a href="Press-info.htm" class="menu">PRESS INFO</a></div> </div> </div> </div> <div> <div style="background-position: center top; margin-right: auto; margin-left: auto; width: 1115px; height: 932px; background-image: url('images/nn_02-2-long.jpg'); background-repeat: no-repeat; background-attachment: scroll;"> <div style="margin-right: 150px; margin-left:290px;margin-top:60px; text-align:justify;"> <h1>Network Services</h1> NoaNet delivers leading-edge technologies across an extensive high-speed backbone transport network to wholesale providers such as ILECs, CLECs, IXCs, RSPs, ISPs, ASPs and cable companies.<br /> <br /> NoaNet service offerings include: <br /> <br /> <span class="style6">IP services</span><br /> NoaNet Internet features path-protected, unaggregated transport across the NoaNet backbone to the <a href="POP.htm" title="Point Of Presence. The IXC equivalent of a local phone company's central office. The POP is a long distance carrier's office in your local community (defined as your LATA). A POP is the true place your long distance carrier, called an IntereXchange Carrier (IXC), terminates your long distance lines just before those lines are connected to your local phone company's lines or to your own direct hookup. Each IXC can have multiple POP's within one LATA. All long distance phone connections go through the POPs.">PoP</a> closest to the customer. <br /> <ul> <li>At least four multi-homed upstream tier-one providers in Seattle and Portland </li> <li>Automatic fail-over within 50ms of interruption </li> <li>IP Addressing, <a href="BGP.htm" title="Border Gateway Protocol is a Gateway Protocol which routers (other non-router devices also maybe involved as intermediaries) employ in order to exchange appropriate levels of routing information.">BGP</a> routing and <a href="DNS.htm" title="Domain Name Server. Domain Name Servers, also known as resolvers, are a system of computers which convert domain names into IP addresses,which consist of a string of four numbers up to three digits each.">DNS</a> </li> <li>IPV6 Support </li> </ul> <p /> <span class="style6">TDM transport circuits</span><br /> NoaNet can design and deliver complex multi-point <a href="TDM.htm" title="Time Division Multiplexing. A technique for transmitting a number of separate data, voice and/or video signals simultaneously over one communications medium by interleaving a piece of each signal one after another.">TDM</a> rings over SONET, as well as two-point circuits. <ul> <li>Equivalent to DS-3 (<a href="STS-1.htm" title="Synchronous Transport Signal level 1. An electrical signal that is converted to or from Sonet's optically based signal; equivalent to the OC-1 signal of 51.84 Mbps.">STS-1</a> or 51.84 Mbps) and <a href="OC-3.htm" title="Optical Carrier Level 3. A SONET channel equal to three DS-3s, which is equal to 155.52 Mbps. ">OC-3</a> through <a href="OC-192.htm" title="Optical Carrier-level 192. SONET channel of 9.953 thousand million bits per second (Gbps). How you calculate the capacity of an OC-192 is to multiply times 192 by 51.840 million bits per second and thus you get 9.953 thousand million bits per second--gigabits per second. ">OC-192</a> </li> <li>Protected or Single-Thread configurations </li> </ul> <p /> <span class="style6">Ethernet services</span> <br /> NoaNet provides scalability, security and ease of configuration over a resilient Gigabit Ethernet network. <ul> <li>Connect two or more sites that use Internet, data, video and/or VOIP applications </li> <li>Billed on an "pay as you grow" basis, with the ability to <a href="burst.htm" title="A method of transmission that combines a very high data signaling rate with very short transmission times. ">burst</a>. </li> <li>Capacity is guaranteed and unaggregated </li> <li>Ethernet WANs can be designed to handle 10Mb to <a href="10GigE.htm" title="10 Gigabit Ethernet. Positioned as a high-speed technology for MAN (Metropolitan Area Networks) applications, 10GbE is a developing IEEE 802.3ae standard that will enable networks to scale from the traditional 10 Mbps beyond the common 100 Mbps and increasingly common 1 Gbps, up to 10 Gbps.">10GigE</a>. </li> </ul> <p /> For more information about our Network Operations Center, please refer to the <a href="noc.htm">Technology Center overview</a>. Please review the NoaNet Terms and Conditions in the <a href="documents/MSA_original_72903.pdf">Master Services Agreement (MSA)</a> which is the basis for all services. Contact NoaNet for additional information. </div> </div> </div> </body> </html> Hiya, I was wondering if anyone out there would be willing to take a look and tell me why this works in everything except IE6. I really don't want to go back and re-architect this with tables. it took too long in the first place. http://www.theblackkeys.com/dev/ Any quick help is appreciated. Original deadline was tonight. Hey, This is my first CSS project and I have a probloem which I am sure is super simple. I have 4 web buttons that go side by side in the contents area of the page. They have to touch. Right now, there is a space in between each one. I wrote a quick test page with the images and there is no space, so it must be the CSS. What do I need to change? Here is my sheet: Code:
* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #c0c0c0;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 780px;
text-align: left;
background:#fff url(images/newsbackground.gif) repeat-y right top;
}
#header{
height: 205px;
width: 780px;
}
#searchspacer{
background-color: #d78c0b;
left: 479px;
height: 51px;
width: 53px;
position: absolute;
}
#searchbox{
background-color: #d78c0b;
left: 532px;
height: 90px;
width: 248px;
position: absolute;
}
form{
position: relative;
left: 20px;
top: 20px;
}
form span{
color: #FFFFFF;
position: absolute;
top: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
#search{
margin-left: 45px;
margin-top: 20px;
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
}
#go{
background-color: #FFFFFF;
background-image: url(images/searchbutton.gif);
background-repeat: no-repeat;
margin-left: 159px;
margin-top: 18px;
position: absolute;
}
#imageheader{
background-image: url(images/header.jpg);
background-repeat: no-repeat;
top: 51px;
position: absolute;
height: 154px;
width: 532px;
}
#navtop{
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: absolute;
height: 51px;
width: 479px;
}
#navtop a{
height: 32px;
text-decoration: none;
font-size: 12px;
font-style: normal;
display: block;
position: absolute;
overflow: hidden;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 19px;
color: #FFFFFF;
}
#nt1 ,#nt2 ,#nt3{
padding-left: 40px;
width: 79px;
background-image: url(images/navtop.gif);
}
#nt2{left: 119px;}
#nt3{left: 238px;}
#nt4{
left: 357px;
width: 94px;
padding-left: 28px;
background-image: url(images/navtopend.gif);
}
#nt1:hover ,#nt2:hover ,#nt3:hover {background-image: url(images/navtopover.gif);}
#nt4:hover{background-image: url(images/navtopendover.gif);}
#navright{
position: absolute;
height: 114px;
width: 248px;
left: 532px;
top: 90px;
background-color: #000000;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
}
#navright li{
text-indent: 0px;
background-color: #FF0000;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
display: block;
}
#navright a{
background-repeat: no-repeat;
display: block;
height: 26px;
width: 195px;
position: absolute;
padding-left: 53px;
padding-top: 7px;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
#nr1 ,#nr2 ,#nr3{background-image: url(images/navright.gif);}
#nr2{top: 29px;}
#nr3{top: 58px;}
#nr4{
top: 87px;
background-image: url(images/navrightend.gif);
}
#nr1:hover ,#nr2:hover ,#nr3:hover {background-image: url(images/navrightover.gif);}
#nr4:hover{background-image: url(images/navrightendover.gif);}
#contentbox{
background-image: url(images/bg.jpg);
}
#content{
width: 532px;
background:transparent;
float:left;
}
#content p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
margin-left: 26px;
margin-bottom: 20px;
width: 430px;
}
#content h1{
margin: 20px 0px 10px 26px;
width: 430px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #033387;
}
#content span{
margin-top: 10px;
margin-bottom: 4px;
width: 430px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #649721;
}
#content span#s2{color: #03449f;}
#content a{color: #666666;}
img{
float: left;
margin-right: 7px;
}
#news{
background: #033387;
width: 240px;
float:right;
padding-left: 8px;
}
#news p{
background-color: #033387;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding: 10px 20px 10px 20px;
}
#news a{color: #FFFFFF;}
#news h4{
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-color: #000000;
padding-left: 20px;
}
#footer{
background-color: #d78c0b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
height: 20px;
width: 780px;
clear: both;
text-decoration: none;
text-align: center;
padding-top:4px;
}
#footer ul{display: inline;}
#footer li{display: inline;}
#footer a{
color: #FFFFFF;
text-decoration: underline;
padding-right: 7px;
}
#copyright{
background-color: #c0c0c0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
height: 20px;
width: 780px;
text-decoration: none;
text-align: center;
position: relative;
}
#copyright p{
height: 20px;
text-decoration: none;
padding: 10px 10px;
}
#copyright a{color: #0000FF;}
#copyright a:hover{color: #FF0000;}
#imagepreloader{
visibility: hidden;
overflow: hidden;
height: 0px;
width: 0px;
}
|
|||||||