To jest cały kod CSS:
druga linijka odpowiada za nawigację....
CODE
#gornykontener {width:912px; margin:0px auto;}
#nawigacja{background-image: url('images/menu.jpg');text-shadow:1px -1px -1px #ffff;
width:912px; height:42px; font-size:16px;line-height: 36px;margin:0px 40px 20px 0px; display: block; float:left;
}
#szukaj {width:320px; float:right; clear:none;}
#kontenertresci {;border-top:0px solid #FF0000; width:100%;}
#glowna_rama {width:912px; margin:0px auto; padding:20px 0px;}
#tresc {background-color: #e3e3e3; border-radius: 10px; width:912px; moz-border-radius:5px; margin:0px 40px 20px 0px; float:left;}
#kolumna {width:320px; float:left; clear:none;}
#stopka{clear:both; width:100%; padding-top:21px; display:block;}
/*ogólna typografia*/
body {font-size:14px; line-height:21px; font-family:Verdana, Geneva, Tahoma, sans-serif; }
h1, h2, h3, h4, h5, h6 {color:#000; text-shadow:1px 1px 1px #FFF;}
h1, h2, h3, h4, h5, h6, p, blockquote, pre {line-height:21px; margin-bottom:21px;}
h1, h2, h3, h4, h5, h6 {font-family:Georgia, Times, "Times New Roman", serif;}
h1 {font-size:24px; line-height:42px; margin-bottom:21px;}
h2 {font-size:21px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p {}
ul {list-style-position:inside;}
ol {list-style-position:inside;}
li {}
blockquote {border-left:4px solid #CCC; padding:20px; background:#FFFFFE;}
pre {width:100%; overflow:auto; background:#fbf8f1; border:solid 1px; border-color:#999 #FFF #FFF #999;}
legend {font-weight:bold;}
fieldset {padding:20px; margin-bottom:21px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#prawa {color:#666; font-size:10px;}
#tresc ol, #tresc ul, #tresc dl {margin:0px 0px 21px 21px;}
/*wygląd linków*/
a {color:#000;}
a:hover {color:#777;}
a:visited {color:#000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline;}
/*menu górne - moze być main menu*/
#nawigacja.menu {list-style:none;}
#nawigacja.menu li {float:left;}
#nawigacja.menu li a {color:#FFF; text-decoration:none; text-shadow:-1px -1px 1px #000; height:60px; padding:0px 20px; line-height:60px; display:block; font-weight:bold;}
#nawigacja.menu li a:hover {background:#111; background:-moz-linear-gradient(top, #111 0%, #333 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#111), color-stop(100%,#333));}
/*artykuł*/
#tresc .article-info {margin-left:0px;}
#tresc .article-info-term {display:none;}
#tresc .article-info dd {font-size:10px; color:#777;}
#tresc .item-separator {height:1px; width:100%; background:#FFF; display:block; border-top:solid 1px #999; margin:31px 0px 30px;}
a to jest PHP do górnego css
CODE
<?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/default.css" type="text/css" />
</head>
<body>
<div id="pasgorny">
<div id="gornykontener">
<?php if($this->countModules('nawigacja')) : ?>
<div id="nawigacja">
<jdoc:include type="modules" name="nawigacja" style="xhtml"/>
</div><?php endif; ?>
<?php if($this->countModules('szukaj')) : ?>
<div id="szukaj">
<jdoc:include type="modules" name="szukaj" style="xhtml"/>
</div>
<?php endif; ?>
</div>
</div>
<div id="kontenertresci">
<div id="glowna_rama">
<div id="tresc">
<?php if($this->countModules('slajdy')) : ?>
<jdoc:include type="modules" name="slajdy" style="xhtml"/>
<?php endif; ?>
<jdoc:include type="component" />
</div>
<div id="stopka">
<?php if($this->countModules('stopka')) : ?>
<jdoc:include type="modules" name="stopka" style="xhtml"/>
<?php endif; ?>
</div>
</div>
</div>
</body>
</html>
Próbowałem z
Kod
a{padding-right:10px;}
ale nic nie dało...
