Выравнять настраиваемые поля. - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - Выравнять настраиваемые поля. (http://forum.oszone.net/showthread.php?t=246172)

Выравнять настраиваемые поля.

Здравствуйте! Столкнулся c проблемой, вот как это выглядит у меня
В каком файле и что именно поправить в коде, что бы выровнять кнопку с изображением и сами изображения "цвета корпуса"? Заранее спасибо.
Joomla 1.5.25, virtuemart 2.0.12f

Сколько же у вас в коде ненужного мусора. Разобраться без бутылки сложновато.

Замените ваш код

Код:

<span class="product-field-display"><input id="16" checked="checked" type="radio" value="31" name="customPrice[0][16]" /><label for="16" class="other-customfield">  <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/vishny-oksford4_150x150.jpg" alt="Вишня Оксфорд"  />    <span class="vm-img-desc">Вишня Оксфорд</span> +200,00 руб</label><input id="16"  type="radio" value="32" name="customPrice[0][16]" /><label for="16" class="other-customfield">  <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/oreh-ital7_150x150.jpg" alt="Орех Италия"  /><span class="vm-img-desc">Орех Италия</span> Без доплаты</label></span>

на более простой

Код:

<table>  <td>  <b>Вишня Оксфорд</b> +200,00 руб<input id="16" checked="checked" type="radio" value="31" name="customPrice[0][16]" /><br>  <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/vishny-oksford4_150x150.jpg" alt="Вишня Оксфорд"  />  </td>  <td>  <b>Орех Италия</b> Без доплаты <input id="16"  type="radio" value="32" name="customPrice[0][16]" /><br>  <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/oreh-ital7_150x150.jpg" alt="Орех Италия"  />  </td>  </table>

Готовый результат

Если подскажешь в каком файле заменить код, с меня ещё один "+"! А то я что то сообразить не могу никак, как с такой правкой он будет подгонять все вновь добавленные поля. :sorry:

К сожалению не подскажу, Нужно ставить джомлу с нужным шаблоном. Я просто взял HTML код вашей страницы, нашел проблемное место и исправил верстку.
Нужно смотреть откуда встраивается в шаблон данный код. Естественно искать нужно там, где формируется описание вашего товара.

Подсказка:
Запустите поиск по директории где у вас лежит джомла (на компьютере) по названию: "customPrice", "other-customfield"

Так вы быстро найдете файлы, которые формируют нужные части шаблона. И там уже делайтй то, что хотите.

Цитата:

Цитата VINDIGO1

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

Если я вас правильно понял, то нет ничего сложного.

Код

Код:

<table>  <td>  <b>Вишня Оксфорд</b> +200,00 руб<input id="16" checked="checked" type="radio" value="31" name="customPrice[0][16]" /><br>  <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/vishny-oksford4_150x150.jpg" alt="Вишня Оксфорд"  />  </td>  <td>  <b>Орех Италия</b> Без доплаты <input id="16"  type="radio" value="32" name="customPrice[0][16]" /><br>  <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/oreh-ital7_150x150.jpg" alt="Орех Италия"  />  </td>  <tr>  <td>  <b>Вишня Оксфорд2</b> +200,00 руб<input id="16" checked="checked" type="radio" value="31" name="customPrice[0][16]" /><br>  <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/vishny-oksford4_150x150.jpg" alt="Вишня Оксфорд"  />  </td>  <td>  <b>Орех Италия2</b> Без доплаты <input id="16"  type="radio" value="32" name="customPrice[0][16]" /><br>  <img src="http://kamilamebel.ru/images/stories/virtuemart/product/resized/oreh-ital7_150x150.jpg" alt="Орех Италия"  />  </td>  </table>

Результат

P/S
Естественно код страницы формируется динамически и у вас такие значения как value="32", customPrice[0][16] будут создаваться движком, имейте это ввиду.

Цитата:

Цитата softter

Подсказка:
Запустите поиск по директории где у вас лежит джомла (на компьютере) по названию: "customPrice", "other-customfield" »

Нету не того и не этого и похоже ничего не нахожу. :dont-know

Нужно искать по этим названиям не файлы, а текст в файлах.

softter, вот все файлы которые нашёл, ничего похожего нет, точнее текст нашёл, но что исправить? В php ещё не силён.

Ребята, подскажите! Весь инет облазил и всю голову сломал, никак не выравниваются эти поля.

Найдите у себя файл css00000.css и вставьте в его начало следующий код

Код:

.product-field-display input {display:block; left:50px !important; }  .other-customfield {display:block; float:none !important; margin-left:20px !important;}

Цитата:

Цитата softter

Найдите у себя файл css00000.css и вставьте в его начало следующий код »

Такого файла нет :( Есть такой вот файл "css.css", но в другом шаблоне.

Цитата:

Цитата VINDIGO1

Такого файла нет Есть такой вот файл "css.css", но в другом шаблоне. »

Значит он создается динамически (я работал с сохраненной копией сайта)

Тогда в файл vmsite-l.css что у вас вложен в архив, разницы никакой, он то же подгружается движком в HTML шаблон при отображенни сайта.

Всё получилось! Спасибо вам огромное, хоть один добрый человек на весь инет нашелся, не знаю как вас и отблагодарить! Хотелось конечно что бы они встали не друг над другом, а рядом, но это может в ващей правке с размерами поиграть и с размерами миниатюр?

Если заменить первые стили на эти

Код:

.product-field-display input {margin-bottom:-18px; margin-left:20px; padding:0px; display:block;}  .other-customfield {margin-top:20px; margin-left:15px; display:inline-table;}

То блоки выбора цвета будут рядом. НО! Не удается разделить чекбоксы на браузерах работающих на движке хромиум (хром и его клоны).
Да и не известно, как поведет себя эта верска при добавлении 3 и более цветовых блоком.

Да, придется оставить первый вариант. :)