CSS ISSUE (PICTURES) - Joomla! Forum - community, help and support
hi, i'll show you....
http://v03.browsershots.org/screenshots ... 8b77473ce/
there go... big concern ie. didn't think going run css issues. here index.php file..
here .css file
http://v03.browsershots.org/screenshots ... 8b77473ce/
there go... big concern ie. didn't think going run css issues. here index.php file..
code: select all
<?php defined( '_valid_mos' ) or die( 'direct access location not allowed.' ); ?>
<!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" lang="<?php echo _language; ?>">
<head>
<meta http-equiv="content-type" content="text/html; <?php echo _iso; ?>" />
<?php mosshowhead(); ?>
<script type="text/javascript"> </script><!--http://www.bluerobot.com/web/css/fouc.asp-->
<link href="<?php echo $mosconfig_live_site;?>/templates/weaid/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosconfig_live_site;?>/templates/weaid/css/register.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- begin wrapper -->
<div id="wrapper">
<!-- header -->
<div class="header">
<?php mosloadmodules ( 'user3' ); ?>
</div>
<div id="indexbgtop"> </div>
<div id="indexbgleft"> </div>
<!-- user1 -->
<div id="indexbgmidleft">
<div class="user1">
<?php mosloadmodules ( 'user1' ); ?>
</div>
</div>
<div id="indexbgdivider"> </div>
<div id="indexbgmidright">
<!-- wrapper 2 -->
<div id="wrapper2">
<!-- left -->
<div class="left">
<?php mosloadmodules ( 'left' ); ?>
</div>
<div class="advert1">
<?php mosloadmodules ( 'advert1' ); ?>
</div>
<!-- user2 -->
<div class="user2">
<?php mosloadmodules ( 'user2' ); ?>
</div>
<!-- main body -->
<div class="main">
<?php mosmainbody(); ?>
</div>
<!-- search -->
<div class="search">
<?php mosloadmodules ( 'inset' ); ?>
</div>
</div>
</div>
<!-- end wrapper 2 -->
<div id="indexbgright"> </div>
<div id="indexbgbottom"> </div>
<!-- footer -->
<div class="footer">
<?php include_once('includes/footer.php'); ?>
</div>
</div>
<!-- end wrapper -->
</body>
</html>
here .css file
code: select all
/* basic elements */
body {
font: 8pt/16pt verdana, arial, helvetica, sans-serif;
color: #ffffff;
background: url(../images/bg.gif) repeat-y top left;
margin: 0px;
}
p {
font: 8pt/16pt verdana, arial, helvetica, sans-serif;
margin-top: 0px;
text-align: justify;
}
h3 {
font: italic normal 12pt verdana, arial, helvetica, sans-serif;
letter-spacing: 1px;
margin-bottom: 0px;
color: #ffffff;
}
a:link {
font-weight: bold;
text-decoration: none;
color: #000000;
padding: 1px 2px 1px 2px;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #ffffff;
background-color: #0066cc;
/* border-bottom: 1px #000000 dotted; */
}
/* layout tag */
#wrapper {
margin: 0 auto;
width: 816px;
height: 1%;
}
/* index bg tags */
#indexbgtop {
float: left;
clear: right;
width: 816px;
height: 20px;
background:url(../images/indextop_bg.png) top left no-repeat;
}
#indexbgright {
float: left;
clear: right;
width: 20px;
height: 381px;
background:url(../images/indexright_bg.png) top left no-repeat;
}
#indexbgbottom {
float: left;
clear: right;
width: 816px;
height: 20px;
background:url(../images/indexbottom_bg.png) top left no-repeat;
}
#indexbgleft {
float: left;
clear: right;
width: 20px;
height: 381px;
background:url(../images/indexleft_bg.png) top left no-repeat;
}
#indexbgdivider {
float: left;
clear: right;
width: 7px;
height: 381px;
background:url(../images/indexdivider_bg.png) top left no-repeat;
}
#indexbgmidleft {
float: left;
clear: right;
width: 420px;
height: 381px;
background:url(../images/indexbgmidleft_bg.png) top left no-repeat;
}
#indexbgmidright {
float: left;
clear: right;
width: 349px;
height: 381px;
background:url(../images/indexbgmidright_bg.png) top left no-repeat;
}
/* div tags */
.header {
margin: 20px 0px 1px 5px;
}
/* random image module */
.user1 {
}
#wrapper2 {
margin: 0 auto;
width: 343px;
height: 375px;
overflow: hidden;
}
.left {
float: left;
clear: right;
}
table.moduletable_leftmenu {
width: 135px;
margin: 0px 0px 0px 20px;
}
/* logo */
.advert1 {
float: right;
clear: right;
width: 177px;
height: 124px;;
}
/* login form */
.user2 {
float: left;
clear: right;
margin: 0px 0px 0px 2px;
width: 152px;
height: 90px;
}
.main {
margin: 0 auto;
width: 343px;
height: 375px;
overflow: hidden;
}
.search {
float: left;
clear: right;
position: relative;
top: 70px;
left:50px;
}
.footer {
padding: 2px 0px 2px 0px;
text-align: center;
margin: 0 auto;
}
/* module tags */
/* inside tages */
#container1 {
float: left;
clear: right;
position: relative;
left: 25px;
}
#container2 {
float: left;
clear: right;
position: relative;
top: 18px;
left: 30px;
}
#container3 {
font-size:0.9em;
float: left;
clear: right;
position: relative;
left: 25px;
}
#loginbutton {
padding: 23px 0px 0px 0px;
}
/* actual button */
input.login {
}
#logout {
float: left;
clear :right;
position: relative;
top: 103px;
left: 59px;
}
Comments
Post a Comment