Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 4442 Просмотров
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
Кому не лень помогите пожалуйста, я думаю вопрос плевый, просто у меня мало знаний в изменении шаблонов. Сайт http://www.zakaztaxi74.ru/, картинка о которой идет речь находится сразу под меню.
*

yuri-design

  • Давно я тут
  • 652
  • 76 / 5
у картинки такой размер? "width:170px;height:240px;"
если - да, то просто увеличить размер картинки и она встанет по центру
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
Да размер именно такой, щас попробую и отпишусь.
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
Результат отрицательный картинка стала больше и съехала в сторону >:(
*

yuri-design

  • Давно я тут
  • 652
  • 76 / 5
тогда , вроде здесь надо поправить <div style="padding:0 20px;">
вместо 20 поставить 10
Вроде так
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
тогда , вроде здесь надо поправить <div style="padding:0 20px;">
вместо 20 поставить 10
Вроде так
Я картинку вывел через templates.php, а надо скорее всего в другом месте подскажите пожалуйста по подробнее что и где менять
*

yuri-design

  • Давно я тут
  • 652
  • 76 / 5
Надо посмотреть таблицу стилей,
там найти "leftcolumn" и посмотреть расстояние 20px и уменьшить,
либо тут. Вроде так
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
#leftcolumn div.module table ,#rightcolumn div.module table {
   width: auto;
}

#leftcolumn h3, #rightcolumn h3 {
   height:36px;
   color:#957E2A;
   font-weight: bold;
   font-family: Tahoma, Helvetica,Arial,sans-serif;
   font-size: 12px;
   line-height:26px;
   margin: -2px 0 0 ;
   position:absolude;
   padding:0px 0 2px 22px;
   text-align: left;
   width:198px;
   background:transparent url(../images/h3_bg.gif) top left no-repeat;
}


#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c {
   margin:0 0 20px 0;
   padding: 0px;
   text-align:left;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
   margin:0;
   padding:0px 0 0 10px;
   list-style:none;
   margin: 0px 0;
   width:194px;   
}


#leftcolumn ul.menu li, #rightcolumn ul.menu li {
   margin:0;
   padding:0;
}

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
   display:block;
   line-height:20px;
   padding:2px 0px 0 12px;
   height:20px;
   text-decoration: none;
   text-align:left;
   color:#444;
}

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

/* ****** left col current menu ****** */
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
   display:block;
   line-height:20px;
   padding:2px 0px 0 12px;
   text-decoration: none;
   color:#0000ff;
}

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

/* ****** left col sub menu ****** */
#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
   margin:0;
   padding:0 0 0 0px;
   list-style:none;
   
}

#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,
#rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link {
   background: transparent url(../images/menu_sub_link_bg.gif) left no-repeat;
   text-decoration:none;
   color:#666666;
   padding:2px 25px;
}

#leftcolumn ul.menu li.active ul li#current a, #leftcolumn ul.menu li.active ul li#current a a:link {
   background: transparent url(../images/current_link.jpg) left no-repeat;
   text-decoration:none;
   color:#666666;
   padding:2px 25px;
}

#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover {
   s/menu_sub_link_bg.gif) left no-repeat;
   color:#666666;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
   margin:6px 0;
   padding:0;
   list-style:none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
   margin:0;
   padding:0 2px;

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

VadimNExt

  • Захожу иногда
  • 154
  • 24 / 0
 У вас картинка вставлена в <table> который в свою очередь вставлен в <div> :
Код
<div style="width:137px;text-align:center;margin:0 auto;">
<br />
<table style="width:170px;height:240px;text-align:left;border:none;" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/templates/siteground-j15-12/images/taxi.jpg" style="width:170px;height:240px;" alt="Taxi 7771786" title="Taxi 7771786" /></td>
</tr>
</table>
</div>
вот это <div>  и нужно подровнять : вместо
Код
margin:0 auto;
поставить
Код
margin: 0px auto 0px 10px ; 
.

Если в шаблоне нет этого <div> и <table>, (т.е. они появляются уже после обработки шаблона парсером) то нужно в стилях template.css прописать этот  стиль :
Код
#leftcolumn div div table tr td img
{position: relative; left: -10px;  }

А вообще-то, картинки нужно вставлять с помощью модуля, а не искать себе головную боль . ^-^

« Последнее редактирование: 24.01.2010, 22:16:15 от VadimNExt »
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
Я бы знал как правильно стал бы я здесь вопросы спрашивать, учусь еще. А за совет огромное спасибо с вашей помощью все исправил! Мир не без добрых людей. ^-^
*

VadimNExt

  • Захожу иногда
  • 154
  • 24 / 0
Значит мы с вами коллеги, я то-же учусь, и уже не первый год.
Правда результаты не очень, то-ли не регулярно учусь, то-ли - бестолковый.  ;D

Кстати, когда вы станете немного опытней и наберете больше двадцати постов, то получите возможность
благодарить участников форума за помощь, нажимая им плюсики,  но это так - к слову.  ;D

Удачи!
*

si@m

  • Захожу иногда
  • 162
  • 2 / 0
Спасибо, за пожелание, а про плюсы учту, если есть такой простой способ поблагодарить человека то почему бы не воспользоваться им. Я пару дней голову ломал как выровнять картинку, изменить существующий параметр я еще как то могу а вот прописать новый уже значительно сложнее для меня. Еще раз спасибо за помощь. ;D
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

В новом шаблоне не адаптируется изображение

Автор Ebelous

Ответов: 4
Просмотров: 2848
Последний ответ 13.02.2024, 17:01:12
от Vastriet
Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3433
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2971
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1459
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1371
Последний ответ 27.11.2020, 11:33:58
от coliandra