vovchikku
User-
Posts
65 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by vovchikku
-
как сделать чтобы текст не лез на модуль...
vovchikku replied to vovchikku's question in HTML Coding
спасибо, попробую!!! -
вот страница http://www.bk-ugra.ru/reklamodatelyam-i-partneram на ней текст лезет на правый модуль... все обошел. не понимаю как его ограничить... буду очень признателен, если тыкните в строку css которая это определяет [codecodebox ] body,td,th { font-size: 78%; line-height: 140%; color: #000000; font-family:Arial, Helvetica, sans-serif; text-align:left; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(../images/main_05.gif); background-repeat:repeat-x; } .header { margin:0px auto; width:980px; height:200px; } .logo { background-image:url(../images/main_02.gif); background-repeat:no-repeat; background-position:top; height:100px !important; height:100px; width:538px; } img{ margin:0px; padding-right:15px; border:none; } h1{ margin-top:0px; color:#111344;} a:link { color:#003c52; } a:visited { color:#003c52; } a:hover { color:#cccccc; } .main { margin:0px auto; width:980px; padding-top:10px; float:left; text-align:left; } .central { margin:0px auto; width:980px; } .footerex { margin:0px auto; width:100%; float:left; padding-top:10px; border-top:1px solid #003c52; border-bottom:1px solid #000; padding-bottom:15px; background-color:#e7e2cd; } .bottom { width:100%; background-color:#FDFFF7; background-image:url(../images/main_15.jpg); background-repeat:repeat-x; background-position:bottom; height:80px; float:left; } .bottomint { margin:0px auto; width:640px; padding:10px; } .bottomleft { width:290px; float:left; margin-right:10px; } .bottomright { width:290px; float:left; } .footer{ margin:0px auto; width:980px; float:none; height:100%; padding-top:8px; } .footerbottom { margin:5px; float:right; color:#FFFFFF; } .subheadertext { color:#003c52 } .footerbottomex { width:100%; float:left; color:#FFFFFF; background-color:#111344; } .footerint { width:310px; float:left; padding-right:5px; border-left:1px solid #cccccc; padding-bottom:14px; padding-left:10px; font-size:0.88em; } .footerex .footer .contentpaneopen { font-size: 1.2em; } .left { width:130px; padding-right:20px; float:left; padding-left:20px; } .center { width:580px; float:left; background-image:url(../images/main_09.gif); background-repeat:no-repeat; background-position:top left; padding-left:20px; } .right { width:180px; background-image:url(../images/main_11.gif); background-repeat:no-repeat; float:right; padding-top:25px; padding-left:30px; } article_seperator { height:1px; line-height:1px; display:block; border-bottom:1px solid #cccccc; } .mainmenu a:link { background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding-left:8px; text-decoration:none; color:#999999; } .mainmenu a:visited { background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding-left:8px; text-decoration:none; color:#999999; } .mainmenu a:hover { background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding-left:8px; text-decoration:none; text-align:center; color:#003c52; } .topsep { height:8px !important; height:0px; } .topmenu{ margin-top:4px; } .topmenu a:link { color:#111344; padding-bottom:16px; padding-top:16px; } .topmenu a:visited{ color:#111344; padding-bottom:16px; padding-top:16px; } .topmenu a:hover{ color:#fff; padding-bottom:16px; padding-top:16px; background-color:#111344; } .bottomint a:link { background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding-left:8px; text-decoration:none; color:#003c52; } .bottomint a:visited { background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding-left:8px; text-decoration:none; color:#003c52; } .bottomint a:hover { background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding-left:8px; color:#999999; } /* Below are default settings are used when no other style has been defined.*/ p { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; } /*formatting all <div> (division) items. This is a catch-all that only applies when no other style has been defined.*/ td { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; } /*formatting all <td> items. This default setting is used when no other style has been defined.*/ tr { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; } /*formatting all <tr> items. This default setting is used when no other style has been defined.*/ ul { padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; } /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/ li { list-style:none; } hr {} /* horizontal line in your template*/ hr.separator {} /* FORMS SETTINGS */ .button { color : #666666; border : 1px solid #999999; background-color : #ffffff; margin-top : 0px; font-family : arial, helvetica, sans-serif; font-size : 9px; } .inputbox { font-size: 9px; font-family: verdana, helvetica, sans-serif; text-align: left; color: #666666; background-image:url(../images/back_main.jpg); border: 1px solid #999999; } .text_area{ width:80px; } .search {} /*formatting the <div> which holds search items: inputbox, search button...*/ /* NAVIGATION/MENU SETTINGS */ a.mainlevel{ } /* this styling is for the MAIN items in the menu */ a.mainlevel:link { } a.mainlevel:visited { } a.mainlevel:hover { } #active_menu { color:#003c52; } /* this styling is for the menu item when it is active, even in main/sub position*/ .mainlevel-nav { list-style: none; padding: 0px; margin: 0px; font-size: 0.96em; float: left; text-align:center; text-decoration:none; color:#003c52; } .mainlevel-nav li{ padding: 0px; float: left; margin: 0px; width: auto !important; width: 69px; white-space: nowrap; text-decoration:none; } .mainlevel-nav { padding-left:16px; padding-right:16px; font-size:0.9em; text-decoration:none; text-align:center; display: block; color:#003c52; text-decoration:none; float:right; border-left:1px #fff solid; } .mainlevel-nav li a{ padding-left:16px; padding-right:16px; font-size:0.9em; text-decoration:none; text-align:center; display: block; color:#003c52; text-decoration:none; border-right:1px #fff solid; } .mainlevel-nav li a:hover, ul.mainlevel-nav li a#active_menu-nav{ padding-left:15px; padding-right:15px; font-size:0.9em; text-align:center; color:#111344; text-decoration:none; border-right:1px #fff solid; } a.sublevel{ color: #003c52; font-family:Arial, Helvetica, sans-serif; } /* this styling is for menu items that HAS A PARENT */ a.sublevel:link { font-size: 78%; } a.sublevel:visited { } a.sublevel:hover { } .pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/ .pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/ .pagenavbar:visited {} .pagenav {} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */ a.pagenav:visited { } a.pagenav:hover { } a.readon:link { font-size:1.0em; } /*Style for the "Read More" link that is displayed for large content items*/ a.readon:hover { font-size:1.0em; } a.readon:visited { font-size:1.0em; } .back_button {} /*Style for the "BACK" button*/ .pagenav_prev { font-size:1.0em; } /*Style for the PRE button*/ .pagenav_next {font-size:1.0em;} /*Style for the NEXT button*/ .latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/ .latestnews li {} latestnews {padding-left:0px;} .mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/ .mostread li{} /* CONTENT PAGE SETTINGS */ a.category:link { } a.category:hover { } a.category:visited { } .blogsection {} /* Formatting the links in Blog section */ .blog_more {} /*The "More" text in blog section*/ a.blogsection:link { } /* set the link format */ a.blogsection:visited { } /* same as above, but to set the visited link format */ a.blogsection:hover { } /* same as above, but for links with mouse pointer over it */ .componentheading { font-size:1.1em; color:#003c52; text-transform:uppercase; font-weight:bold; height:30px; line-height:30px; border-bottom:1px solid #cccccc; }/* Title of the component being used to display the content.*/ .contentheading { } table.contentpaneopen { padding-right:10px; } table.contentpaneopen td { padding:0px; } table.contentpane { margin: 0px; padding: 0px; } td.contentheading { font-size:1.1em; color:#003c52; text-transform:uppercase; font-weight:bold; height:30px; line-height:30px; border-bottom:1px solid #cccccc; background-image:url(../images/headlineindent.gif); background-repeat:no-repeat; text-indent:21px; width:100%; white-space:nowrap; } /* Title of the content, article, etc. being displayed.*/ .contentpane {background-color:#ffffff; background-image:none; text-align:left; } /* Table that holds all non-article information (components, category lists, contact forms, etc).*/ .contentpaneopen { background-image:none; text-align:left; } /* Table that holds the actual text for an article.*/ .contentpagetitle { } /*Title of articles*/ a.contentpagetitle:hover { } /*Title of articles when appeare as links */ a.contentpagetitle:link { } a.contentpagetitle:visited { } .contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */ table.contenttoc { padding:4px; margin:4px; background-color:#CCCCCC; } /* Formating the table of the Tables of Contents for multiple pages content or article */ table.contenttoc td {} /* same as above, used to format the td and able cells */ table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/ table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/ a.toclink:link {} /* same as above, used to format toc link text status*/ a.toclink:visited {} a.toclink:hover {} /* JOOMLA - MAMBO SECTIONS LISTINGS */ .sectiontableheader {} /* This is for styling the section table headers on a SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */ .sectiontableentry1 { padding:4px; } .sectiontableentry2 { padding:4px; } /* JOOMLA - MAMBO MODULES FORMATTING */ table.moduletable { } /* Formatting the module table */ table.moduletable th { font-size:1em; color:#003c52; text-transform:uppercase; font-weight:bold; height:30px; } /* Formatting the module header, and the module titles */ table.moduletable td {} /* Formatting the table cells of the module table */ .pathway { text-decoration:none; color:#666666; } .pathway a:link { text-decoration:none; } .pathway a:visited { text-decoration:none; } .pathway a:hover { text-decoration:none; } .buttonheading a:link { text-decoration:none; } .buttonheading a:visited { text-decoration:none; } .buttonheading a:hover { text-decoration:none; } /* MISCELLANEOUS */ /* Dates , Authors*/ .createdate { color:#bab9b9; font-size:0.9em; } /* For styling the date the content/articles are created under contents title */ .modifydate { color:#bab9b9; font-size:0.9em; } /* Formating "Last updated on" text at the end of articles/contents */ .small { color:#bab9b9; font-size:0.9em } /* Formating "Written by:...." text */ .smalldark { color:#333333; font-size:1.0em }/*Found in poll result page, for " Number of Voters".. text */ /* Polls */ .poll {} /* format the td of poll table */ .pollstableborder {} /* set the border properties of the polls voting table */ /* Weblinks */ .weblinks{} /* well.. to format the link's titles under the "Weblinks" section on the frontend */ a.weblinks:hover { text-decoration:none; } /* same as above, but for link with mouseover */ /* Newsfeeds */ .newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */ .newsfeeddate {} /* yeah.. the date on the newsfeed */ .fase4rdf {} /* this is the body text of the newsfeed */ /* Search page */ table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box that appears after you have entered a search value. It appears on the mainbody with the search results */ /* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */ /* The CSS below efines how the frontend admin interface when logged in */ .ontab {width:580px !important; background-color:#FFFFFF; text-align:left; }/* For styling of the "Tab" buttons when editing contents through the frontend as admin. This .ontab is the styling for the tab when it is active or after its "clicked" */ .offtab {width:580px !important; background-color:#FFFFFF; text-align:left; } /* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend. This the styling for the tab when it is NOT active or when it is NOT "clicked" */ .tabpadding {width:680px !important; background-color:#FFFFFF; text-align:left; } /* this style is used set the size of the tab in the above */ .tabheading {width:580px !important; background-color:#FFFFFF; text-align:left; } /* Not too sure what this is used for. Couldn't find anything related to it yet at the moment */ .pagetext {width:580px !important; background-color:#FFFFFF; text-align:left; } /* this style is used to style the content of the editing form contents (where HTMLArea sits and all its forms + contents) in the frontend Administration interface */ #introtext {width:580px !important; background-color:#FFFFFF; background-image:none !important; text-align:left;} #fulltext {width:580px !important; background-color:#FFFFFF; text-align:left; background-image:none !important; } .introtext {width:580px !important; background-color:#FFFFFF; background-image:none !important; text-align:left;} .fulltext {width:580px !important; background-color:#FFFFFF; text-align:left; background-image:none !important; } table#toolbar a.toolbar { color : #808080; text-decoration : none; display: block; border: 1px solid #DDD; width: 40px; padding: 2px !important; } table#toolbar a.toolbar:hover { color : #C64934; border: 1px solid #c24733; background-color: #f1e8e6; padding: 2px !important;} .tab-page{ width:580px !important; background-color:#FFFFFF; text-align:left; background-image:none !important; } .mceContentBody{background-color:#ffffff; background-image:none; text-align:left; } [/codebox ] сорри за длинный текст. почему-то codebox не срабатывает
-
пока ковырялся все таблицы поломал... может ткнете пальцем подскажете куда передвинуть? <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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> <?php mosShowHead(); ?> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type= \"text/css\"/>" ; ?> <?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/biz_blue/favicon.ico\" />" ; ?> <meta name="verify-v1" content="aDtzZU9IIrWcGAsYRKBvN4eLbaK4U4xdG4zbve5S9Rw=" > <style type="text/css"> <!-- .style12 {color: #FFFFFF; font-size: 10px; } .style27 {color: #666666} .style30 {font-size: 10px} .style31 {font-size: 14px} .style32 {color: #FFFFFF} .style33 {font-size: 12px} --> </style> </head> <body id="body_bg"> <table style="width:974" class="brd" align="bottom" cellpadding="0" cellspacing="0"> <tr> <td class="topline" align="left" valign="bottom"> <!-- <form action="index.php" method="post" name="form" > <input type="hidden" name="option" value="search" /> </form> --> <?php if (mosCountModules('user3')) { ?> <div> <?php mosLoadModules ( 'user3',-1 ); ?> </div> <?php } ?> </td> </tr> </table> <table width="974" class="brd" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" class="logoheader"> <div align="right" class="style27 style31"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="right"> <table width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><h1 align="right">Юридические услуги, Юристы Ханты-Мансийск, Сургут, Нижневартовск, Нефтеюганск, Нягань: представительство в Арбитражном суде ХМАО - Югры</h1> <div align="right"> </div></td> <td width="10" rowspan="3"> </td> </tr> <tr> <td><div align="right"></div></td> </tr> <tr> <td valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/urist_surgut_hanty_line_pho.jpg"><div align="right"> <h2>Телефон/факс в Ханты-Мансийске: +7(3467) 363609, 361932<br /> <span class="style33">г.Москва +7(926) 2175067<br /> г.Тюмень +7(3452) 608488 </span><br /> </h2> </div></td> </tr> </table> </div></td> </tr> </table> </div></td> </tr> </table> <table width="974" class="brd" align="center" cellpadding="0" cellspacing="0" > <tr> <td class="banner" height="247" colspan="2" ><div id="wrap"></div></td> </tr> <tr> <td class="top1" ><?php mosPathWay(); ?></td> </tr> </table> <table width="974" class="brd" align="center" cellpadding="0" cellspacing="0" > <tr> <?php if (mosCountModules('left')) { ?> <td valign="top" class="lcol"> <?php mosLoadModules ( 'left' ); ?> <div class="leftrow"> <p align="center"> </p> </div> </td> <td class="bgline" ><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td> <?php } ?> <td valign="top" width="100%" > <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 5px solid #ffffff;"> <?php if (mosCountModules('top')) { ?> <tr valign="top" > <td colspan="3"> <div> <?php mosLoadModules ( 'top' ); ?> </div> </td> </tr> <tr><td colspan="3"></td></tr> <?php } ?> <?php if (mosCountModules('user1','user2')) { ?> <tr> <?php if (mosCountModules('user1')) { ?> <td valign="top" ><div> <?php mosLoadModules ( 'user1' ); ?> </div> </td> <td width="4" class="mod" valign="top" bgcolor="#FFFFFF" ><div class="mod"> <?php } ?> <?php if (mosCountModules('user2')) { ?> </div></td> <td valign="top"><div> <?php mosLoadModules ( 'user2' ); ?> </div></td> <?php } ?> </tr> <tr><td colspan="3"></td></tr> <?php } ?> <tr align="left" valign="top"> <td colspan="3" style="border-top: 3px solid #ffffff; padding: 3px;"><div class="main"> <?php mosMainBody(); ?> <?php mosLoadModules ( 'user4' ); ?> </div> </td> </tr> <tr> <!-- <td colspan="3" valign="top" style="border-top: 3px solid #FFFFFF;"> <?php if (mosCountModules('bottom')) { ?> <?php } ?> </td> --> </tr> </table> </td> <td class="bgline"><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" align="right" alt="" width="7" border="0"/></td> <?php if (mosCountModules('right')) { ?> <td valign="top" class="rcol"> <div class="rightrow"> <?php mosLoadModules ( 'right' ); ?> </div> </td><?php } ?> </tr> </table> <table width="974" class="brd" align="center" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" align="center" class="footer1" > <div align="right"><span class="style12"></span> <p align="center" class="style27 style30"> </p> </div></td> </tr> <tr> <td align="center" class="footer" ><div id="wrap"> <table width="500" border="0" cellspacing="0" cellpadding="5"> <tr> <td><div align="right"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ? >/images/footer_logo.jpg" border="0" /></div></td> <td><span class="style32">Юридическая фирма «Правовые консультанты», ООО <br> Телефон/факс в <strong>Ханты-Мансийске</strong>: +7(3467) 363609, 361932<br> <strong>г. Москва</strong> +7(926) 2175067 <br> <strong>г.Тюмень</strong> +7(3452) 608488 <br> email: <a href="mailto:arbitr-hmao@yandex.ru">arbitr-hmao@yandex.ru</a></span></td> </tr> </table> <p align="center"><span class="style12"> Юристы Сургут, Ханты-Мансийск, Нижневартовск, Нефтеюганск, Нягань: представительство в Арбитражном суде ХМАО - Югры. Юридическая фирма, Юридические услуги.</span></p> </div></td> </tr> </table> <!-- Yandex.Metrika --> <script src="//mc.yandex.ru/resource/watch.js" type="text/javascript"></script> <script type="text/javascript"> try { var yaCounter215018 = new Ya.Metrika(215018); } catch(e){} </script> <noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/215018" alt="" /></div></noscript> <!-- Yandex.Metrika --> </body> </html>
-
на сайте http://www.arbitr-hmao.ru/ в самом верху есть фоновая картинка(серо-синяя верхняя полоска) она дится по всей ширине сайта, а надо бы - чтобы только не ilkbye основной таблицы... но я никак не могу ограничить ее длину. пробовал так: в index.php это место обозначено <td class="topline" #ffffff repat-x top left align="left" valign="bottom" > в template_css.css этому классу присвоено значение } td.topline { margin: 0; padding: 0; background : url(../images/bg_top.jpg) #ffffff repeat-x top left; max-width: 974px; height:42px; } но ни max-width: 974px; ни что иное не помогают ограничить длину фона... как мне это сделать? заранее спасибо
-
помогите убрать подчеркивание ссылок с маркированных списков
vovchikku posted a question in HTML Coding
помогите убрать подчеркивание с маркированных списков Вот CSS вот страница, ее правая колонка... http://www.arbitr-hmao.ru/uridicheskoe-obs...l-due-diligence мне надо чтобы все ссылки в этой колонке не подчеркивались, но я не знаю как .... как я понимаю основной тег body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; } td.banner { background: url(../images/banner.jpg) } td.topline { margin: 0; padding: 0; background : url(../images/bg_top.jpg) #ffffff repeat-x top left; width : 974px; height:42px; } #wrap{ widht:974px; margin:0 auto; } h1{ margin-top:7px; color:#00274e; font-size:14px !important; } h2{ margin-top:7px; color:#00274e; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; width : 974px; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; color : #00274e; } hr { color : #999999; height : 1px; width : 100%; } form { margin : 0; padding : 0; } .leftrow { width : 185px; height : 100%; margin-right : 0; margin-left : 0; background : #00274e; valign:center; } .rightrow { height : 100%; width : 169px; margin-left : 0; background : #ffffff; margin-right : 0; align:center; } .lcol { vertical-align : top; background : #00274e; padding-top: 5px; padding-left: 3px; align: center; } .rcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-right : 1px #cccccc ; padding-right: 0px; } .back_button { color : #999999; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 12px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 2px !important; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } .contact_email { width : 100%; } .contact_email .inputbox { width : 345px; } table.moduletable { margin : 0 0 8px 0; width : 100%; background : #ffffff; padding-bottom : 2px; } table.moduletable th { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight : bold; text-align : left; width : 100%; background-color : #5B7696; align: center; padding : 2px; text-indent : 10px; line-height : 15px; } table.moduletable td { padding-top: 2px; align: center; } .sectiontableheader { font-size : 14px; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #00274e; background : #CCCCCC; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : none; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #e0e0e8; line-height : 25px; } .sectiontableentry1 img{ padding-right: 4px !important; padding-right: 2px; } .sectiontableentry2 img{ padding-right: 4px !important; padding-right: 2px; } span.mainlevel{ display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; padding : 2px 0; color : #00274e; text-indent : 10px; } a.mainlevel { display : block; width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; color:00274e; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; color : #00274e; text-indent : 10px; } a.mainlevel:hover { border : 1px solid #cccccc; background-color : #E0E0E8; font-size : 12px; font-weight : normal; color : #FFFFFF; text-decoration : none; text-indent : 10px; } a.sublevel:link, a.mainlevel:visited { width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; color : #00274e; } #mainlevel-nav { float : right; display : block; font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; valign:center; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; valign:center; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #00274e; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #00274e; } .sublevel { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #00274e; padding : 3px 1px 3px 5px; margin : 3px; } a.sublevel:link, a.sublevel:visited { color : #00274e; text-decoration : none; font-size : 12px; } a.sublevel:hover { color : #00274e; text-decoration : none; font-size : 12px; } a.sublevel#active_menu { background : transparent; color : #00274e; border : 0px; font-size : 12px; } a img{ border: none; padding:0; margin:0; display: block; } #active_menu { color : #00274e; border : 1px solid #cccccc; background-color : #E0E0E8; font-weight : bold; } a#active_menu:hover { color : #FFFFFF; } a:link, a:visited { color : #000066; text-decoration:underline; width : auto; margin : 1px 0px; padding : 0; background : none; text-indent : 10px; } a:hover { color : #FF0000; text-decoration : none; } a.category:link, a.category:visited { font-size : 12px; } a.readon:link, a.readon:visited { color : #00274e; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #00274e; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; background-image : url(../images/strelka.gif) ; background-repeat: no-repeat; background-position: 0px 5px; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #0066CC; } .pagenavbar { border-top : 1px solid #00274e; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #000066; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #00274e; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #00274e; padding-right : 10%; } .small { font-size : 10px; color : #00274e; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : left; font-size : 10px; color : #00274e; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #00274e; } .pathway { font-size : 11px; color : #00274e; padding-left : 6%; } a.pathway:link, a.pathway:visited { font-size : 11px; padding-left : 0; } a.pathway:hover { font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; text-align: justify; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { border-bottom : 1px solid #000066; font-size : 14px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #00274e; width : 100%; padding : 1px; margin: 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #00274e; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .footer { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; background : #00274e; color : #ffffff; font-weight : none; height : 31px; border-top : 1px solid #ffffff; } .footer1 { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; background-image : url(../images/shadow.jpg) ; color : #ffffff; font-weight : bold; height : 31px; border-top : 1px solid #00274e; } .footer a:link, .footer a:visited { font-size : 14px; color : #ffffff; text-decoration : none; font-weight : bold; } .footer a:hover { font-size : 14px; color : #ffffff; text-decoration : none; font-weight : bold; } .foot { background : none; vertical-align : top; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px; padding-top: 3px; background : url(../images/shadow.jpg) repeat-x; width:974px; } table.top2{ background : #ffffff; border-right: 1px #cccccc; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 12px; color : #707070; padding : 2px !important; padding : 1px; border : 1px solid #cccccc; background : none; } td.logoheader { margin: 0; padding: 0; background : url(../images/logo.gif) no-repeat center left; height : 76px; width : 263px; } td.topnav { margin : 0px; padding: 0px; background : url(../images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0px; padding: 0px; background : url(../images/s.gif) repeat-y; width : 7px; border-right: 1px black; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 0px solid #dedede; margin : 5px; padding-top: 3px; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; } .othermenucolor{ color : #000066; } -
есть текст на баннере http://www.arbitr-hmao.ru надо чтобы текст красиво менялся (заменялся другим текстом, например, с вылетом) но делать из и без того тяжелого баннера flash анимацию очень неразумно.. может есть какие-нибудь НЕСЛОЖНЫЕ аплеты, скрипты или чего нибудь еще, чтобы можно было анимировать таким образом текст. заранее благодарен за совет
-
чем в этом коде может устанавливаться отступ (или белый бордюр)?
vovchikku replied to vovchikku's question in HTML Coding
действительно img { display: block } помог Спасибо огроменное ! ++ -
чем в этом коде может устанавливаться отступ (или белый бордюр)?
vovchikku posted a question in HTML Coding
чем в этом коде может устанавливаться отступ "вниз" от картинки, которую сделали ссылкой. Размер отступа (или картинки) примерно 2-3 px я думал такие вещи устанавливаются a img{ border: none; padding:0; margin:0; } но у меня как видите все по нуля /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; } td.topline { margin: 0; padding: 0; background : url(../images/bg_top.jpg) #ffffff repeat-x top left; width : 974px; height:42px; } #wrap{ widht:974px; margin:0 auto; } h1{ margin-top:7px; color:#00274e; font-size:14px !important; } h2{ margin-top:7px; color:#00274e; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; width : 974px; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; color : #00274e; } hr { color : #999999; height : 1px; width : 100%; } form { margin : 0; padding : 0; } .leftrow { width : 185px; height : 100%; margin-right : 0; margin-left : 0; background : #00274e; valign:center; } .rightrow { height : 100%; width : 169px; margin-left : 0; background : #ffffff; margin-right : 0; align:center; } .lcol { vertical-align : top; background : #00274e; padding-top: 5px; padding-left: 3px; align: center; } .rcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-right : 1px #cccccc ; padding-right: 0px; } .back_button { color : #999999; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 12px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 2px !important; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } .contact_email { width : 100%; } .contact_email .inputbox { width : 345px; } table.moduletable { margin : 0 0 8px 0; width : 100%; background : #ffffff; padding-bottom : 2px; } table.moduletable th { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight : bold; text-align : left; width : 100%; background-color : #5B7696; align: center; padding : 2px; text-indent : 10px; line-height : 15px; } table.moduletable td { padding-top: 2px; align: center; } .sectiontableheader { font-size : 14px; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #00274e; background : #CCCCCC; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : none; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #e0e0e8; line-height : 25px; } .sectiontableentry1 img{ padding-right: 4px !important; padding-right: 2px; } .sectiontableentry2 img{ padding-right: 4px !important; padding-right: 2px; } span.mainlevel{ display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; padding : 2px 0; color : #00274e; text-indent : 10px; } a.mainlevel { display : block; width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; color:00274e; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; color : #00274e; text-indent : 10px; } a.mainlevel:hover { border : 1px solid #cccccc; background-color : #E0E0E8; font-size : 12px; font-weight : normal; color : #FFFFFF; text-decoration : none; text-indent : 10px; } a.sublevel:link, a.mainlevel:visited { width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; color : #00274e; } a.mainlevel-nav { float : right; display : block; font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } a.mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } a.mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #00274e; text-decoration : none; } a.mainlevel-nav li a:hover { font-size : 11px; color : #00274e; } .sublevel { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #00274e; padding : 3px 1px 3px 5px; margin : 3px; } a.sublevel:link, a.sublevel:visited { color : #00274e; text-decoration : none; font-size : 12px; } a.sublevel:hover { color : #00274e; text-decoration : none; font-size : 12px; } a.sublevel#active_menu { background : transparent; color : #00274e; border : 0px; font-size : 12px; } a img{ border: none; padding:0; margin:0; } #active_menu { color : #00274e; border : 1px solid #cccccc; background-color : #E0E0E8; font-weight : bold; } a#active_menu:hover { color : #FFFFFF; } a:link, a:visited { color : #00274e; text-decoration : none; width : auto; margin : 1px 0px; padding : 0; background : none; text-indent : 10px; } a:hover { color : #00274e; text-decoration : none; } a.category:link, a.category:visited { font-size : 12px; } a.readon:link, a.readon:visited { color : #00274e; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #00274e; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; background-image : url(../images/strelka.gif) ; background-repeat: no-repeat; background-position: 0px 5px; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #0066CC; } .pagenavbar { border-top : 1px solid #00274e; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #00274e; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #00274e; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #00274e; padding-right : 10%; } .small { font-size : 10px; color : #00274e; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : left; font-size : 10px; color : #00274e; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #00274e; } .pathway { font-size : 11px; color : #00274e; padding-left : 6%; } a.pathway:link, a.pathway:visited { font-size : 11px; padding-left : 0; } a.pathway:hover { font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; text-align: justify; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { border-bottom : 1px solid #000066; font-size : 14px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #00274e; width : 100%; padding : 1px; margin: 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #00274e; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .footer { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; background : #00274e; color : #ffffff; font-weight : none; height : 31px; border-top : 1px solid #ffffff; } .footer1 { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; background-image : url(../images/shadow.jpg) ; color : #ffffff; font-weight : bold; height : 31px; border-top : 1px solid #00274e; } .footer a:link, .footer a:visited { font-size : 14px; color : #ffffff; text-decoration : none; font-weight : bold; } .footer a:hover { font-size : 14px; color : #ffffff; text-decoration : none; font-weight : bold; } .foot { background : none; vertical-align : top; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px; padding-top: 3px; background : url(../images/shadow.jpg) repeat-x; width:974px; } table.top2{ background : #ffffff; border-right: 1px #cccccc; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 12px; color : #707070; padding : 2px !important; padding : 1px; border : 1px solid #cccccc; background : none; } td.logoheader { margin: 0; padding: 0; background : url(../images/logo.gif) no-repeat center left; height : 76px; width : 263px; } td.topnav { margin : 0px; padding: 0px; background : url(../images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0px; padding: 0px; background : url(../images/s.gif) repeat-y; width : 7px; border-right: 1px black; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 0px solid #dedede; margin : 5px; padding-top: 3px; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; } .othermenucolor{ color : #000066; } заранее спасибо за совет -
у меня jоoomle есть 2 меню: главное и дополнительное...вот они http://wsugraru.128.com1.ru/arbitr-hmao/ я не могу вычленить какие пункты css меняют цвета шрифтов (и ссылок) в отдельных меню и на всем сайте ... заменил все цвета - получилось что где-то он сливается с фоном. может попытаться присвоить суффикс для отдельного other menu? но как это делается..? я ни синтаксиса css для такого меню ни формата ссылки на суффикс не понимаю... помогите разобраться, пожалуйста /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; } td.topline { margin: 0; padding: 0; background : url(../images/bg_top.jpg) #ffffff repeat-x top left; width : 974px; height:42px; } #wrap{ widht:974px; margin:0 auto; } h1{ margin-top:7px; color:#00274e; font-size:14px !important; } h2{ margin-top:7px; color:#133766; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; width : 974px; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; color : #00274e; } hr { color : #999999; height : 1px; width : 100%; } form { margin : 0; padding : 0; } .leftrow { width : 185; height : 100%; margin-right : 0; background : #00274e; } .rightrow { height : 100%; width : 169px; margin-left : 0; background : #ffffff; } .back_button { color : #999999; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 12px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 2px !important; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } .contact_email { width : 100%; } .contact_email .inputbox { width : 345px; } table.moduletable { margin : 0 0 8px 0; width : 100%; background : #ffffff; padding-bottom : 2px; } table.moduletable th { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight : bold; text-align : left; width : 100%; background-color : #5B7696; color : #00274e; padding : 2px; text-indent : 10px; line-height : 15px; } table.moduletable td { padding-top: 2px; } .sectiontableheader { font-size : 14px; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #00274e; background : #CCCCCC; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : none; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #e0e0e8; line-height : 25px; } .sectiontableentry1 img{ padding-right: 4px !important; padding-right: 2px; } .sectiontableentry2 img{ padding-right: 4px !important; padding-right: 2px; } span.mainlevel{ display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; padding : 2px 0; color : #00274e; text-indent : 10px; } a.mainlevel { display : block; width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; } a.sublevel:link, a.mainlevel:visited { width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; color : #e5e9ed; text-indent : 10px; } a.mainlevel:hover { border : 1px solid #cccccc; background-color : #E0E0E8; font-size : 12px; font-weight : normal; color : #FFFFFF; text-decoration : none; text-indent : 10px; } a img{ border: none; } #active_menu { color : #e5e9ed; border : 1px solid #cccccc; background-color : #E0E0E8; font-weight : bold; } a#active_menu:hover { color : #FFFFFF; } a:link, a:visited { color : #e5e9ed; text-decoration : none; width : auto; margin : 1px 0px; padding : 0; background : none; text-indent : 10px; } a:hover { color : #00274e; text-decoration : none; } a.category:link, a.category:visited { font-size : 12px; } a.readon:link, a.readon:visited { color : #00274e; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #00274e; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; background-image : url(../images/strelka.gif) ; background-repeat: no-repeat; background-position: 0px 5px; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #0066CC; } .pagenavbar { border-top : 1px solid #00274e; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #00274e; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #00274e; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #00274e; padding-right : 10%; } .small { font-size : 10px; color : #00274e; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : left; font-size : 10px; color : #00274e; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #00274e; } .pathway { font-size : 11px; color : #00274e; padding-left : 6%; } a.pathway:link, a.pathway:visited { font-size : 11px; padding-left : 0; } a.pathway:hover { font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; text-align: justify; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { border-bottom : 1px solid #000066; font-size : 14px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #00274e; width : 100%; padding : 1px; margin: 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #00274e; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .footer { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; background : #00274e; color : #ffffff; font-weight : none; height : 31px; border-top : 1px solid #ffffff; } .footer1 { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; background-image : url(../images/shadow.jpg) ; color : #ffffff; font-weight : bold; height : 31px; border-top : 1px solid #00274e; } .footer a:link, .footer a:visited { font-size : 14px; color : #ffffff; text-decoration : none; font-weight : bold; } .footer a:hover { font-size : 14px; color : #ffffff; text-decoration : none; font-weight : bold; } .lcol { vertical-align : top; background : #00274e; padding-top: 5px; padding-left: 3px; } .rcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-right : 1px #cccccc ; padding-right: 0px; } .foot { background : none; vertical-align : top; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px; padding-top: 3px; background : url(../images/shadow.jpg) repeat-x; width:974px; } table.top2{ background : #ffffff; border-right: 1px #cccccc; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 12px; color : #707070; padding : 2px !important; padding : 1px; border : 1px solid #cccccc; background : none; } .sublevel { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #00274e; padding : 3px 1px 3px 5px; margin : 3px; } a.sublevel:link, a.sublevel:visited { color : #00274e; text-decoration : none; font-size : 12px; } a.sublevel:hover { color : #00274e; text-decoration : none; font-size : 12px; } a.sublevel#active_menu { background : transparent; color : #00274e; border : 0px; font-size : 12px; } td.logoheader { margin: 0; padding: 0; background : url(../images/logo.gif) no-repeat center left; height : 76px; width : 263px; } td.topnav { margin : 0px; padding: 0px; background : url(../images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0px; padding: 0px; background : url(../images/s.gif) repeat-y; width : 7px; border-right: 1px black; } #mainlevel-nav { float : right; display : block; font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #00274e; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #00274e; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 0px solid #dedede; margin : 5px; padding-top: 3px; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; } .othermenucolor { color : #00274e; }
-
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
vovchikku replied to vovchikku's question in HTML Coding
да, спасибо огромное!!! помогло! -
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
vovchikku replied to vovchikku's question in HTML Coding
спасибо.... полностью копировать не стал. а разобрался.... может сможешь еще помочь? видишь бордюр на правой колонке сейчас он выводится как img scr ... меня не устраивает, что этот бордюр на пару пикселей отходит от правого края... но я никак не могу понять что его смещает. я пробовал прописать правый бордюр в css } table.top2{ background : #ffffff; border-right: 1px #cccccc; } но это тоже не дает эффекта... как бы мне вообще сделать общий правый бордюр для всех элементов сайта и не вставлять его при этом в таблицу.... может можно как-то привязать чисто координатами картинку с серой точкой и размножить ее по вертикали. Но как? -
почему ширина по факту - 100%, хотя должна быть width : 974px;
vovchikku posted a question in HTML Coding
вот кусок css } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top center; width : 974px; а вот ссылка на сам сайт...www.arbitr-hmao.ru не понимаю почему верхняя панель растягивается на 100%... -
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
vovchikku replied to vovchikku's question in HTML Coding
ничего не изменилось... -
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
vovchikku replied to vovchikku's question in HTML Coding
я прописал body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; align : center; max-width: 974px; } но верхняя панель все равно вылезает кстати, если мне нужно чтобы все таблицы были по центру, можно вот так прописывать? align : center; судя по тому что эффекта нет, нельзя... а как правильно? http://www.wsugraru.128.com1.ru/arbitr-hmao/ -
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу? вот index.php <div align="center"><table width="1014" border="0" cellspacing="0" cellpadding="0"> <tr> <td><?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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> <?php mosShowHead(); ?> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?> <?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/biz_blue/favicon.ico\" />" ; ?> <meta name="verify-v1" content="aDtzZU9IIrWcGAsYRKBvN4eLbaK4U4xdG4zbve5S9Rw=" > <style type="text/css"> <!-- .style12 {color: #FFFFFF; font-size: 10px; } .style27 {color: #666666} .style30 {font-size: 10px} .style31 {font-size: 14px} --> </style> </head> <body id="body_bg"> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="169" align="left" valign="middle"> <form action="index.php" method="post" name="form" > <input type="hidden" name="option" value="search" /> </form> </td> <td> </td> <td width="601" align="center" class="topnav" valign="bottom"> <?php if (mosCountModules('user3')) { ?> <div> <?php mosLoadModules ( 'user3',-1 ); ?> </div> <?php } ?> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" class="logoheader"> <div align="right" class="style27 style31"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="right"> <table width="50%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><h1 align="right">Разрешение споров арбитражном суде Ханты-Мансийского автономного округа-Югры </h1> <div align="right"> </div></td> </tr> <tr> <td><div align="right"></div></td> </tr> <tr> </tr> <tr> <td valign="bottom" background="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/urist_surgut_hanty_line_pho.jpg"><div align="right"> <h2>Телефон/факс: +7(3467) 363609, 361932 </h2> </div></td> </tr> </table> </div></td> </tr> </table> </div></td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" > <tr> <td class="top1" ><?php mosPathWay(); ?></td> <td width="251" align="right" class="top1" ><div class="date"><?php echo mosCurrentDate(); ?></div></td> </tr> </table> <table width="95%" class="top2" border="0" align="center" cellpadding="0" cellspacing="0" > <tr> <?php if (mosCountModules('left')) { ?> <td valign="top" class="lcol"> <div class="leftrow"> <?php mosLoadModules ( 'left' ); ?> <p><a href="http://www.arbitr-hmao.ru/zadat-vopros-spetsialistu-besplatno-/zadat-vopros-spetsialistu-besplatno-/yurist-konsultant.html"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/jur_cons.gif" alt="?????? online ?????? ???????????" border="0"></a> </p> </div> </td> <td class="bgline" ><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td> <?php } ?> <td valign="top" width="100%" > <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 5px solid #ffffff;"> <?php if (mosCountModules('top')) { ?> <tr valign="top" > <td colspan="3"> <div> <?php mosLoadModules ( 'top' ); ?> </div> </td> </tr> <tr><td colspan="3"></td></tr> <?php } ?> <?php if (mosCountModules('user1','user2')) { ?> <tr> <?php if (mosCountModules('user1')) { ?> <td valign="top" ><div> <?php mosLoadModules ( 'user1' ); ?> </div> </td> <td width="4" class="mod" valign="top" bgcolor="#FFFFFF" ><div class="mod"> <?php } ?> <?php if (mosCountModules('user2')) { ?> </div></td> <td valign="top"><div> <?php mosLoadModules ( 'user2' ); ?> </div></td> <?php } ?> </tr> <tr><td colspan="3"></td></tr> <?php } ?> <tr align="left" valign="top"> <td colspan="3" style="border-top: 3px solid #ffffff; padding: 3px;"><div class="main"> <?php mosMainBody(); ?> <?php mosLoadModules ( 'user4' ); ?> </div> </td> </tr> <tr> <!-- <td colspan="3" valign="top" style="border-top: 3px solid #FFFFFF;"> <?php if (mosCountModules('bottom')) { ?> <?php } ?> </td> --> </tr> </table> </td> <td class="bgline"><img src="<?php echo $mosConfig_live_site;?>/templates/biz_blue/images/space.gif" alt="" width="7" border="0"/></td> <?php if (mosCountModules('right')) { ?> <td valign="top" class="rcol"> <div class="rightrow"> <?php mosLoadModules ( 'right' ); ?> </div> </td><?php } ?> </tr> </table> <table width="100%" class="foot" align="center" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" align="center" class="footer" > <div align="right"><span class="style12"></span> <p align="center" class="style27 style30">Услуги юристов по ведению дел в арбитражном суде ХМАО. Юридические услуги Сургут, Ханты-Мансийск, Нижневартовск</p> </div></td> </tr> </table> <!-- Yandex.Metrika --> <script src="//mc.yandex.ru/resource/watch.js" type="text/javascript"></script> <script type="text/javascript"> try { var yaCounter215018 = new Ya.Metrika(215018); } catch(e){} </script> <noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/215018" alt="" /></div></noscript> <!-- Yandex.Metrika --> </body> </html></td> </tr> </table> </div> а вот template_css /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; } h1{ margin-top:7px; color:#133766; font-size:14px !important; } DIV.brd { border: 1px solid #cecece; background: #ffffff; padding: 2px; } h2{ margin-top:7px; color:#133766; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; color : #000000; } hr { color : #999999; height : 1px; width : 100%; } form { margin : 0; padding : 0; } .leftrow { width : 169px; height : 100%; margin-right : 0; background : #f5f5f5; } .rightrow { height : 100%; width : 169px; margin-left : 0; background : #f5f5f5; } .back_button { color : #999999; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 12px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 2px !important; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } .contact_email { width : 100%; } .contact_email .inputbox { width : 345px; } table.moduletable { margin : 0 0 8px 0; width : 100%; background : #ffffff; padding-bottom : 2px; } table.moduletable th { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight : bold; text-align : left; width : 100%; background-color : #5B7696; color : #f1f1f1; padding : 2px; text-indent : 10px; line-height : 15px; } table.moduletable td { padding-top: 2px; } .sectiontableheader { font-size : 14px; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #f1f1f1; background : #5B7696; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : none; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #e0e0e8; line-height : 25px; } .sectiontableentry1 img{ padding-right: 4px !important; padding-right: 2px; } .sectiontableentry2 img{ padding-right: 4px !important; padding-right: 2px; } span.mainlevel{ display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; padding : 2px 0; color : #666666; text-indent : 10px; } a.mainlevel { display : block; width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; } a.sublevel:link, a.mainlevel:visited { width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; color : #666666; text-indent : 10px; } a.mainlevel:hover { border : 1px solid #cccccc; background-color : #E0E0E8; font-size : 12px; font-weight : normal; color : #666666; text-decoration : none; text-indent : 10px; } a img{ border: none; } #active_menu { color : #000066; border : 1px solid #cccccc; background-color : #E0E0E8; font-weight : bold; } a#active_menu:hover { color : #333333; } a:link, a:visited { color : #666666; text-decoration : none; width : auto; margin : 1px 0px; padding : 0; background : none; text-indent : 10px; } a:hover { color : #9a887c; text-decoration : none; } a.category:link, a.category:visited { font-size : 12px; } a.readon:link, a.readon:visited { color : #999999; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #9a887c; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; background-image : url(../images/strelka.gif) ; background-repeat: no-repeat; background-position: 0px 5px; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #0066CC; } .pagenavbar { border-top : 1px solid #999999; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #999999; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #9a887c; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #707070; padding-right : 10%; } .small { font-size : 10px; color : #333333; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : left; font-size : 10px; color : #666666; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #999999; } .pathway { font-size : 11px; color : #333333; padding-left : 6%; } a.pathway:link, a.pathway:visited { font-size : 11px; padding-left : 0; } a.pathway:hover { font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; text-align: justify; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { border-bottom : 1px solid #000066; font-size : 14px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #000066; width : 100%; padding : 1px; margin: 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #333333; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .footer { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #666666; font-weight : bold; height : 31px; border-top : 1px solid #cccccc; } .footer a:link, .footer a:visited { font-size : 14px; color : #666666; text-decoration : none; font-weight : bold; } .footer a:hover { font-size : 14px; color : #999999; text-decoration : none; font-weight : bold; } .lcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-left : 1px solid #cccccc; padding-left: 3px; } .rcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-right : 1px solid #cccccc; padding-right: 3px; } .foot { background : none; vertical-align : top; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px !important; height: 28px; padding-top: 2px !important; padding-top: 3px; background : url(../images/shadow.jpg) #ffffff repeat-x top; } table.top2{ background : #ffffff; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 12px; color : #707070; padding : 2px !important; padding : 1px; border : 1px solid #cccccc; background : none; } .sublevel { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #999999; padding : 3px 1px 3px 5px; margin : 3px; } a.sublevel:link, a.sublevel:visited { color : #999999; text-decoration : none; font-size : 12px; } a.sublevel:hover { color : #000066; text-decoration : none; font-size : 12px; } a.sublevel#active_menu { background : transparent; color : #000066; border : 0px; font-size : 12px; } td.logoheader { margin: 0; padding: 0; background : url(../images/logo.gif) no-repeat center left; height : 76px; width : 263px; } td.topnav { margin : 0px; padding: 0px; background : url(../images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0px; padding: 0px; background : url(../images/s.gif) repeat-y; width : 7px; } #mainlevel-nav { float : right; display : block; font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #000033; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #999999; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 0px solid #dedede; margin : 5px; padding-top: 3px; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; } сначала ограничение размера сделал просто вставкой его в общую таблицу, но затем подумал, что это все плохо отразиться на скорости загрузки... можно ли в template_css ограничить ширину всего сайта? заранее спасибо за совет
-
как считаете почему font-family в h1 и р2 разные ?
vovchikku replied to vovchikku's question in HTML Coding
так если в CSS везде font-family одинаковый... : Tahoma, Arial, Verdana, Helvetica, sans-serif; как он может переопределяться, если Times нет? -
вот сайт http://www.arbitr-hmao.ru/ видите шрифты разные... где-то arial а где-то times а как сделать единообразно в CSS не пойму... ткните пальцем плиз /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; } h1{ margin-top:7px; color:#133766; font-size:14px !important; } h2{ margin-top:7px; color:#133766; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size : 14px; color : #000000; } hr { color : #999999; height : 1px; width : 100%; } form { margin : 0; padding : 0; } .leftrow { width : 169px; height : 100%; margin-right : 0; background : #f5f5f5; } .rightrow { height : 100%; width : 169px; margin-left : 0; background : #f5f5f5; } .back_button { color : #999999; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 12px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 12px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 2px !important; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } .contact_email { width : 100%; } .contact_email .inputbox { width : 345px; } table.moduletable { margin : 0 0 8px 0; width : 100%; background : #ffffff; padding-bottom : 2px; } table.moduletable th { font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 14px; font-weight : bold; text-align : left; width : 100%; background-color : #5B7696; color : #f1f1f1; padding : 2px; text-indent : 10px; line-height : 15px; } table.moduletable td { padding-top: 2px; } .sectiontableheader { font-size : 14px; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #f1f1f1; background : #5B7696; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : none; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #e0e0e8; line-height : 25px; } .sectiontableentry1 img{ padding-right: 4px !important; padding-right: 2px; } .sectiontableentry2 img{ padding-right: 4px !important; padding-right: 2px; } span.mainlevel{ display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; padding : 2px 0; color : #666666; text-indent : 10px; } a.mainlevel { display : block; width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; } a.sublevel:link, a.mainlevel:visited { width : auto; margin : 1px 0px; padding : 0; font-size : 12px; background : none; text-indent : 10px; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 12px; border : 1px solid #cccccc; background-color : #f1f1f1; font-weight : normal; color : #666666; text-indent : 10px; } a.mainlevel:hover { border : 1px solid #cccccc; background-color : #E0E0E8; font-size : 12px; font-weight : normal; color : #666666; text-decoration : none; text-indent : 10px; } a img{ border: none; } #active_menu { color : #000066; border : 1px solid #cccccc; background-color : #E0E0E8; font-weight : bold; } a#active_menu:hover { color : #333333; } a:link, a:visited { color : #666666; text-decoration : none; font-weight : bold; width : auto; margin : 1px 0px; padding : 0; background : none; text-indent : 10px; } a:hover { color : #9a887c; text-decoration : none; font-weight : bold; } a.category:link, a.category:visited { font-size : 12px; font-weight : bold; } a.readon:link, a.readon:visited { color : #999999; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #9a887c; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 12px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; background-image : url(../images/strelka.gif) ; background-repeat: no-repeat; background-position: 0px 5px; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #0066CC; } .pagenavbar { border-top : 1px solid #999999; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #999999; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #9a887c; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #707070; padding-right : 10%; } .small { font-size : 10px; color : #333333; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : left; font-size : 10px; color : #666666; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #999999; } .pathway { font-size : 11px; color : #333333; padding-left : 6%; } a.pathway:link, a.pathway:visited { font-size : 11px; padding-left : 0; } a.pathway:hover { font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; text-align: justify; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { border-bottom : 1px solid #000066; font-size : 14px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #000066; width : 100%; padding : 1px; margin: 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #333333; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .footer { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #666666; font-weight : bold; height : 31px; border-top : 1px solid #cccccc; } .footer a:link, .footer a:visited { font-size : 14px; color : #666666; text-decoration : none; font-weight : bold; } .footer a:hover { font-size : 14px; color : #999999; text-decoration : none; font-weight : bold; } .lcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-left : 1px solid #cccccc; padding-left: 3px; } .rcol { vertical-align : top; background : #ffffff; padding-top: 5px; border-right : 1px solid #cccccc; padding-right: 3px; } .foot { background : none; vertical-align : top; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px !important; height: 28px; padding-top: 2px !important; padding-top: 3px; background : url(../images/shadow.jpg) #ffffff repeat-x top; } table.top2{ background : #ffffff; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 11px; color : #707070; padding : 2px !important; padding : 1px; border : 1px solid #cccccc; background : none; } .sublevel { font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : bold; color : #999999; padding : 3px 1px 3px 5px; margin : 3px; } a.sublevel:link, a.sublevel:visited { color : #999999; text-decoration : none; font-size : 10px; } a.sublevel:hover { color : #000066; text-decoration : none; font-size : 10px; } a.sublevel#active_menu { background : transparent; color : #000066; border : 0px; font-size : 10px; } td.logoheader { margin: 0; padding: 0; background : url(../images/header.jpg) no-repeat bottom left; height : 130px; width : 100%; } td.topnav { margin : 0px; padding: 0px; background : url(../images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0px; padding: 0px; background : url(../images/s.gif) repeat-y; width : 7px; } #mainlevel-nav { float : right; display : block; font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #000033; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #999999; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 0px solid #dedede; margin : 5px; padding-top: 3px; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; }
-
Знатоки CSS, как уравнять позиции модуля и картинки?
vovchikku replied to vovchikku's question in HTML Coding
да, идея понятна, но как это сделать? -
Знатоки CSS, помогите разобраться пожалуйста. У меня картинка sam_header.jpg, что сидит в .ja-headermask width: 1010px; Так вот эта картинка шапки сайта получается меньше, чем модуль основного окна под ней, видите, справа выступает серая полоска... http://www.hm-news.ru/ Никак не могу найти как бы их по размеру подогнать, подскажите пожалуйста. заранее спасибо /* COMMON STYLE ——————————————————— */ html, body, form, fieldset { margin: 0; padding: 0; } body { color: #000000; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 150%; } body#bd { color: #333333; background: #F2F2F2; } body.clearfixpane { width: auto; /* Printable Page */ margin: 1em 2em; line-height: 1.3em; margin: 0px 0px 0px 0px; font-size: 12px; color: #333; } body.fs1 { font-size: 10px; } body.fs2{ font-size: 11px; } body.fs3{ font-size: 12px; } body.fs4{ font-size: 13px; } body.fs5{ font-size: 14px; } body.fs6{ font-size: 15px; } /* Normal link */ a { color: #006699; text-decoration: underline; } a:hover, a:active, a:focus { color: #333333; text-decoration: underline; } /* Title text */ .contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; } /* Small text */ small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption { color: #666666; font-size: 92%; } /* Heading */ h1 { font-size: 180%; } h2 { font-size: 150%; } h3 { font-size: 125%; } h4 { font-size: 100%; text-transform: uppercase; } p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 1em 0; padding: 0; } ul { list-style: none; } ul li { padding-left: 30px; background: url(../images/bullet.gif) no-repeat 18px 8px; line-height: 180%; } ol li { margin-left: 35px; line-height: 180%; } th { padding: 5px; font-weight: bold; text-align: left; } fieldset { border: none; padding: 10px 5px; background: url(../images/hdot2.gif) repeat-x top; } fieldset a { font-weight: bold; } hr { border-top: 1px solid #CCCCCC; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; } td, div { font-size: 100%; } img { border: none; } /* FORM ——————————————————— */ form { margin: 0; padding: 0; } form label { cursor: pointer; } input, select, textarea, .inputbox { padding: 3px 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; } .button { padding: 3px 5px; border: 1px solid #333333; background: url(../images/grad1.gif) repeat-x top #333333; color: #CCCCCC; font-size: 85%; text-transform: uppercase; } .button:hover, .button:focus { border: 1px solid #999999; background: #333333; color: #FFFFFF; } * html .button { padding: 2px 0 !important; /*IE 6*/ } *+html .button { padding: 2px 0 !important; /*IE 7*/ } .inputbox { border: 1px solid #CCCCCC; background: #FFFFFF; } .inputbox:hover, .inputbox:focus { background: #FFFFCC; } /* BONUS TYPOGRAPHY STYLES ——————————————————— */ pre, .code { padding: 10px 15px; margin: 5px 0 15px; border-left: 5px solid #999999; background: #FFFFFF; font: 1em/1.5 "Courier News", monospace; } blockquote { padding: 1em 40px 1em 15px; } blockquote span.open { padding: 0 0 0 20px; background: url(../images/so-q.gif) no-repeat left top; } blockquote span.close { padding: 0 20px 0 0; background: url(../images/sc-q.gif) no-repeat bottom right; } /* Quote hilight */ .quote-hilite { padding: 10px 15px; margin: 0; border: 1px solid #CACACC; background: #FFFFFF; } /* Small quote */ .small-quote { margin: 0; padding: 0; background: none; } .small-quote span.open-quote { margin: 0; padding-left: 20px; background: url(../images/so-q.gif) no-repeat center left; } .small-quote span.close-quote { margin: 0; padding-right: 20px; background: url(../images/sc-q.gif) no-repeat center right; } .small-quote span.author { padding: 2px 5px 2px 20px; border-top: 1px solid #DCDDE0; margin: 0.5em 0 0; display: block; background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE; font-size: 90%; text-transform: uppercase; } /* Rropcap */ .dropcap { float: left; padding: 4px 8px 0 0; display: block; color: #999999; font: 50px/40px Georgia, Times, serif; } /* Tips, Error, Message, Hightlight*/ p.error { padding-left: 25px; color: #BF0000; background: url(../images/icon-error.gif) no-repeat top left; } p.message { padding-left: 25px; color: #006699; background: url(../images/icon-info.gif) no-repeat top left; } p.tips { padding-left: 25px; color: #EE9600; background: url(../images/icon-tips.gif) no-repeat top left; } .highlight { padding: 1px 5px; background: #FFFFCC; font-weight: bold; } /* Note Style */ p.stickynote { padding: 10px 0px 10px 40px; border: 1px solid #CACACC; background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF; } p.download { padding: 10px 0px 10px 40px; border: 1px solid #CACACC; background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF; } .blocknumber { clear: both; padding: 5px 15px 10px; position: relative; } /* Check list */ ul.checklist { list-style: none; } ul.checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(../images/checklist-bg.gif) no-repeat 0 3px; } /* Small checklist */ ul.small-checklist { list-style: none; } ul.small-checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(../images/icon_list.gif) no-repeat 0 3px; } /* Check list */ ul.stars { list-style: none; } ul.stars li { margin-left: 15px; padding: 0px 0 5px 20px; background: url(../images/star-bg.gif) no-repeat 0 3px; } /* Bignumber */ .bignumber { float: left; margin-right: 8px; padding: 6px 7px; display: block; background: url(../images/ol-bg.gif) no-repeat top left; color: #7BA566; font: bold 20px/normal Arial, sans-serif; } /* Talking box. Thinking box. */ div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 0; } div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author { padding-left: 15px; margin-left: 15px; background: url(../images/author.gif) no-repeat center left; font-weight: bold; } div.bubble1 div { margin: 0; width: 100%; background: url(../images/bub1-br.gif) no-repeat bottom right; } div.bubble1 div div { background: url(../images/bub1-bl.gif) no-repeat bottom left; } div.bubble1 div div div { background: url(../images/bub1-tr.gif) no-repeat top right; } div.bubble1 div div div div { background: url(../images/bub1-tl.gif) no-repeat top left; } div.bubble1 div div div div div { margin: 0; padding: 15px 15px 30px 15px; width: auto; } div.bubble2 div { margin: 0; width: 100%; background: url(../images/bub2-br.gif) no-repeat bottom right; } div.bubble2 div div { background: url(../images/bub2-bl.gif) no-repeat bottom left; } div.bubble2 div div div { background: url(../images/bub2-tr.gif) no-repeat top right; } div.bubble2 div div div div { background: url(../images/bub2-tl.gif) no-repeat top left; } div.bubble2 div div div div div { margin: 0; padding: 15px 15px 35px 15px; width: auto; } div.bubble3 div { margin: 0; width: 100%; background: url(../images/bub3-br.gif) no-repeat bottom right; } div.bubble3 div div { background: url(../images/bub3-bl.gif) no-repeat bottom left; } div.bubble3 div div div { background: url(../images/bub3-tr.gif) no-repeat top right; } div.bubble3 div div div div { background: url(../images/bub3-tl.gif) no-repeat top left; } div.bubble3 div div div div div { margin: 0; padding: 15px 15px 50px 15px; width: auto; } div.bubble4 div { margin: 0; width: 100%; background: url(../images/bub4-br.gif) no-repeat bottom right; } div.bubble4 div div { background: url(../images/bub4-bl.gif) no-repeat bottom left; } div.bubble4 div div div { background: url(../images/bub4-tr.gif) no-repeat top right; } div.bubble4 div div div div { background: url(../images/bub4-tl.gif) no-repeat top left; } div.bubble4 div div div div div { margin: 0; padding: 15px 15px 55px 15px; width: auto; } /* Legend */ .legend-title { margin: 0; padding: 0 3px; float: left; display: block; background: #F6F6F6; font-weight: bold; position: absolute; top: -10px; left: 7px; } .legend { margin: 20px 0; padding: 0 10px; border: 1px solid #CACACC; background: #FFFFFF; position: relative; } /* JOOMLA STYLE ——————————————————— */ table.blog { } .article_separator { clear: both; display: block; height: 20px; } .article_column { } .column_separator { padding: 0 25px; } /* content tables */ td.sectiontableheader { padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; } table.contentpane { border: none; width: 100%; } table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; } table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; float: right; } table.contenttoc a { text-decoration: none; } table.contenttoc td { padding: 1px 5px 1px 25px; background: url(../images/bullet-list.gif) no-repeat 5% 50%; } table.contenttoc th { padding: 0 0 3PX; border-bottom: 1px solid #CCCCCC; text-indent: 5px; } table.poll { padding: 0; width: 100%; border-collapse: collapse; } table.pollstableborder { padding: 0; width: 100%; border: none; text-align: left; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { padding: 4px!important; border-collapse: collapse; border-spacing: 0; } table.pollstableborder tr.sectiontableentry1 td { background: #ECECEC; } table.searchintro { padding: 10px 0; width: 100%; } table.searchintro td { padding: 5px!important; } table.adminform { } .adminform .inputbox { } .blog_more { padding: 10px 0; background: url(../images/hdot.gif) repeat-x top; } .blog_more strong { margin: 0 0 5px; display: block; font-size: 125%; } .blog_more ul { margin: 0; padding: 0; } .blog_more ul li { margin: 0; padding: 0 0 0 17px; background: url(../images/bullet.gif) no-repeat 6px 8px; } .category { font-weight: bold; } h1.componentheading, .componentheading { padding: 5px 0 15px; margin: 0 0 10px; background: url(../images/hdot.gif) repeat-x bottom; } .componentheading { font-size: 200%; font-weight: bold; } .contentdescription { padding-bottom: 30px; } h2.contentheading, .contentheading { padding: 5px 0 8px; margin: 0; font-weight: normal; } table.blog .contentheading { font-size: 150%; } .contentheading { font-size: 200%; } a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { text-decoration: none !important; } a.readon { float: left; margin-top: 10px; padding: 1px 5px 1px 14px; border: 1px solid #F6F6F6; display: block; background: url(../images/arrow.png) no-repeat 5px 48%; color: #006699; font-weight: bold; text-decoration: none; text-transform: uppercase; } a.readon:hover, a.readon:active, a.readon:focus { border: 1px solid #ECECEC; background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF; } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { width: 100%; } .moduletable { padding: 0; } ul.pagination { margin: 15px auto; padding: 10px 0; background: url(../images/hdot.gif) repeat-x top; } ul.pagination li { margin: 0; padding: 0; display: inline; background: none; } ul.pagination li span{ padding: 2px 5px; } ul.pagination a { padding: 2px 5px; border: 1px solid #F6F6F6; } ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { border: 1px solid #ECECEC; background: #FFFFFF; } .pagenavbar { padding-left: 14px; } .pagenavcounter { padding: 8px 14px 0 14px; } .sectiontableheader { padding: 8px 5px; background: #444444; color: #FFFFFF; } .sectiontableheader a { color: #FFFFFF; } tr.sectiontableentry1 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom; } tr.sectiontableentry2 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom #ECECEC; } tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC; } .smalldark { text-align: left; } div.syndicate div { text-align: center; } .pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td { background: none; } /* META ——————————————————— */ .article-tools { border-top: 1px solid #DDDDDD; width: 100%; float: left; clear: both; margin-bottom: 15px; display: block; background: #ECECEC; } .article-meta { padding: 5px; width: 80%; float: left; } .createby { padding: 3px 3px 3px 20px; background: url(../images/icon-user.gif) no-repeat 0 2px; } .createdate { padding: 3px 3px 3px 20px; background: url(../images/icon-date.gif) no-repeat 0 2px; } .modifydate { width: 100%; float: left; } div.buttonheading { float: right; width: 15%; } .buttonheading img { margin: 7px 5px 0 0; border: 0; float: right; } /* MAIN LAYOUT DIVS ——————————————————— */ #ja-wrapper { width: 100%; margin: 0; background: #F2F2F2; } #ja-containerwrap { background: url(../images/cw-bg1.gif) repeat-y 50% 0; } #ja-containerwrap2 { background: url(../images/cw-bg2.gif) no-repeat 50% 0; } #ja-container { background: url(../images/c-bg1.gif) repeat-y 18% 0; } #ja-container2 { padding: 20px 0; background: url(../images/c-bg2.gif) no-repeat 18% 0; } #ja-mainbody-fr #ja-col1 { width: 20%; } #ja-mainbody-fr #ja-contentwrap { width: 80%; } #ja-mainbody, #ja-mainbody-fl { float: left; width: 80%; } #ja-mainbody #ja-contentwrap { float: right; width: 75%; } #ja-mainbody-fl #ja-contentwrap { float: left; width: 100%; } #ja-mainbody-f, #ja-mainbody-fr { float: none; width: 100%; } #ja-mainbody-fr #ja-contentwrap { width: 74.8%; float: right; } #ja-mainbody-fr #ja-col1 { width: 20%; float: left; } #ja-mainbody-fr #ja-contentwrap { width: 80%; } #ja-content { padding: 0 20px 0 40px; } #ja-contentwrap { min-height: 300px; height: auto; } * html #ja-contentwrap { height: 300px; } #ja-mainbody-fl #ja-content { padding-left: 0; } #ja-mainbody-f #ja-content { padding: 0; } /* Full */ #ja-containerwrap-f { background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6; } #ja-containerwrap-f #ja-containerwrap2 { background: none; } #ja-containerwrap-f #ja-container, #ja-containerwrap-f #ja-container2 { background: none; } /* Full left */ #ja-containerwrap-fl { background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6; } #ja-containerwrap-fl #ja-containerwrap2, #ja-containerwrap-fl #ja-container, #ja-containerwrap-fl #ja-container2 { background: none; } /* Full right */ #ja-containerwrap-fr { background: url(../images/cw-bg1.gif) repeat-y 50% 0; } #ja-containerwrap-fr #ja-containerwrap2 { background: url(../images/cw-bg2.gif) no-repeat 50% 0; } /* HEADER ——————————————————— */ #ja-headerwrap { background: #333333; color: #CCCCCC; line-height: normal; height: 292px; } #ja-header { position: relative; height: 292px; } .ja-headermask { width: 1010px; display: block; background: url(../images/sam_header.jpg) no-repeat top right; height: 292px; position: absolute; top: 0; right: -1px; } #ja-header a { color: #CCCCCC; } h1.logo, h1.logo-text { margin: 0 0 0 5px; padding: 0; font-size: 180%; text-transform: uppercase; } h1.logo a { width: 208px; display: block; background: url(../images/logo.png) no-repeat; height: 80px; position: relative; z-index: 100; } h1.logo a span { position: absolute; top: -1000px; } h1.logo-text a { color: #CCCCCC !important; text-decoration: none; outline: none; position: absolute; bottom: 40px; left: 5px; } p.site-slogan { margin: 0; padding: 0; padding: 2px 5px; color: #FFFFFF; background: #444444; font-size: 92%; position: absolute; bottom: 20px; left: 0; } /* Search */ #ja-search { padding-left: 20px; background: url(../images/icon-search.gif) no-repeat center left; position: absolute; bottom: 15px; right: 0; } #ja-search .inputbox { width: 120px; border: 1px solid #333333; padding: 3px 5px; color: #999999; background: #444444; font-size: 92%; } /* MAIN NAVIGATION ——————————————————— */ #ja-pathway { font-size: 92%; } #ja-pathway strong { margin-right: 5px; font-weight: normal; } #ja-pathway a { text-decoration: none; } #ja-pathway img { margin: 1px 5px; } /* MODULE ——————————————————— */ div.moduletable, div.moduletable_menu, div.moduletable_text { padding: 0 0 20px; margin-bottom: 15px; background: url(../images/hdot.gif) repeat-x bottom; } div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3 { padding: 0 0 8px; margin: 0; color: #7BA566; font-size: 125%; font-weight: bold; text-transform: uppercase; } /* Module rounded */ div.module h3 { margin: 0 -15px 10px; padding: 8px 15px 5px; border-bottom: 2px solid #F6F6F6; color: #7BA566; font-size: 125%; font-weight: bold; text-transform: uppercase; } div.module_black, div.module_green, div.module_blue, div.module_red, div.module { margin-bottom: 20px; float: left; clear: both; width: 100%; background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF; } div.module div { background: url(../images/b-bl.gif) no-repeat bottom left; } div.module div div { background: url(../images/b-tr.gif) no-repeat top right; } div.module div div div { padding: 0 15px 10px; background: url(../images/b-tl.gif) no-repeat top left; } div.module_black div div div div, div.module_green div div div div, div.module_blue div div div div, div.module_red div div div div, div.module_text div div div div, div.module div div div div { margin: 0; padding: 0; float: none; width: 99%; background: none; } div.module_text h3 { margin: 0 0 10px; width: 100%; clear: both; display: block; overflow: hidden; } div.module_text span { padding: 0 3px 0 0; float: left; clear: both; display: block; background: #F6F6F6; font-weight: bold; } div.module_text { margin-bottom: 20px; padding: 0; float: left; clear: both; width: 100%; background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6; } div.module_text div { background: url(../images/bt-bl.gif) no-repeat bottom left; } div.module_text div div { background: url(../images/bt-tr.gif) no-repeat top right; } div.module_text div div div { padding: 0 15px 10px; display: block; background: url(../images/bt-tl.gif) no-repeat top left; } div.banneritem_text { padding: 5px 0 !important; } /* red */ div.module_black h3, div.module_green h3, div.module_blue h3, div.module_red h3 { margin: 0 -15px 10px; padding: 8px 15px 5px; border-bottom: 1px solid #F6F6F6; color: #FFFFFF; font-size: 125%; font-weight: bold; text-transform: uppercase; } div.module_red { background: url(../images/br-br.gif) no-repeat bottom right #BF0000; color: #FFFFFF; } div.module_red div { background: url(../images/br-bl.gif) no-repeat bottom left; } div.module_red div div { background: url(../images/br-tr.gif) no-repeat top right; } div.module_red div div div { padding: 0 15px 10px; background: url(../images/br-tl.gif) no-repeat top left; } /* blue */ div.module_blue { background: url(../images/bb-br.gif) no-repeat bottom right #006699; color: #FFFFFF; } div.module_blue div { background: url(../images/bb-bl.gif) no-repeat bottom left; } div.module_blue div div { background: url(../images/bb-tr.gif) no-repeat top right; } div.module_blue div div div { padding: 0 15px 10px; background: url(../images/bb-tl.gif) no-repeat top left; } /* green */ div.module_green { background: url(../images/bg-br.gif) no-repeat bottom right #7BA566; color: #FFFFFF; } div.module_green div { background: url(../images/bg-bl.gif) no-repeat bottom left; } div.module_green div div { background: url(../images/bg-tr.gif) no-repeat top right; } div.module_green div div div { padding: 0 15px 10px; background: url(../images/bg-tl.gif) no-repeat top left; } /* black */ div.module_black { background: url(../images/bl-br.gif) no-repeat bottom right #333333; color: #FFFFFF; } div.module_black div { background: url(../images/bl-bl.gif) no-repeat bottom left; } div.module_black div div { background: url(../images/bl-tr.gif) no-repeat top right; } div.module_black div div div { padding: 0 15px 10px; background: url(../images/bl-tl.gif) no-repeat top left; } div.module_blue ul, div.module_blue ol, div.module_red ul, div.module_red ol, div.module_black ul, div.module_black ol, div.module_green ul, div.module_green ol { margin: 0; padding: 0; } div.module_blue li, div.module_red li, div.module_black li, div.module_green li { margin-left: 20px; padding: 0; line-height: 150%; } div.module_blue a, div.module_red a, div.module_black a, div.module_green a { color: #FFFFFF; } div.advs { float: left; width: 100%; clear: both; display: block; } /* LEFT COLUMN + RIGHT COLUMN ——————————————————— */ #ja-col1 { float: left; width: 24.99%; padding-top: 10px; overflow: hidden; } #ja-col2 { float: right; width: 20%; overflow: hidden; } #ja-col1 table, #ja-col2 table { border-collapse: collapse; border-spacing: 0; } #ja-col1 ul li, #ja-col2 ul li { padding-left: 15px; margin: 0; background: url(../images/bullet.gif) no-repeat 5px 50%; } #ja-col1 ul, #ja-col2 ul { margin: 0; } #ja-col1 ol, #ja-col2 ol { margin-left: 5px; } #ja-col1 .article_separator, #ja-col2 .article_separator { display: none; } /* SPOTLIGHT ——————————————————— */ /* Spotlight Box Style */ .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right { float: left; overflow: hidden; } .ja-box-left div.moduletable, .ja-box-full div.moduletable { padding-right: 30px; background: none; } .ja-box-right div.moduletable { padding-left: 30px; background: url(../images/vdot2.gif) repeat-y left; } .ja-box-center div.moduletable { padding: 0 30px; background: url(../images/vdot2.gif) repeat-y left; } #ja-botsl h3 { background: none; } #ja-botslwrap { border-top: 5px solid #CCCCCC; background: #444444; color: #CCCCCC; } #ja-botsl { padding: 15px 0; } #ja-botsl div.moduletable { padding-top: 0; padding-bottom: 0; margin: 0; } #ja-botsl h3 { margin: 0 0 12px; padding: 0; color: #FFFFFF; } #ja-botsl a { color: #CCCCCC; } #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus { color: #FFFFFF; } #ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; } #ja-botsl ul li { padding: 0 0 0 15px; margin: 0; background: url(../images/bullet2.gif) no-repeat 3px 8px; } #ja-botsl ol li { margin-left: 25px; padding: 0 !important; } #ja-botsl td { padding: 0; } #ja-botsl .article_separator { display: none; } #ja-botsl table { border-spacing: 0; border-collapse: collapse; } /* FOOTER ——————————————————— */ #ja-footerwrap { border-top: 5px solid #CCCCCC; padding: 20px 0 30px; clear: both; background: url(../images/grad3.gif) repeat-x bottom #F6F6F6; } #ja-footer { padding: 0; color: #666666; background: url(../images/vdot.gif) repeat-y 22% 0; position: relative; } #ja-footer .copyright { clear: both; display: block; padding-left: 25%; color: #666666; font-style: normal; font-size: 92%; } #ja-footnav { padding-left: 25%; } #ja-footer ul { margin: 0 0 5px; padding: 0; } #ja-footer li { margin: 0; padding: 0; display: inline; background: none; } #ja-footer li a { padding: 0 15px 0 0; display: inline; color: #666666; font-weight: bold; font-size: 92%; line-height: normal; text-decoration: none; text-transform: uppercase; } #ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus { color: #333333; text-decoration: none; } .ja-cert { font-size: 92%; position: absolute; right: 0; top: 18px; } .ja-cert a { margin: 0 0 0 5px; padding: 0; border: none; border: none; text-decoration: none; } .ja-cert a span { display: none; } .ja-cert a img { border: none; } .banneritem { display: block; margin-top: 15px; } /* MISCELLANOUS ———————————————————-- */ ul.accessibility { position: absolute; top: -100%; } /*usertool*/ ul.ja-usertools-font { font-size: 11px; position: absolute; top: 8px; right: 70px; } ul.ja-usertools-font li { padding: 0; margin: 0; display: inline; background: none; } /*collapsible h3*/ h3.show { background: url(../images/arrow2.png) no-repeat 90% 60%; cursor: pointer; } h3.hide { background: url(../images/arrow3.png) no-repeat 90% 60%; cursor: pointer; } /*others*/ #ja-banner { margin: 15px 0; text-align: center; } div.back_button a, div.back_button a:hover, div.back_button a:active { margin: 10px 0; display: block; background: none!important; text-decoration: none!important; } #form-login p { margin: 0 0 5px; } #form-login ul { margin: 10px 0 0; } #form-login .inputbox { width: 90%; } .clr { clear: both; } .hasTip img { margin: 10px 5px 0 0; border: none; } /* Tooltips */ .tool-tip { float: left; border: 1px solid #D4D5AA; padding: 5px; background: #FFFFCC; max-width: 200px; } .tool-title { padding: 0; margin: 0; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; font-size: 100%; font-weight: bold; } .tool-text { margin: 0; font-size: 100%; } #system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul { padding: 0; margin: 0; } #system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li { background: none; padding: 5px; margin: 0; color: #FFFFFF; } /* System Standard Messages */ #system-message dd.message ul { background: #006699; border: none; } /* System Error Messages */ #system-message dd.error ul { background: #BF0000; border: none; } /* System Notice Messages */ #system-message dd.notice ul { background: #EE9600; border: none; } /* Clearfix */ .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } * html .clearfix { height: 1%; } /* Firefox Scrollbar Hack - Do not remove */ html { margin-bottom: 1px; height: 100%!important; height: auto; }
-
Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);
vovchikku replied to vovchikku's question in HTML Coding
Не понял, так чтоли? contentpaneopen { padding: 5px; vertical-align: top; background: url(../images/menu_line.jpg) background-repeat:repeat-x; background-position: left bottom; } -
Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);
vovchikku replied to vovchikku's question in HTML Coding
а как в контексте CSS это будет выглядеть? -
Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);
vovchikku replied to vovchikku's question in HTML Coding
ок, спасибо, а как сделать разделительную линию после contentpaneopen?ну то есть после каждого материала чтобы линия была... -
как фон ячейки прилепить к ее низу? и чтобы фон не множился?
vovchikku posted a question in HTML Coding
надо сделать чтобы фон в виде лого всегда болтался внизу страницы. это удобно сделать фоном, но он дублируется или липнет к верху ячейки.. буду очень признателен за совет! -
почему таблица в ячейке не хочет растягиваться на 100% высоты ячейки?
vovchikku replied to vovchikku's question in HTML Coding
Господа, все-аки не получается... размер родительской ячейки 100% указал, и opera это воспринимает, а explorer - нет . Все равно навигация к низу прилепает! Решил проблему только полностью перекроив шаблон... Но вопрос так и не решился вот гляньте на этой странице http://www.hm-ges.ru/index.php?option=com_...=8&Itemid=4 Почему mainbody прилепает к низу, хотя я сделал все по рекомендации... таблица-то простая <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="100%" valign="top"><table width="100%" height="100%" border="0" cellpadding="5" cellspacing="0"> <tr> <td height="100%" valign="top"> <?php mosMainBody(); ?></td> </tr> </table></td> </tr> <tr> <td valign="bottom"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/bottom_center.gif" width="609" height="212" border="0" /></td> </tr> </table> нужно чтобы картинка липла к низу, а mainbody к верху, но таблица, в которой сидит mainbody, почему-то не растягивается на 100%. приходится ставить не 100% , а px, подгадывая размер страницы с минимальным текстом