Нужна небольшая помощь по html.

Автор olegz09, 13-11-2018, 10:25:06

« назад - далее »

alexakap

Как то так, тупо css с первого сайта передрал

<div style="width: 100%;">
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><a href="kg"><img src="images/products/kg.jpg" border="0" alt="Кабель КГ" title="Кабель КГ" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="kg">Кабель КГ от 11 руб.</a></strong></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="tppet"><img src="images/products/kgvv.jpg" border="0" alt="Кабель КГВВ" title="Кабель КГВВ" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="tppet">Кабель КГВВ от 15 руб.</a></strong></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="kvvgng-frls"><img src="images/products/kvvgyu.jpg" border="0" alt="Кабель КВВГнг-FRLS" title="Кабель КВВГнг-FRLS" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><a href="&quot;kvvgng-frls"><strong>Кабель КВВГнг-FRLS от 30.50 руб.</strong></a></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="pvsng-ls"><img src="images/products/ls.jpg" border="0" alt="Провод ПВСнг-LS" title="Провод ПВСнг-LS" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="pvsng-ls">Провод ПВСнг-LS от 15.20 руб.</a></strong></span></div>
<div class="clear"> </div>
</div>
<div style="width: 100%;">
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="pugv-pv-3-pv-4"><img src="images/products/pv3.jpg" border="0" alt="Провод ПУГВ" title="Провод ПУГВ" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="pugv-pv-3-pv-4">Провод ПУГВ от 2.20 руб.</a></strong></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="tppet"><img src="images/products/tpep.jpg" border="0" alt="Кабель ТППэп" title="Кабель ТППэп" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="tppet">Кабель ТППэп от 11.10 руб.</a></strong></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="vbbshv"><img src="images/products/vbbshv.jpg" border="0" alt="Кабель ВБбШв" title="Кабель ВБбШв" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><a href="vbbshv"><strong>Кабель ВБбШв от 37.20 руб.</strong></a></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="vvgng-frls"><img src="images/products/vvgng.jpg" border="0" alt="ВВГнг-FRLS" title="ВВГнг-FRLS" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><a href="vvgng-frls"><strong>ВВГнг-FRLS от 44 руб.</strong></a></span></div>
<div class="clear"> </div>
</div>
  •  


olegz09Topic starter

Цитата: alexakap от 13-11-2018, 21:17:57
Как то так, тупо css с первого сайта передрал

<div style="width: 100%;">
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><a href="kg"><img src="images/products/kg.jpg" border="0" alt="Кабель КГ" title="Кабель КГ" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="kg">Кабель КГ от 11 руб.</a></strong></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="tppet"><img src="images/products/kgvv.jpg" border="0" alt="Кабель КГВВ" title="Кабель КГВВ" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="tppet">Кабель КГВВ от 15 руб.</a></strong></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="kvvgng-frls"><img src="images/products/kvvgyu.jpg" border="0" alt="Кабель КВВГнг-FRLS" title="Кабель КВВГнг-FRLS" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><a href="&quot;kvvgng-frls"><strong>Кабель КВВГнг-FRLS от 30.50 руб.</strong></a></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="pvsng-ls"><img src="images/products/ls.jpg" border="0" alt="Провод ПВСнг-LS" title="Провод ПВСнг-LS" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="pvsng-ls">Провод ПВСнг-LS от 15.20 руб.</a></strong></span></div>
<div class="clear"> </div>
</div>
<div style="width: 100%;">
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="pugv-pv-3-pv-4"><img src="images/products/pv3.jpg" border="0" alt="Провод ПУГВ" title="Провод ПУГВ" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="pugv-pv-3-pv-4">Провод ПУГВ от 2.20 руб.</a></strong></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="tppet"><img src="images/products/tpep.jpg" border="0" alt="Кабель ТППэп" title="Кабель ТППэп" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><strong><a href="tppet">Кабель ТППэп от 11.10 руб.</a></strong></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="vbbshv"><img src="images/products/vbbshv.jpg" border="0" alt="Кабель ВБбШв" title="Кабель ВБбШв" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><a href="vbbshv"><strong>Кабель ВБбШв от 37.20 руб.</strong></a></span></div>
<div style="width: 22%; border: 0px solid #C8595E; float: left; margin: 10px; text-align: center;"><a href="vvgng-frls"><img src="images/products/vvgng.jpg" border="0" alt="ВВГнг-FRLS" title="ВВГнг-FRLS" width="150" height="150" /></a> </span><br /> <span style="font-family: 'times new roman', 'times'; font-size: 12pt;"><a href="vvgng-frls"><strong>ВВГнг-FRLS от 44 руб.</strong></a></span></div>
<div class="clear"> </div>
</div>


Почти
http://energo-treyd.ru можно увидеть что получилось.
Вся электрика по оптовым ценам. http://kolchugenergo.ru
  •  



olegz09Topic starter

Все встало на место. Спасибо друзья всем огромное.
Вся электрика по оптовым ценам. http://kolchugenergo.ru
  •  

alexakap

  •  


olegz09Topic starter

Цитата: alexakap от 13-11-2018, 22:04:21
Я просто оставлю это здесь >>> http://htmlbook.ru/

Спасибо. Обязательно постараюсь вникнуть хоть в азы.
Вся электрика по оптовым ценам. http://kolchugenergo.ru
  •  

vold57

#16
Или для DIV, в котором изображение с названием задайте бОльшую высоту, которая будет рассчитана на названия с двумя строчками - http://prntscr.com/lhzci6.

Добавлено: 13-11-2018, 22:11:24


Стили нужно прописывать в файле стилей, а не для каждого элемента в отдельности - http://prntscr.com/lhzd3n.

Добавлено: 13-11-2018, 22:12:54


http://prntscr.com/lhzdxt

olegz09Topic starter

Цитата: vold57 от 13-11-2018, 22:07:21
Или для DIV, в котором изображение с названием задайте бОльшую высоту, которая будет рассчитана на названия с двумя строчками - http://prntscr.com/lhzci6.

Добавлено: 13-11-2018, 22:11:24


Стили нужно прописывать в файле стилей, а не для каждого элемента в отдельности - http://prntscr.com/lhzd3n.

Добавлено: 13-11-2018, 22:12:54


http://prntscr.com/lhzdxt

Понял. Попробую. Спасибо.
Вся электрика по оптовым ценам. http://kolchugenergo.ru
  •  


Андрей88

Если планируете продвигать сайт или даже просто оптимизировать под SEO, то нужно почти все переделывать.

Как я понял сайт делается, как каталог либо, полноценный интернет-магазин? Если это так, то жумла не самый хороший выбор
с учетом того, что вы в коде не понимаете, это будет ужасно тормозящий монстр )) (без обид).
СОВЕТ
Если нет средств, купите тему под опен карт, запросите у продавца демо материалы, они их для демки используют, и
просто заполните своим контентом!


olegz09Topic starter

Цитата: Андрей88 от 13-11-2018, 23:23:49
Если планируете продвигать сайт или даже просто оптимизировать под SEO, то нужно почти все переделывать.

Как я понял сайт делается, как каталог либо, полноценный интернет-магазин? Если это так, то жумла не самый хороший выбор

спасибо за совет
с учетом того, что вы в коде не понимаете, это будет ужасно тормозящий монстр )) (без обид).
СОВЕТ
Если нет средств, купите тему под опен карт, запросите у продавца демо материалы, они их для демки используют, и
просто заполните своим контентом!
Вся электрика по оптовым ценам. http://kolchugenergo.ru
  •