Joomla 1.5 Помогите решить проблему отображения в разных браузерах

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем georg, 13.07.2010.

  1. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    Создал шаблон. Все вроде в порядке работаю в Лисе начал проверять и других браузерах возникли проблемы при отображениии подскажите как с этим боротся. Я пока только учусь. заранее благодарен за помощ=O=O=O
     
  2.  
  3. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Какие именно проблемы? Скриншоты, ссылки, детальное описание - приветствуются.

    В противном случае ответ один - читайте в Интернете про кроссбраузерность, css-хаки и пр. :)
     
    georg нравится это.
  4. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    Как скрин вставить шот у меня не получается. Спасибо
     
  5. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Нажмите "ответить", либо внизу "расширенный режим", чтобы попасть на страницу полноценного ответа. Там есть кнопка "управлять вложениями".
    Если картинку с фотохостинга, тогда просто нажмите иконку, на которой фотка дерева изображена над полем ввода текста ответа и в появившемся окне вставьте ссылку на картинку.
     
  6. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    Добавил скриншоты спасибо за помощ заранее.Ошибки обвел
     

    Вложения:

    • Mozila.jpg
      Mozila.jpg
      Размер файла:
      102.7 КБ
      Просмотров:
      13
    • Opera.jpg
      Opera.jpg
      Размер файла:
      101.5 КБ
      Просмотров:
      13
    • Explorer.jpg
      Explorer.jpg
      Размер файла:
      100.1 КБ
      Просмотров:
      11
    Последнее редактирование: 13.07.2010
  7. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Без html этой части страницы и связанных с ним css стилей не разобраться.

    В целом дело в отступах (padding, margin - для какого-то элемента не обнулены и ff берет за 0, а опера и осел - наследуют 1 или 2 пикселя от родителя).
     
  8. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите где конкретно это искать. Прилагаю код CSS

    /* Глобальное форматирование страницы. */


    body {
    background-color: #c5ccd9;
    }
    .main {
    border: 1px solid #000066;
    }
    .logo {
    background-image: url(../images/atletss_r1_c1.jpg);
    background-repeat: repeat-x;
    height: 103px;
    width: 252px;
    }
    .head {
    background-image: url(../images/atletss_r1_c3.jpg);
    background-repeat: repeat-x;
    height: 103px;
    width: 1138px;
    }
    .domen {
    background-image: url(../images/atletss_r2_c1.gif);
    background-repeat: repeat-x;
    height: 22px;
    width: 252px;
    }
    .lingvo {
    background-image: url(../images/atletss_r2_c3.gif);
    background-repeat: repeat-x;
    height: 22px;
    width: 893px;
    }
    .topmeny1 {
    background-image: url(../images/atletss1_r2_c1.gif);
    background-repeat: repeat-x;
    height: 28px;
    width: 1145px;
    }
    .topmeny2 {
    background-image: url(../images/atletss1_r3_c1.gif);
    background-repeat: repeat;
    height: 31px;
    width: 1145px;
    }
    .razdel {
    background-image: url(../images/atletss_r4_c1.gif);
    background-repeat: no-repeat;
    height: 3px;
    width: 1145px;
    }
    .leftbaner {
    background-image: url(../images/atletss_r6_c1.gif);
    background-repeat: no-repeat;
    height: 554px;
    width: 240px;
    }
    .rihgtbaner {
    background-image: url(../images/atletss_r2_c4.gif);
    background-repeat: no-repeat;
    height: 635px;
    width: 245px;
    }
    .mainbody {
    background-image: url(../images/atletss_r6_c2.gif);
    background-repeat: no-repeat;
    height: 554px;
    width: 905px;
    }
    .footez {
    background-image: url(../images/atletss_r7_c1.gif);
    background-repeat: repeat-x;
    height: 68px;
    width: 1390px;
    }




    h1, h2, h3, h4, h5, h6, p, pre,
    blockquote, ul, ol, dl, address,
    .componentheading,.contentheading,
    .contentpagetitle,.sectiontableheader,.newsfeedheading{
    margin: 1em 0;
    padding: 0;
    }
    li, dd, blockquote {
    margin-left: 1em;
    }
    fieldset {
    border: none;
    }
    input, select, textarea {
    font-size: 1em;
     
  9. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Приложи уж тогда и html-код шаблона (можно из готовой страницы).
     
  10. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    Приложил и PHP Спасибо за помощ огромное ато сам уже запарился.
     
  11. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    Приложил

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html>
    <head>
    <title>Легкая атлетика</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <meta name="description" content="FW 8 DW 8 HTML">
    <!--Fireworks CS3 Dreamweaver CS3 target. Created Wed Jun 30 18:29:41 GMT+0400 2010-->
    </head>
    <body bgcolor="#ffffff">
    <!--The following section is an HTML table which reassembles the sliced image in a browser.-->
    <!--Copy the table section including the opening and closing table tags, and paste the data where-->
    <!--you want the reassembled image to appear in the destination document. -->
    <!--======================== BEGIN COPYING THE HTML HERE ==========================-->
    <table border="0" cellpadding="0" cellspacing="0" width="1390">
    <!-- fwtable fwsrc="Безымянный" fwpage="Страница 1" fwbase="atletss.gif" fwstyle="Dreamweaver" fwdocid = "2084159896" fwnested="1" -->
    <tr><!-- row 1 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1390">
    <tr><!-- row 1 -->
    <td><img name="atletss_r1_c1" src="images/atletss_r1_c1.jpg" width="252" height="103" border="0" alt=""></td>
    <td><img name="atletss_r1_c3" src="images/atletss_r1_c3.jpg" width="1138" height="103" border="0" alt=""></td>
    </tr>
    </table></td>
    </tr>
    <tr><!-- row 2 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1390">
    <tr><!-- row 1 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1145">
    <tr><!-- row 1 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1145">
    <tr><!-- row 1 -->
    <td><img name="atletss_r2_c1" src="images/atletss_r2_c1.gif" width="252" height="22" border="0" alt=""></td>
    <td><img name="atletss_r2_c3" src="images/atletss_r2_c3.gif" width="893" height="22" border="0" alt=""></td>
    </tr>
    </table></td>
    </tr>
    <tr><!-- row 2 -->
    <td><img name="atletss_r3_c1" src="images/atletss_r3_c1.gif" width="1145" height="28" border="0" alt=""></td>
    </tr>
    <tr><!-- row 3 -->
    <td><img name="atletss_r4_c1" src="images/atletss_r4_c1.gif" width="1145" height="3" border="0" alt=""></td>
    </tr>
    <tr><!-- row 4 -->
    <td><img name="atletss_r5_c1" src="images/atletss_r5_c1.gif" width="1145" height="28" border="0" alt=""></td>
    </tr>
    <tr><!-- row 5 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1145">
    <tr><!-- row 1 -->
    <td><img name="atletss_r6_c1" src="images/atletss_r6_c1.gif" width="240" height="554" border="0" alt=""></td>
    <td><img name="atletss_r6_c2" src="images/atletss_r6_c2.gif" width="905" height="554" border="0" alt=""></td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    <td><img name="atletss_r2_c4" src="images/atletss_r2_c4.gif" width="245" height="635" border="0" alt=""></td>
    </tr>
    </table></td>
    </tr>
    <tr><!-- row 3 -->
    <td><img name="atletss_r7_c1" src="images/atletss_r7_c1.gif" width="1390" height="68" border="0" alt=""></td>
    </tr>
    <!-- This table was automatically created with Adobe Fireworks -->
    <!-- http://www.adobe.com -->
    </table>
    <!--========================= STOP COPYING THE HTML HERE =========================-->
    </body>
    </html>
     
    Последнее редактирование: 13.07.2010
  12. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    а чего вы там все увидали=O:(
    я ничего не заметил :'(
     
  13. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Что-то я в html не вижу ни намека на ссылку на css. Да и вообще на шаблон joomla! это ни разу не похоже.

    Что качается вопроса: если в этом html нет даже ссылки на css из предыдущего поста, а так же нет ни 1 класса или id, я берусь предположить что это не тот html, который нужен.

    Попробуйте в
    добавить margin:0; padding:0;

    Отпишитесь о результатах.
     
  14. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    спасибо попробую, отпишусь
     
  15. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    Добавил никаких изьенений не произошло все также и осталось. Огромное спасибо за Внимание и за помощ.
     
  16. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Извиняюсь, без возможности посмотреть на код лично, больше ничего посоветовать не могу.
     
  17. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    /* Стандартный Joomla CSS для шаблона: Barrie North: Compass Designs: www.compassdesigns.net */
    /* Перевод blank.css: Sunder: Joom: www.joom.ru */

    /* Чистый CSS. Общие свойства находятся в начале и затем дополняются ниже */
    /* Заметьте, что CSS включают краткие записи стилей (например, 'font:' и затем длинная версия). Не используйте обе записи! */
    /* После окончания оформления, преобразуйте все стили к краткому виду и удалите пустые свойства */

    /* Глобальное форматирование страницы. */


    body {
    background-color: #c5ccd9;
    }
    .main {
    border: 1px solid #000066;
    }
    .logo {
    background-image: url(../images/atletss_r1_c1.jpg);
    background-repeat: repeat-x;
    margin:0;
    padding:0;
    height: 103px;
    width: 252px;
    }
    .head {
    background-image: url(../images/atletss_r1_c3.jpg);
    background-repeat: repeat-x;
    height: 103px;
    width: 1138px;
    }
    .domen {
    background-image: url(../images/atletss_r2_c1.gif);
    background-repeat: repeat-x;
    height: 22px;
    width: 252px;
    }
    .lingvo {
    background-image: url(../images/atletss_r2_c3.gif);
    background-repeat: repeat-x;
    height: 22px;
    width: 893px;
    }
    .topmeny1 {
    background-image: url(../images/atletss1_r2_c1.gif);
    background-repeat: repeat-x;
    height: 28px;
    width: 1145px;
    }
    .topmeny2 {
    background-image: url(../images/atletss1_r3_c1.gif);
    background-repeat: repeat;
    height: 31px;
    width: 1145px;
    }
    .razdel {
    background-image: url(../images/atletss_r4_c1.gif);
    background-repeat: no-repeat;
    height: 3px;
    width: 1145px;
    }
    .leftbaner {
    background-image: url(../images/atletss_r6_c1.gif);
    background-repeat: no-repeat;
    height: 554px;
    width: 240px;
    }
    .rihgtbaner {
    background-image: url(../images/atletss_r2_c4.gif);
    background-repeat: no-repeat;
    height: 635px;
    width: 245px;
    }
    .mainbody {
    background-image: url(../images/atletss_r6_c2.gif);
    background-repeat: no-repeat;
    height: 554px;
    width: 905px;
    }
    .footez {
    background-image: url(../images/atletss_r7_c1.gif);
    background-repeat: repeat-x;
    height: 68px;
    width: 1390px;
    }




    h1, h2, h3, h4, h5, h6, p, pre,
    blockquote, ul, ol, dl, address,
    .componentheading,.contentheading,
    .contentpagetitle,.sectiontableheader,.newsfeedheading{
    margin: 1em 0;
    padding: 0;
    }
    li, dd, blockquote {
    margin-left: 1em;
    }
    fieldset {
    border: none;
    }
    input, select, textarea {
    font-size: 1em;
    }
    /* Глобальное форматирование страницы */


    /* Высота текста и основная настройка размеров шрифта */
    /* Размер шрифта указан в em. */
    #header{
    line-height: 1.2em;
    font-size:;
    }
    #leftcolumn{
    line-height: 1.2em;
    font-size:;
    }
    #rightcolumn{
    line-height: 1.2em;
    font-size:;
    }
    #maincol{
    line-height: 1.4em;
    font-size:;
    }
    #footer{
    line-height: 1.1em;

    font-size:;
    }

    /* Отсупы для вложенных контейнеров.
    Попытка избежать проблемы с блоками */
    .insidefooter { /*небольшая настройка для footer'a */
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    }
    .inside {
    padding: 10px 0 0 8px;
    }
    .insideright { /* небольшая настройка для right column */
    padding: 10px 0 8px 8px;
    }

    /* УСТАНАВЛИВАЙТЕ ЛЮБОЙ РАЗМЕР ШРИФТА В EM */

    /* Главные заголовки для различных страниц.
    Соединяйте различные заголовки для создания одного стиля отображения */
    h1,.componentheading {
    font:;
    color:;
    font-size:1.5em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /* отступ заголовка: сверху/снизу */
    padding:0 0em; /* отступ текста: слева/справа */
    background:;
    }
    h2,.contentheading,a.contentheading:link,a.contentheading:visited,
    .contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {
    font:;
    color:;
    font-size:1.4em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /* отступ заголовка: сверху/снизу */
    padding:0 0em; /* отступ текста: слева/справа */
    background:;
    }
    h3,table.moduletable th {
    font:;
    color:;
    font-size:1.3em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /* отступ заголовка: сверху/снизу */
    padding:0 0em; /* отступ текста: слева/справа */
    background:;
    }
    h4 {
    font:;
    color:;
    font-size:1.2em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /* отступ заголовка: сверху/снизу */
    padding:0 0em; /* отступ текста: слева/справа */
    background:;
    }
    h5 {
    font:;
    color:;
    font-size:1.2em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /* отступ заголовка: сверху/снизу */
    padding:0 0em; /* отступ текста: слева/справа */
    background:;
    }
    h6 {
    font:;
    color:;
    font-size:1.2em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /* отступ заголовка: сверху/снизу */
    padding:0 0em; /* отступ текста: слева/справа */
    background:;
    }
    img {
    border: 0;
    }

    /* Форматирование текста, не являющегося ссылкой */
    p, td, tr, div {
    font:;
    color:;
    font-size:1em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /* отступ по вертикали: сверху/снизу */
    padding:0 0em; /* отступ по горизонтали: слева/справа */
    background:;
    }
    p {
    font:;
    color:;
    font-size:em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /*отступ по вертикали: сверху/снизу*/
    padding:0 0em; /*отступ по горизонтали: слева/справа*/
    background:;
    }
    li > p {
    margin-top: 0.2em;
    }
    pre {
    font-family: monospace;
    font-size: 1.0em;
    }
    strong, b {
    font-weight: bold;
    }
    td {
    font:;
    color:;
    font-size:em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /*отступ по вертикали: сверху/снизу*/
    padding:0 0em; /*отступ по горизонтали: слева/справа*/
    background:;
    }
    tr {
    font:;
    color:;
    font-size:em;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:1em 0; /*отступ по вертикали: сверху/снизу*/
    padding:0 0em; /*отступ по горизонтали: слева/справа*/
    background:;
    }
    abbr acronym {

    font:;
    color:;
    font-family:;
    font-style:;
    font-weight:;
    background:;
    }
    /* ----- СПИСКИ (LISTS) ----- */
    ol, ul, li {
    /*list-style: none; Раскомментируйте, если хотите иметь нормальный */
    font-size:1em;
    line-height:;
    margin:;
    padding:;
    }
    ul,ol {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    list-style:;
    float:;
    margin:;
    padding:;
    }
    li{
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    list-style:;
    float:;
    margin:;
    padding:;
    }

    /********* ФОРМАТИРОВАНИЕ ССЫЛОК (LINKS) *********/

    /*Форматирование всех основных стилей ссылок */
    a:link,a:visited,a:hover {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    /* Форматирование основных ссылок индивидуально */
    a:link {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    a:visited {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    a:hover {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }

    /* горизонтальная разделительная линия в вашем шаблоне */
    hr {}
    hr.separator {}

    /* НАСТРОЙКИ ФОРМ (FORMS) */
    .button {}
    .inputbox {}
    .search {} /*форматирование <div>, в котором вложены элементы поиска: inputbox, кнопка поиска...*/


    /* ФОРМАТИРОВАНИЕ НАВИГАЦИИ/МЕНЮ (MENU) */

    a.mainlevel{
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;

    } /* форматирование ГЛАВНЫХ(main, не вложенных) элементов меню */
    a.mainlevel:link {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    }
    a.mainlevel:visited {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    }
    a.mainlevel:hover {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    }

    #active_menu {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FF66CC;

    } /* форматирование для элемента меню, когда оно активно, даже в позиции main/sub*/

    ul#mainlevel-nav {}
    ul#mainlevel-nav li{}

    #mainlevel-nav {
    height: 28px;
    margin: 0px;
    }

    #mainlevel-nav a:link {
    background-image: url(../images/atletss2_r2_c1.gif);
    height: 28;
    width: 143;
    font-size:14px;
    color:#FFFFFF;
    display:block;
    text-align: center;
    float:left;
    padding-top: 2px;
    padding-left: 22px;
    padding-right: 22px;

    }
    #mainlevel-nav a:visited{
    background-image: url(../images/atletss2_r2_c1.gif);
    height: 28;
    width: 143;
    font-size:14px;
    color:#FFFFFF;
    display:block;
    text-align: center;
    float:left;
    padding-top: 2px;
    padding-left: 22px;
    padding-right: 22px;
    }
    #mainlevel-nav a:hover {
    background-image: url(../images/atletss2_r2_c1.gif);
    height: 28;
    width: 143;
    font-size:14px;
    color:#FFFFFF;
    display:block;
    text-align: center;
    float:left;
    padding-top: 2px;
    padding-left: 22px;
    padding-right: 22px;
    }

    a.sublevel{} /* форматирование вложенных элементов меню (имеющих родителей) */
    a.sublevel:link {}
    a.sublevel:visited {}
    a.sublevel:hover {}


    /* форматирование текста и ссылок
    "<< В Начало < Предыдущая 1 Следующая > В Конце >>" */
    .pagenav,.pagenavbar {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    a.pagenav:hover, {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    /* Форматирование ссылки "Подробнее..." для содержимого */
    a.readon:link,a.readon:visited {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    a.readon:hover {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    /* Форматирование ссылки "Подробнее..." для содержимого
    - ОТОБРАЖЕНИЕ В ВИДЕ КНОПКИ (блочный тип) */
    /*
    a.readon:link,a.readon:visited {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    display: block;
    border: 1px solid;
    border-color: #aaa #000 #000 #aaa;
    width:;
    background:;
    }
    a.readon:hover {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #000 #aaa #aaa #000;
    }*/
    /* Форматирование ссылки "НАЗАД" ("Вернуться") */
    a.back_button {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    a.back_button:hover
    {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    text-decoration:;
    }
    /* Форматирование ссылки "НАЗАД". Отображение в виде кнопки
    a.back_button {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    display: block;
    border: 1px solid;
    border-color: #aaa #000 #000 #aaa;
    width:;
    background:;
    }
    a.back_button:hover
    {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #000 #aaa #aaa #000;
    }*/

    /* как форматировать эти два элемента - показано выше :)) */
    .pagenav_prev {} /*Форматирование ссылки "Пред." */
    .pagenav_next {} /*Форматирование ссылки "След." */

    /* Форматирование списка последних новостей.
    По умолчанию модуль "Последние новости" находится в позиции user1 */
    .latestnews ul {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    list-style:;
    float:;
    margin:;
    padding:;
    }
    .latestnews li {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    list-style:;
    float:;
    margin:;
    padding:;
    }
    /* Форматирование списка популярных новостей.
    По умолчанию модуль "Популярные новости" находится в позиции user2 */
    .mostread ul{
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    list-style:;
    float:;
    margin:;
    padding:;
    }
    .mostread li{
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    list-style:;
    float:;
    margin:;
    padding:;
    }

    /* ФОРМАТИРОВАНИЕ СТРАНИЦ С СОДЕРЖИМЫМ */
    a.category:link {}
    a.category:hover {}
    a.category:visited {}

    .blogsection {} /* Форматирование ссылки в разделе "блог" */
    .blog_more {} /*Формативароние ссылки "Подробнее" в разделе "блог"*/
    a.blogsection:link {} /* форматирование ссылок */
    a.blogsection:visited {} /* то же самое, только для посещенных ссылок */
    a.blogsection:hover {} /* то же самое, только при наведении на ссылку */


    .contentpane {} /* Форматирование таблицы, в которой находится не новостная информация (компоненты, список категорий, форма контактов и т.д.).*/
    .contentpaneopen {} /* Форматирование таблицы, в которой находится новостная информация (статьи, новости и т.д.).*/

    a.contentpagetitle:hover {} /*Форматирование заголовков статей/новостей, если они включены как ссылки */
    {}

    .contentdescription {} /* Форматирование текста "ОПИСАНИЕ" у разделов и категорий (Новости/Ссылки/Последние новости...) */
    table.contenttoc {} /* Форматирование таблицы оглавления для многостраничного содержимого */
    table.contenttoc td {} /* то же самое, форматирование текста таблицы оглавления */
    table.contenttoc th {} /* то же самое, форматирование заголовка таблицы оглавления */
    table.contenttoc td.toclink {} /* то же самое, форматирование названий страниц содержимого*/
    a.toclink:link {} /* то же самое, форматирование ссылок на страницы содержимого*/
    a.toclink:visited {}
    a.toclink:hover {}


    /* ОТОБРАЖЕНИЕ ТАБЛИЦ С ДАННЫМИ (Автор, Дата, Название и Просмотры) */
    .sectiontableheader {} /* Форматирование отображения заголовка таблицы.
    Например: заголовок таблицы - это "Дата", "Название", "Автор" и "Просмотры" */
    /* Форматирование чередующихся строк таблиц */
    .sectiontableentry1 {}
    .sectiontableentry2 {}


    /* ФОРМАТИРОВАНИЕ МОДУЛЕЙ */
    /* Примечание: параметр модуля (стиль модуля) - параметр функции
    вывода модуля в шаблоне - mosLoadModules ( 'позиция', параметр); */
    .module {} /* Форматирование модулей, выводимых с параметром -3 */
    table.moduletable {} /* Форматирование модулей, выводимых с параметром 0 или 1*/
    table.moduletable td {} /* Форматирование текста модуля table.moduletable */
    div.moduletable {} /* Форматирование модулей, выводимых с параметром -2 */
    div.moduletable h3 {} /* Форматирование заголовка модуля div.moduletable */

    /* Закругленные углы для модулей, выводимых с параметром -3.
    Изображения должны находится в папке templates/название_шаблона/images
    div.module {
    background: url(../images/topleftofbox.png) 0 0 no-repeat;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    }
    div.module div {
    background: url(../images/toprightofbox.png) 100% 0 no-repeat;
    }
    div.module div div{
    background: url(../images/bottomleftofbox.png) 0 100% no-repeat;
    }
    div.module div div div {
    background: url(../images/bottomrightofbox.png) 100% 100% no-repeat;
    padding: 8px;
    width: auto !important;
    width: 100%;
    }*/

    /* РАЗНОЕ */

    /* Форматирование даты создания статьи/содержимого */
    .createdate {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    }
    /* Форматирование текста "Последнее обновление" в конце статьи/содержимого */
    .modifydate {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    }
    /* Форматирование текста "Написал:...." ("Автор").
    You can also use for any 'fine print' on your site by defining it in the html while adding content*/
    .small {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    }
    /*На странице результатов опроса, форматирование текста "Количество голосов".. */
    .smalldark {
    font:;
    color:;
    font-size:;
    font-family:;
    font-style:;
    font-weight:;
    text-align:;
    margin:;
    padding:;
    background:;
    }

    /* Опросы */
    .poll {} /* форматирование таблицы опроса */
    .pollstableborder {} /* устанавливает границу для таблицы опроса */

    /* Веб-ссылки */
    .weblinks{} /* ну.. это форматирование названия ссылок в компоненте "Weblinks" */
    a.weblinks:hover {} /* то же самое, только при наведении мыши */

    /* Ленты новостей (Newsfeeds) */
    .newsfeedheading {} /* Заголовок ленты. ЗАМЕЧАНИЕ: Эти никак не влияет на заголовок содержимого ленты! */
    .newsfeeddate {} /* да.. отображение даты в ленте новостей */
    .fase4rdf {} /* форматирование главного текста в ленте */

    /* Страница поиска */
    table.searchintro {} /* Форматирование текста "Поиск по словам: test возвращено 4 результата" */
     
  18. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html>
    <head>
    <title>Легкая атлетика</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <meta name="description" content="FW 8 DW 8 HTML">
    <!--Fireworks CS3 Dreamweaver CS3 target. Created Wed Jun 30 18:29:41 GMT+0400 2010-->
    <link href="css/template_css.css" rel="stylesheet" type="text/css">
    </head>
    <body bgcolor="#ffffff">
    <!--The following section is an HTML table which reassembles the sliced image in a browser.-->
    <!--Copy the table section including the opening and closing table tags, and paste the data where-->
    <!--you want the reassembled image to appear in the destination document. -->
    <!--======================== BEGIN COPYING THE HTML HERE ==========================-->
    <table border="0" cellpadding="0" cellspacing="0" width="1390">
    <!-- fwtable fwsrc="Безымянный" fwpage="Страница 1" fwbase="atletss.gif" fwstyle="Dreamweaver" fwdocid = "2084159896" fwnested="1" -->
    <tr><!-- row 1 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1390">
    <tr><!-- row 1 -->
    <td><img name="atletss_r1_c1" src="images/atletss_r1_c1.jpg" width="252" height="103" border="0" alt=""></td>
    <td><img name="atletss_r1_c3" src="images/atletss_r1_c3.jpg" width="1138" height="103" border="0" alt=""></td>
    </tr>
    </table></td>
    </tr>
    <tr><!-- row 2 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1390">
    <tr><!-- row 1 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1145">
    <tr><!-- row 1 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1145">
    <tr><!-- row 1 -->
    <td><img name="atletss_r2_c1" src="images/atletss_r2_c1.gif" width="252" height="22" border="0" alt=""></td>
    <td><img name="atletss_r2_c3" src="images/atletss_r2_c3.gif" width="893" height="22" border="0" alt=""></td>
    </tr>
    </table></td>
    </tr>
    <tr><!-- row 2 -->
    <td><img name="atletss_r3_c1" src="images/atletss_r3_c1.gif" width="1145" height="28" border="0" alt=""></td>
    </tr>
    <tr><!-- row 3 -->
    <td><img name="atletss_r4_c1" src="images/atletss_r4_c1.gif" width="1145" height="3" border="0" alt=""></td>
    </tr>
    <tr><!-- row 4 -->
    <td><img name="atletss_r5_c1" src="images/atletss_r5_c1.gif" width="1145" height="28" border="0" alt=""></td>
    </tr>
    <tr><!-- row 5 -->
    <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="1145">
    <tr><!-- row 1 -->
    <td><img name="atletss_r6_c1" src="images/atletss_r6_c1.gif" width="240" height="554" border="0" alt=""></td>
    <td><img name="atletss_r6_c2" src="images/atletss_r6_c2.gif" width="905" height="554" border="0" alt=""></td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    <td><img name="atletss_r2_c4" src="images/atletss_r2_c4.gif" width="245" height="635" border="0" alt=""></td>
    </tr>
    </table></td>
    </tr>
    <tr><!-- row 3 -->
    <td><img name="atletss_r7_c1" src="images/atletss_r7_c1.gif" width="1390" height="68" border="0" alt=""></td>
    </tr>
    <!-- This table was automatically created with Adobe Fireworks -->
    <!-- http://www.adobe.com -->
    </table>
    <!--========================= STOP COPYING THE HTML HERE =========================-->
    </body>
    </html>
     
  19. Offline

    georg Недавно здесь

    Регистрация:
    19.05.2010
    Сообщения:
    66
    Симпатии:
    0
    Пол:
    Мужской
    Могу прислать и PHP лижбы помогло. Огромное спасибо за терпение сам знаю как трудно работать с новичками. Но учится когдато надо[!]
     
  20. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    такие вещи лучше во вложениях прикреплять дабы не удобно
     
    georg нравится это.
  21. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Этот html получен "нарезанием" из adobe fireworks и не имеет никакого отношения к первоначальному шаблону, от которого вы привели css. И даже добавленная вами во второй раз строчка
    ничего не меняет, так как в самом html не встречается ни 1 класса или id, используемых в этом css.

    Другими словами, получаемая в итоге вами страничка никак не зависит от каскадной таблицы стилей, вы можете ее удалить, и ничего не поменяется.

    Практически наугад могу предположить, что "<img name="atletss_r1_c1" src="images/atletss_r1_c1.jpg" width="252" height="103" border="0" alt="">" - это та самая картинка, вокруг которой у вас образуется белая рамка в 1 пиксель (чтобы узнать наверняка - удалите и посмотрите, что пропадет). Можете попробовать дописать туда style="margin:0;padding0;border:0;" и посмотреть что получится. Хотя, в целом, я не вижу смысла вообще пользоваться этим кодом, т.к. он сгенерирован программой "на автомате" и по сути ужасен :)
    Шаблон у вас не сложный, начните лучше верстать его с нуля, пользуясь документацией по joomla (коей очень много не только на этом ресурсе, но и на некоторых других) и опираясь на готовый шаблон (хотя бы тот же rhuk_solarflare, идущий в стандартной сборке).
     

Поделиться этой страницей

Загрузка...