praegune kellaaeg 23.05.2024 16:30:43
|
Hinnavaatlus
:: Foorum
:: Uudised
:: Ärifoorumid
:: HV F1 ennustusvõistlus
:: Pangalink
:: Telekavad
:: HV toote otsing
|
|
autor |
sõnum |
|
Toomas
Kreisi kasutaja
liitunud: 10.03.2003
|
10.07.2007 22:46:59
IE ja FF kuvavad erinevalt :( |
|
|
Hei
Ehk saab keegi oskajam abiks olla, enesel mõistus paraku täiesti otsas. Nimelt Internet Explorer'iga on kõik tip-top aga Mozilla Firefox'iga on Joomla kujundus paigast ära.
http://www.kivid.ee
Firefoxiga vaadates sõidab menüü ja lehekülje sisu ülalolevasse logosse sisse, kuigi peaks olema allpool nagu Exploreriga kuvades.
Panen teplate'i css ja index koodi ka, ehk oskab keegi mu tähelepanu juhtida puudusele.
Tänud ette!
Toomas
CSS:
/* ---------------------
basic layout
--------------------- */
* {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.waterbody {
background:#FFFFFF url(../images/bg_body.jpg) no-repeat left top;
margin:0;
color:#000000;
}
div,
td,
p {
font-size:12px;
line-height:18px;
color:#000000;
}
a,
a:link,
a:active,
a:visited {
text-decoration:underline;
color:#000000;
}
a:hover {
text-decoration:underline;
color:#000000;
}
ul {
margin: 5px;
padding: 5px;
list-style: none;
list-style-type: square;
}
li {
line-height: 18px;
padding-left: 5px;
padding-top: 0px;
list-style-position: inside;
}
/** clear the banner to make it sit in the bottom **/
.clear {
clear:both;
}
/* ---------------------
template layout
--------------------- */
/** wrapper to make the page center **/
#container {
width:780px;
margin-left: 204px;
margin-top: 0px;
padding:0;
text-align: left;
}
/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
position:relative;
width: 780px;
background:transparent;
float:left;
top:0;
left:0;
}
#outerleft {
position:relative;
float:left;
clear:left;
width:600px;
}
#outerright {
position:relative;
width:170px;
float:right;
clear:right;
}
#logo {
position:relative;
width:100%;
height:47px;
float:left;
background:transparent;
}
/** div container for top menu. position:top **/
#topmenu {
position:relative;
float:left;
clear:left;
background:transparent;
width: 100%;
}
/** div container for image header **/
#imgheader {
position:relative;
float:left;
clear:left;
width:100%;
height:99px;
background-color: #000000;
}
#container_inner {
position:relative;
float:left;
clear:left;
width:600px;
}
/** div container for left column **/
#leftcol {
position:relative;
float:left;
clear:left;
width:180px;
background:transparent;
}
#leftcolmenu {
position:relative;
background:transparent;
overflow:auto;
}
/** div wrapper for user2 & user3 **/
#content_top_wrapper {
position:relative;
float:right;
clear:right;
width:412px;
display:inline;
margin: 4px 8px 0 0;
}
/** div container for position:user2 **/
#content_top1 {
position:relative;
float:left;
clear:left;
width:195px;
padding: 5px 5px 5px 5px;
}
/** div container for position:user3 **/
#content_top2 {
position:relative;
float:right;
clear:right;
width:195px;
padding: 5px 5px 5px 5px;
}
/** div container for mainbody **/
#content_main {
position:relative;
float:left;
width:390px;
margin:15px 0 20px 20px;
background: transparent;
}
/** div container for right column **/
#rightcol_top,
#rightcol {
float:left;
clear:left;
width:168px;
margin:0 0 0 1px;
display:inline;
overflow:auto;
}
/** div container for right column position:header **/
#rightcol_top {
height:70px;
min-height:70px;
background:transparent;
}
/** div container for banner position:banner **/
#banner {
position:relative;
clear:left;
float:left;
width:515px;
height:65px;
min-height:65px;
color:#FFFFFF;
font-size:10px;
padding: 20px 0 0 215px;
}
#blackline {
position:relative;
clear:left;
float:left;
width:780px;;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #E5E5E5;
background: transparent;
}
/** copyright **/
#copyright {
position:relative;
width:780px;
display:block;
clear:both;
float:left;
}
#copyright div {
color:#666666;
font-size:10px;
font-weight:bold;
display:block!important;
width:780px;
float:left;
clear:left;
margin:-10px 0 0 0;
text-align:left;
}
/* ---------------------
mambo content layout
--------------------- */
/** pathway block **/
span.pathway {
display:block;
text-align:left;
color:#000000;
font-size:10px;
font-weight:bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E5E5E5;
height:20px;
margin-bottom:10px;
}
/** site name **/
#sitename {
float:left;
clear:left;
width:600px;
text-align:left;
line-height:42px;
font-size:30px;
font-weight:normal;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #E5E5E5;
color:#000000;
}
#sitename a:hover {
text-decoration:none;
color:#000000;
}
/** content title **/
.componentheading {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color:#000000;
font-size: 20px;
line-height:25px;
padding: 5px 0 5px 0;
display:block;
}
.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
font-weight: normal;
padding-top: 25px;
background-color:inherit;
display:block;
}
.contentpaneopen {
width:100%;
}
/** pdf, printer version, and email to friend button **/
.buttonheading {
width: 16px!important;
text-align:right;
}
.sectiontableheader {
font-weight: bold;
}
.category, .categorytitle {
font-weight: bold;
color:#000000;
background-color:inherit;
}
.sectiontableentry1 {
background-color: #EFEFEF;
padding: 2px;
color:#333333;
}
.sectiontableentry2 {
background-color: #FFFFFF;
padding: 2px;
color:#333333;
}
/** blog Styles **/
.blogsection {
color:#000000;
background-color:inherit;
}
.blog_more {
font-weight: bold;
line-height: 25px;
padding-top: 20px;
color: #000000;
border-bottom: 1px solid #E5E5E5;
background-color:inherit;
}
/** small text in content **/
.small {
color:#999999;
font-size:10px;
font-weight: bold;
background-color:inherit;
}
/** date info in content **/
#content_main .createdate {
color:#000000;
font-size:10px;
padding: 0 0 15px 0;
line-height:8px;
background-color:inherit;
}
#content_main .modifydate {
color:#999999;
font-size:10px;
padding: 0;
background-color:inherit;
}
/** toc page navigation **/
.pagenav_prev,
.pagenav_next {
font-size:11px;
}
/** content item navigation **/
.pagenavbar {
display:block;
width:100%;
background-color:inherit;
height:20px;
line-height:25px;
text-align:right;
letter-spacing:2px;
color:#999999!important;
clear:both;
font-size: 11px!important;
margin-top: 10px;
}
.pagenav {
height:20px;
line-height:25px;
text-align:right;
letter-spacing:2px;
color:#999999;
clear:both;
font-size: 11px;
margin-left: 0;
margin-right: 0;
background-color:inherit;
}
.back_button {
display:block;
text-align:left;
font-weight:bold;
font-size:12px;
width:100%;
margin-bottom:10px;
letter-spacing:2px;
}
/** highlight word search result **/
.highlight {
font-weight:bold;
background-color: #FFFF00;
padding: 2px 0 2px 0;
}
/** table of content layout **/
table.contenttoc {
border:1px solid #000000;
padding:1px;
width:130px;
margin: 0 0 10px 10px;
}
/** table of content header **/
.contenttoc th {
color:#FFFFFF;
background-color:#666666;
font-size:11px;
display:block;
width:124px;
}
/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
line-height: 18px;
font-size:11px;
font-weight:bold;
list-style-type: none;
list-style-position: outside;
}
/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription {
width:100%!important;
}
/* ---------------------
Links
--------------------- */
/** any left column link **/
#leftcol a:link,
#leftcol a:active,
#leftcol a:visited {
color:#464646;
}
a.pagenav:link ,
a.pagenav_next:link,
a.pagenav_pre:link,
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
text-decoration:none;
}
/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
color:#666666;
font-weight:bold;
text-align:left;
margin-top:10px;
letter-spacing: 2px;
font-size:10px;
text-decoration:none;
}
/*** blog links ***/
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
color:#000000;
text-decoration:none;
}
/** generic menu item link **/
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited,
a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
color:#000000;
text-decoration:none;
font-size:11px;
line-height: 28px;
border-bottom:#CCCCCC 1px solid;
}
/** generic menu item link on mouseover **/
a.mainlevel:hover,
#leftcol a.mainlevel:hover a.sublevel:hover {
background-color:#FFFFFF;
color:#000000!important;
text-decoration:none!important;
}
#leftcol a.sublevel:hover {
text-decoration:underline!important;
}
/** specific top right column menu item link **/
a.mainlevel-right:link,
a.mainlevel-right:active,
a.mainlevel-right:visited,
a.sublevel-right:link,
a.sublevel-right:active,
a.sublevel-right:visited {
color:#000000;
text-decoration:none;
font-size:11px;
}
/** specific top right column menu item link on mouseover **/
a.mainlevel-right:hover {
background-color:#CCCCCC;
text-decoration:none;
}
/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
color:#000000;
text-decoration:none;
}
/** table of content list **/
a.toclink:link,
a.toclink:active,
a.toclink:visited {
color:#000000;
font-size:11px;
padding:2px 10px 2px 10px;
display:block;
text-decoration:none;
}
.pagenavbar a:link,
.pagenavbar a:active,
.pagenavbar a:visited {
letter-spacing:2px;
color:#000000;
font-size: 11px;
text-decoration: none;
}
.pagenavbar a:hover {
color:#000000;
}
/** latestnews and popular **/
.latestnews,
.mostread {
color:#000000;
}
a.latestnews:link,
.mostread a:link,
.latestnews a:active,
.mostread a:active,
.latestnews a:hover,
.mostread a:hover,
.latestnews a:visited,
.mostread a:visited {
color:#000000;
text-decoration:underline;
}
/** underline on hover **/
a.toclink:hover,
a.latestnews:hover,
a.mostread:hover,
a.pathway:hover,
a.sublevel-right:hover,
a.blogsection:hover,
a.readon:hover,
a.pagenav:hover ,
a.pagenav_next:hover,
a.pagenav_pre:hover,
a.latestnews:hover {
text-decoration:underline;
color:#000000;
background-color:inherit;
}
#leftcol a:hover {
color: #464646;
text-decoration:none;
}
/* ---------------------
mambo module layout
--------------------- */
/** general module table **/
table.moduletable,
#leftcol table,
#rightcol table {
width:100%;
float:left;
clear:left;
}
/** general module table **/
#rightcol table,
#leftcol table td {
font-size:11px !important;
color:#464646;
}
#rightcol table,
#rightcol table td {
font-size:11px !important;
color:#464646;
}
/** general module title **/
table.moduletable th,
table.moduletable-bgimg th,
table.moduletable-right th {
border-left: 5px solid #464646;
color:#464646;
font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:20px;
background: transparent;
height:25px;
text-align:left;
padding-left:15px;
font-weight:bold;
}
/** specific module td table for content top 1 and 2.
position:user2 an user3 **/
#content_top1 table.moduletable td,
#content_top2 table.moduletable td {
padding: 2px 2px 2px 2px;
background:transparent;
height:100px;
min-height:100px;
vertical-align:top;
}
/** right column module td **/
#rightcol table.moduletable td {
padding:5px;
}
/** generic menu item **/
.mainlevel {
display:block;
height:25px;
line-height:25px;
padding-left:15px;
background:transparent;
font-weight:bold;
text-decoration:none;
}
/** specific left column form **/
#leftcol form {
margin-left:15px;
}
/** specific left column form **/
#leftcol .button {
font-size:11px;
color:#000000;
background-color:#464646;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #888888;
border-top: 1px solid #888888;
width:140px;
}
/** specific left column form **/
#leftcol .inputbox {
font-size:11px;
font-weight: bold;
}
/** module styles in #leftcol **/
#leftcol table.moduletable td {
color:#464646;
font-size:11px;
}
/** search div in top right column. position:user4 **/
div.search {
margin-left:10px;
}
/** search field in search div **/
.search .inputbox {
width:130px;
border: 1px solid #000000;
}
/* ---------------------
mambo form layout
--------------------- */
/** left column input form **/
#leftcol .inputbox {
font-size:11px;
/*border: 1px solid #000000;*/
margin-bottom:2px;
}
/** input button html tag **/
.button,
#rightcol .button {
font-size:11px;
text-transform:uppercase;
color:#464646;
font-weight:bold;
background-color:#499D90;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #FFFFFF;
}
.search {
margin-top:30px;
}
/*
mambo top menu layout
you need to add menu class suffix: -nav
*/
/** unordered list top menu **/
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
/** unordered list item for top menu **/
ul#mainlevel-nav li
{
display: block;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
width: auto !important;
font-size: 11px;
line-height: 23px;
white-space: nowrap;
}
/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #464646;
font-weight:bold;
}
/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
width: auto;
}
/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
text-decoration:underline;
}
/*
specific right column menu item. position:right
you need to add menu class suffix: right
*/
.mainlevel-right {
display:block;
height:25px;
line-height:25px;
padding-left:15px;
background:#EEF0F0;
font-weight:bold;
}
/**
moduletable specific with background image
you need to add modules class suffix: -bgimg
**/
table.moduletable-bgimg {
background:transparent;
float:left;
clear:left;
width:100%;
}
table.moduletable-bgimg td {
padding: 5px ;
font-size:11px;
}
table.moduletable-bgimg td td {
padding: 0!important;
}
/** for polls **/
.poll {
font-size:11px;
line-height: 16px;
}
table.pollstableborder .sectiontableentry2 {
background-color:transparent;
text-align:left;
}
table.pollstableborder .sectiontableentry1 {
background-color:#F5F5F5;
text-align:left;
}
.moduletable_bgimg table.pollstableborder td.sectiontableentry2,
.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
background-color:transparent!important;
text-align:left!important;
}
#bottompadding {
position:relative;
width:780px;
display:block;
height:0px;
margin-top:-100px;
} |
Index:
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//Wa3C//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>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/citron/css/template_css.css" rel="stylesheet" type="text/css"/>
</head>
<body class="waterbody">
<div id="container">
<div id="containerbg">
<div id="outerleft">
<!-- start logo -->
<div id="logo">
<a href="index.php"><img src="<?php echo $mosConfig_live_site; ?>/templates/citron/images/logo.gif" alt="logo image" border="0" align="top" /></a>
</div>
<!-- end logo -->
<!-- start top menu -->
<div id="topmenu">
<?php mosLoadModules('top',-1); ?>
</div>
<!-- end top menu. -->
<div id="sitename"><?php echo $mosConfig_sitename; ?></div>
<div id="container_inner">
<!-- start left column. -->
<div id="leftcol">
<?php mosLoadModules('left'); ?>
</div>
<div id="leftcolmenu">
<?php mosLoadModules('user1'); ?>
</div>
<!-- end left column. -->
<!-- start content top wrapper -->
<?php
if (mosCountModules('user2') >= 1 OR mosCountModules('user3') >= 1 ) {
?>
<div id="content_top_wrapper">
<!-- start content top 1. -->
<div id="content_top1">
<?php mosLoadModules('user2'); ?>
</div>
<!-- end content top 1 -->
<!-- start content top 2. -->
<div id="content_top2">
<?php mosLoadModules('user3'); ?>
</div>
<!-- end content top 2 -->
</div>
<?php
}
?>
<!-- end content top wrapper -->
<!-- start main body -->
<div id="content_main">
<?php mosPathWay(); ?>
<table width="390" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<?php mosMainBody(); ?>
</td>
</tr>
</table>
</div>
<!-- end main body -->
</div>
</div>
<div id="outerright">
<!-- start right top header. -->
<div id="rightcol_top">
<?php mosLoadModules('header'); ?>
</div>
<!-- end right top header.-->
<!-- start right column. -->
<div id="rightcol">
<?php mosLoadModules('newsflash'); ?>
<?php mosLoadModules('right'); ?>
<?php mosLoadModules('user4'); ?>
</div>
<!-- end right column. -->
</div>
<div class="clear">
</div>
<?php
if (mosCountModules('banner') >= 1) {
?>
<!-- start banner. -->
<div id="banner">
<?php mosLoadModules('banner'); ?>
</div>
<!-- end banner. -->
<?php
}
?>
<div id="blackline">
</div>
<div class="clear">
</div>
<div id="bottompadding"></div>
</div>
</div>
</div>
<?php mosLoadModules('debug', -1);?>
</body>
</html> |
|
|
Kommentaarid: 63 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
61 |
|
tagasi üles |
|
|
Renka
HV Guru
liitunud: 01.04.2002
|
11.07.2007 12:00:21
|
|
|
#leftcol - pane juurde:
margin-top: 15px;
_________________ There is no place like 127.0.0.1
|
|
Kommentaarid: 71 loe/lisa |
Kasutajad arvavad: |
|
:: |
2 :: |
1 :: |
61 |
|
tagasi üles |
|
|
Toomas
Kreisi kasutaja
liitunud: 10.03.2003
|
11.07.2007 19:49:37
|
|
|
Renka, tänud aga seda olen juba proovinud, esiteks see lükkab ainult menüü (leftcol) allapoole aga mitte kogu lehekülje sisu ja teiseks siinjuures lükkab allapoole ka Exporeriga vaadates st menüü justkui oleks siis Firefoxiga paigas aga Exploreriga vaadates jälle liiga all.
Vaja oleks saada allapoole nii menüü kui lehekülje sisu. Pean silmas seda osa, mis jääb allapoole katkendjoont (IE-ga on näha mida mõtlen).
Kui panna jõuga katkendjoon lehe ülalosast nt 70 pikslit allapoole, siis Firefoxiga kõik ilus-kena nagu hetkel Exploreriga. Aga siis Exploreri puhul liigub asi praegusest 70 pixlit allapoole.
No ei saa aru kuhu see koer maetud on
|
|
Kommentaarid: 63 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
61 |
|
tagasi üles |
|
|
mikk36
HV Guru
liitunud: 21.02.2004
|
11.07.2007 20:47:25
|
|
|
tekitada erand css'is IE jaoks ?
|
|
Kommentaarid: 85 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
2 :: |
78 |
|
tagasi üles |
|
|
c3ltic
HV kasutaja
liitunud: 21.04.2007
|
12.07.2007 16:04:34
|
|
|
Tundub et oled asja korda saanud...
|
|
Kommentaarid: 10 loe/lisa |
Kasutajad arvavad: |
|
:: |
2 :: |
0 :: |
8 |
|
tagasi üles |
|
|
Toomas
Kreisi kasutaja
liitunud: 10.03.2003
|
13.07.2007 21:42:37
|
|
|
hehh, peaaegu
nüüd on FF-iga ja IE6-ga korras aga uus IE7 va kurjajuur loeb asja ikka omamoodi. aga iseenesest mikk36 idee on hea ja eks ma üritan seda veel edasi arendada, et IE7-ga ka asja ikka lõpuks paika saaks
EDIT:
oehhh, nüüd peaks küll asi toimima - vähemalt IE6, IE7 ja FF kuvavad korrektselt. peab vist igaks juhuks ka teised enimlevinud brauserid alla laadima, et näha kas veel "üllatusi" esineb
aga tänud nõuannete ja suunamise eest
|
|
Kommentaarid: 63 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
61 |
|
tagasi üles |
|
|
lauri
HV veteran
liitunud: 05.11.2001
|
13.07.2007 22:12:30
|
|
|
Safari all tundub ka igati nomraalne olevat
_________________ Powered by MacBook Pro.
The sh*t has hit the fan. |
|
Kommentaarid: 89 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
79 |
|
tagasi üles |
|
|
Toomas
Kreisi kasutaja
liitunud: 10.03.2003
|
15.07.2007 18:21:50
|
|
|
tänud veel parem variant - kui on veel vähemesinevate ja eelpool nimetamata brauserite kasutajaid ja kui mahti on, siis andke märku kuidas teil kuvab? pääsen kõikvõimalike brauserite installeerimsiest
|
|
Kommentaarid: 63 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
61 |
|
tagasi üles |
|
|
nene
Kreisi kasutaja
liitunud: 20.03.2004
|
15.07.2007 19:20:29
|
|
|
IE, Firefox, Opera, Safari võiksid siiski endal olemas olla.
Lehekülg on sul liiga lai.
Print-nupu asemel kirjuta parem mõstlik print-meedia stiilileht.
|
|
Kommentaarid: 24 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
1 :: |
23 |
|
tagasi üles |
|
|
scorp
HV kasutaja
liitunud: 08.12.2002
|
26.01.2008 14:29:09
|
|
|
Tere.Uut teemat nagu pole mõtet teha sest mure sama ma arvan.Kas keegi aitaks pisut.Ma nimelt kasutan templiiti mis tehtud IE7 jaoks ja IE6 ei raatsi kuvada nii nagu vaja.Menüüd ja kujundus ilusti paigas aga lehe sisu viskab alla.Küsimus,et kas on võimalik seda koodi mudida nii, et IE6 ka aru saaks.FF2.. kuvab asja ka OK.
body {
overflow: auto;
font-size: 10px;
font-family: "Verdana", Arial, serif;
color: #52A0B6;
margin: 0;
padding: 0;
background: #000 url(../images/background.jpg) top center repeat-y;
}
td {
font-family: "Verdana", Arial, serif;
font-size: 11px;
color: #456878;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
li{
line-height: 20px;
padding-left: 12px;
padding-top: 0px;
}
a:link, a:visited {
font-family: "Verdana", Arial, serif;
color: #456878;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #456878;
}
.bg_left {
width: 50%;
height: 100%;
background: url(../images/lefttable.jpg) no-repeat top right;
}
.bg_right {
width: 50%;
height: 100%;
background: url(../images/righttable.jpg) no-repeat top left;
}
#header {
background: url(../images/header.jpg) no-repeat;
height: 202px;
width:836px;
}
#mainbody {
width: 836px;
min-width:836px;
height: 700px;
}
.maintable {
margin: 0 0 0 -1px;
}
#sitename {
width: 836px;
height: 202px;
}
#sitename p {
text-align: center;
font-family: "Verdana", Times, serif;
font-size: 24px;
font-weight: bold;
letter-spacing: 1px;
white-space: nowrap;
color: #52A0B6;
margin: 0;
padding: 110px 0 0 50px;
}
#menucenter {
height: 30px;
width: 836px;
text-align: center;
margin: 0 auto;
}
#menucenter .menu_m {
text-align: center;
height: 30px;
}
#topnavi{
position: relative;
display: block;
height: 30px;
margin: -50px 0 0 0;
}
#topnavi ul {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
}
#topnavi ul li {
display: block;
float: left;
margin: 0;
}
#topnavi ul li a{
display: block;
float: left;
color: #FFF;
text-decoration: none;
padding: 8px 8px 0 0;
height: 30px;
font-size: 12px;
font-family: "Verdana", Arial, serif;
opacity: .5;
filter: alpha(opacity=50);
}
#topnavi ul li a:hover,#topnavi ul li a.current{
display: block;
opacity: 1;
filter: alpha(opacity=100);
}
#leftmenu {
margin: 10px 20px 0 15px;
float: left;
width: 150px;
}
#main {
float: left;
margin: 0 15px 0 0;
width: 626px;
}
#footer {
clear: both;
background: url(../images/footer.jpg) no-repeat;
width: 836px;
height: 31px;
margin: 30% 0 0 0;
}
table.moduletable th {
color: #52A0B6;
text-align: left;
padding: 10px 0 10px 0;
height: 20px;
font-weight: bold;
font-size: 14px;
font-family: "Verdana", Arial, serif;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
font-size: 12px;
text-align: left;
padding: 4px 0px 2px 0px;
height: 15px;
text-decoration: none;
font-family: "Verdana", Arial, serif;
color: #455575;
margin: 2px;
background-image: url(../images/button.jpg);
background-repeat: no-repeat ;
}
a.mainlevel:hover {
color: #999;
}
table.contentpaneopen {
width: 100%;
margin: 0 5px 0 0;
}
table.contentpaneopen td.contentheading {
padding: 2px 2px 2px 6px;
color: #52A0B6;
text-align: left;
white-space: nowrap;
font-family: "Verdana", Arial, serif;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #52A0B6;
padding: 15px 0 0 0;
}
.button {
margin: 3px 0 3px 0;
padding: 0 5px 2px 5px;
border: 1px solid #456878;
background-color: #000;
color: #456878;
font-family: "Verdana", Arial, serif;
text-align: center;
font-size: 11px;
}
.inputbox {
font-size: 10px;
font-family: "Verdana", Arial, serif;
border: 1px solid #456878;
background-color: #000;
color: #52A0B6;
}
input[type="checkbox"] {
border-style: none;
}
.copyright {
color: #FFF;
font-family: "Verdana", Arial, serif;
font-size: 10px;
padding: 10px 0 0 0;
margin: 0 auto;
text-align:center;
}
.back_button {
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
width: auto;
padding: 0px 10px;
line-height: 20px;
margin: 10px 0 50px 0;
}
.componentheading {
height: 30px;
margin: 10px 0 0 0;
padding: 11px 0 0 40px;
text-align: left;
white-space: nowrap;
font-family: "Verdana", Arial, serif;
font-size: 12px;
font-weight: bold;
}
.wrapper {
width: 620px;
height: 550px;
}
table.moduletable {
border-spacing: 0px;
border-collapse: collapse;
}
table.moduletable td {
padding-left: 7px;
font-size: 11px;
}
/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
color: #fff;
font-size: 10px;
font-family: "Verdana", Arial, serif;
text-decoration: none;
}
a.sgfooter:hover {
color: #fff;
font-family: "Verdana", Arial, serif;
text-decoration: none;
}
.sgf {
font-size: 10px;
font-family: "Verdana", Arial, serif;
color: #fff;
text-decoration: none;
}
.sgf1 {
font-size: 10px;
font-family: "Verdana", Arial, serif;
color: #fff;
text-align: left;
}
a.sglink:link, a.sglink:visited {
color: #fff;
font-size: 10px;
font-family: "Verdana", Arial, serif;
text-decoration: none;
}
a.sglink:hover {
text-decoration: none;
}
a img {
border: 0;
}
.pathway {
border: 0;
color: #333333;
font-family: "Verdana", Arial, serif;
font-weight:bold;
padding:2px 4px 2px 10px;
}
a.pathway:link, a.pathway:visited {
color: #333333;
font-size: 11px;
line-height: 18px;
font-family: "Verdana", Arial, serif;
font-weight: bold;
padding: 2px 4px 2px 4px;
}
a.pathway:hover {
color: #fefefe;
font-family: "Verdana", Arial, serif;
font-weight:bold;
background-color:#2a519e;
}
.pagenav {
font-size:12px;
font-weight:normal;
}
#topnavigation a.topnavigation:link, a.topnavigation:visited {
font-family: "Verdana", Arial, serif;
font-size: 10px;
font-weight: bold;
letter-spacing : 1px;
color: #fefefe;
padding-right:5px;
text-decoration:none;
}
#topnavigation a.topnavigation:hover {
color: #b9f15d;
border-bottom: none;
text-decoration:none;
}
#topnavigation a.topnavigation:active {
color: #51c0f5;
text-decoration:none;
}
a.toclink:link, a.toclink:visited {
line-height:normal;
font-size:11px;
font-family: "Verdana", Arial, serif;
color: #000000;
text-decoration: underline;
}
a.toclink:hover {
text-decoration: none;
}
table.contenttoc {
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}
table.contenttoc th {
background: #99ca37;
color: #47484a;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}
.sectiontableheader {
background: #222;
height: 20px;
padding-right:3px;
font-weight :bold;
}
table.contentpane td.contentdescription {
font-size:12px;
line-height:18px;
}
table.contentpane td.componentheading {
background:#abd851;
height: 20px;
padding-left:3px;
color: #fefefe;
text-align: left;
padding-bottom:3px;
white-space: nowrap;
font-family: "Verdana", Arial, serif;
font-size: 14px;
font-weight: bold;
}
table.contentpane td {
padding-top:1px;
padding-bottom:2px;
font-size:12px;
}
table.contentpaneopen td
{
line-height:20px;
font-size:12px;
}
a.sublevel:link, a.sublevel:visited {
font-size: 10px;
color: #000000;
text-align: left;
text-decoration: underline;
vertical-align:middle;
}
a.sublevel:hover {
text-decoration: none;
color: #333;
}
.height {
height: 100%;
} |
|
|
Kommentaarid: 3 loe/lisa |
Kasutajad arvavad: |
|
:: |
1 :: |
0 :: |
1 |
|
tagasi üles |
|
|
nene
Kreisi kasutaja
liitunud: 20.03.2004
|
26.01.2008 14:40:04
|
|
|
Noh, minu HTML faili peal töötab see CSS igatahes laitmatult.
|
|
Kommentaarid: 24 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
1 :: |
23 |
|
tagasi üles |
|
|
scorp
HV kasutaja
liitunud: 08.12.2002
|
26.01.2008 16:44:22
|
|
|
Mul on tepliidi css kaustas fail nimega ie7.php.Kas äkki siis see ei või sellist anomaaliat teha...
Tänud vastamast aga sain asja korda.Millegipärast jäi ftp-sse ajamisel maha ie6 kuvafail.Nüüd kui saatsin selle ka üles siis asi korras
|
|
Kommentaarid: 3 loe/lisa |
Kasutajad arvavad: |
|
:: |
1 :: |
0 :: |
1 |
|
tagasi üles |
|
|
|
lisa lemmikuks |
|
|
sa ei või postitada uusi teemasid siia foorumisse sa ei või vastata selle foorumi teemadele sa ei või muuta oma postitusi selles foorumis sa ei või kustutada oma postitusi selles foorumis sa ei või vastata küsitlustele selles foorumis sa ei saa lisada manuseid selles foorumis sa võid manuseid alla laadida selles foorumis
|
|
Hinnavaatlus ei vastuta foorumis tehtud postituste eest.
|