Вопрос по верстке

12
AR
На сайте с 24.02.2011
Offline
81
896

Проблема вот в чем - есть сайт уже в интернете www.as-trading.com.ua. Сайт на joomla, за основу взят шаблон ja larix. На сайте есть боковое меню, там на картинке линия и кружочек. В сss это задана одним изображением с одним типом выравнивания в теге background вот так

"a.mainlevel

{

background:url(../images/a-mainlevel-bg.gif) no-repeat bottom left;"

.....}

Заказчики хотят что б линия оставалась, а кружочек был напротив текста, т.е.

{

background:url(../images/фото кружочка.gif) center;"

.....}

Я не особо в html - можно ил как то обьединить в теге background конкретного a.mainlevel 2 картинки, отдельно их располагая? Или как мне в данном случае можно поступить? Т.к. количество строчек разное и одной картинкой не справиться что б добиться нужного эффекта. Благодарю за совет!

Выращивание грибов - весь процесс на сайте Грибы (http://agrib.ru)
DiAksID
На сайте с 02.08.2008
Offline
236
#1

background:url(../images/фото кружочка.gif)  no-repeat center left;

кстати, загружать картинку 160х26, что бы в результате получить кружок 8х8 не кошерно 😂

show must go on !!!...
J
На сайте с 13.11.2008
Offline
155
#2

Мб так сойдет?

AR
На сайте с 24.02.2011
Offline
81
#3

Как так?) Если как есть - то не сойдет((( Нужно 2 картинки залепить не зависящие друг от друга. А вот как это сделать надеялся посоветуют!

[Удален]
#4

Вариантов масса, но две картинки в один бэкграунд однозначно не получится. Лучше всего, вырезайте всю таблицу, делайте ненумерованый список ul, задавайте для вложенных в него li {display: block}, им, соответственно, присваивайте background с линией внизу, а вид маркера настраивается с помощь свойств:

li:before {свойства} и li {list-style-type: значение}

Подробности здесь

DiAksID
На сайте с 02.08.2008
Offline
236
#5
agrib.ru:
Как так?) Если как есть - то не сойдет((( Нужно 2 картинки залепить не зависящие друг от друга. А вот как это сделать надеялся посоветуют!

ппц, ещё один чукча-писатель 😂

- в моём первом посте стиль для того что бы вывести кружок на середину-слева блока с ссылкой;

- линия это не картинка, а нижний border;

AR
На сайте с 24.02.2011
Offline
81
#6

Я так понимаю в шаблоне который я использую явно нет html, скриптами что ли все сделано, поэтому откуда вырезать таблицу не знаю( Стили уже в css выводятся.

Относительно background:url(../images/фото кружочка.gif) no-repeat center left; - кружочек я выведу в центр, но дело в том что border тоже задан картинкой, именно той что и кружок - один рисунок(((

[Удален]
#7

В чём проблема изменить картинку в фотошопе под свои нужды?

AR
На сайте с 24.02.2011
Offline
81
#8

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

DiAksID
На сайте с 02.08.2008
Offline
236
#9

там простейшая конструкция вида

<td>
<a...></a>
</td>

- для a задать фон маленькой картинкой кружка посередине+слева

- для td задать border снизу и/или (если хочется) фон снизу

это задачка для дед сада с углублённым изучением HTML 😂 плакаться не стоит, достаточно мозг иногда задействовать...

AR
На сайте с 24.02.2011
Offline
81
#10

Там это где? Если html в скриптах по моему... Где искать этот файл html для редактирования? Никто не плачется... Просто в связи с нехваткой знаний, решил спросить совета у гуру. Собственно в частности для этого форум и существует.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий