• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Помогите с div-ом (Помогите, пожалуйста, с div-ом)
Помогите с div-ом
lonely-wolf
Сообщений: 296
Репутация: 222

Сообщение # 1 | 19:38:53
Здравствуйте.
На этом сайте: http://bookseller.narod.ru/ создал в шаблонах блок-шаблон.
Вот его код:

Код
<div class="magaz" style="width: 100%" align="center">
<div class="palets" style="float: left; width: 26%"><img src="/nashi-fayly/kartinki/nashi-kartinki/magazin/perst-vpravo.jpg" border="0" alt="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" /></div>
<div class="vkhod" style="float: left; width: 48%"><h1><a href="/shop/" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'">Вход в<br />Антикварно-букинистический<br />интернет-магазин<br />"Букинист "КовчегЪ"</a></h1></div>
<div class="palets" style="float: left; width: 26%"><img src="/nashi-fayly/kartinki/nashi-kartinki/magazin/perst-vlevo.jpg" border="0" alt="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" /></div>
</div>
<br />
<hr />
<!-- Кнопки Плюсо.Ру - начало -->
<b>Понравилось? Поделитесь!</b>
<br />
<br />
<ul class="uz">
<li class="menus"><script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
  s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
  s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
  var h=d[g]('head')[0] || d[g]('body')[0];
  h.appendChild(s);
  })();</script>
  <div data-user="226276614" class="pluso" data-options="medium,square,line,horizontal,counter,theme=03" data-services="bookmark,print,email,facebook,twitter,google,vkontakte,livejournal" data-background="transparent"></div></li>
</ul>
<!-- Кнопки Плюсо.Ру - конец -->
<hr />
<!-- Наши социальные сети - начало -->
<b>Понравился наш сайт? Следите за его обновлениями в социальных сетях и блогосфере!</b>
<br/>
<br />
<ul class="uz">
<li class="menus">
<a href="http://vk.com/kovv4eg" target="_blank" title="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в социальной сети 'ВКонтакте'"><img src="/nashi-fayly/kartinki/sotsialki/nashi-sotsialki/vk.png" alt="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в социальной сети 'ВКонтакте'" border="0" /></a>
<a href="http://clubs.ya.ru/4611686018427476841/" target="_blank" title="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в социальной сети 'Я.Ру'"><img src="/nashi-fayly/kartinki/sotsialki/nashi-sotsialki/ya.png" alt="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в социальной сети 'Я.Ру'" border="0" /></a>
  <a href="http://bookseller1.livejournal.com/" target="_blank" title="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в сервисе дневников 'Живой Журнал' ('LiveJournal.Com')"><img src="/nashi-fayly/kartinki/sotsialki/nashi-sotsialki/livejournal.png" alt="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в сервисе дневников 'Живой Журнал' ('LiveJournal.Com')" border="0" /></a>
  <a href="https://www.facebook.com/kow4eg" target="_blank" title="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в социальной сети 'Фэйсбук' ('FaceBook.Com')"><img src="/nashi-fayly/kartinki/sotsialki/nashi-sotsialki/facebook.png" alt="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в социальной сети 'Фэйсбук' ('FaceBook.Com')" border="0" /></a>
<a href="https://twitter.com/bookseller1962" target="_blank" title="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в сервисе дневников 'Твиттер' ('Twitter.Com')"><img src="/nashi-fayly/kartinki/sotsialki/nashi-sotsialki/twitter.png" alt="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в сервисе дневников 'Твиттер' ('Twitter.Com')" border="0" /></a>
<a href="http://kow4eg.tumblr.com/" target="_blank" title="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в сервисе дневников 'Тумблр' ('Tumblr.Com')"><img src="/nashi-fayly/kartinki/sotsialki/nashi-sotsialki/tumblr.png" alt="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в сервисе дневников 'Тумблр' ('Tumblr.Com')" border="0" /></a>
<a href="http://www.linkedin.com/groups/%D0%91%D1%83%D0%BA%D0%B8%D0%BD%D0%B8%D1%81%D1%82-%D0%9A%D0%BE%D0%B2%D1%87%D0%B5%D0%B3%D0%AA-6580436" target="_blank" title="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в социальной сети 'ЛинкедИн' ('LinkedIn.Com')"><img src="/nashi-fayly/kartinki/sotsialki/nashi-sotsialki/linkedin.png" alt="Антикварно-Букинистический Интернет-Магазин 'Букинист КовчегЪ' в социальной сети 'ЛинкедИн' ('LinkedIn.Com')" border="0" /></a>
</li>
</ul>
<!-- Наши социальные сети - конец -->
Надо поправить эту часть:

Код
<div class="magaz" style="width: 100%" align="center">
<div class="palets" style="float: left; width: 26%"><img src="/nashi-fayly/kartinki/nashi-kartinki/magazin/perst-vpravo.jpg" border="0" alt="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" /></div>
<div class="vkhod" style="float: left; width: 48%"><h1><a href="/shop/" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'">Вход в<br />Антикварно-букинистический<br />интернет-магазин<br />"Букинист "КовчегЪ"</a></h1></div>
<div class="palets" style="float: left; width: 26%"><img src="/nashi-fayly/kartinki/nashi-kartinki/magazin/perst-vlevo.jpg" border="0" alt="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" /></div>
</div>
<br />
<hr />
чтобы картинки выровнять по центру надписи, сместить вниз горизонтальную черту и прочее, что логически должно находиться ниже.

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 2 | 20:05:25
vlad-diyakov,

Код
<div class="magaz" style="width: 100%; text-align: center;">  
<div class="palets" style="width: 26%; float: left; margin-top: 40px;"><img src="http://bookseller.narod.ru/nashi-fayly/kartinki/nashi-kartinki/magazin/perst-vpravo.jpg"  style="width: 100%; border: 0;" alt="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'"></div>  
  <div class="vkhod" style="width: 48%; float: left;"><h1><a href="/shop/" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'">Вход в<br>Антикварно-букинистический<br>интернет-магазин<br>"Букинист "КовчегЪ"</a></h1></div>  
  <div class="palets" style="width: 26%; float: right; margin-top: 40px;"><img src="http://bookseller.narod.ru/nashi-fayly/kartinki/nashi-kartinki/magazin/perst-vlevo.jpg" style="width: 100%; border: 0;" alt="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'" title="Вход в Антикварно-букинистический интернет-магазин 'Букинист 'КовчегЪ'"></div></div>  

lonely-wolf
Сообщений: 296
Репутация: 222

Сообщение # 3 | 20:22:45
Miss_Esq, именно об этом я Вам писал недавно на Вашу электронку.
Огромное спасибо, частично работает.
Теперь надо спустить часть "Понравилось? Поделитесь!" и между div-ом и "Понравилось? Поделитесь!" вставить горизонтальную черту.
А то эта горизонтальная черта поднялась почему-то выше и превратилась в точку правее строчки "Вход в".
И на дисплее с шириной в 1024 точек отображается отвратительно, и горизонтальная черта почему-то оказалась выше.

Сообщение отредактировал vlad-diyakov - Среда, 30 Апр 2014, 00:24:02
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Помогите с div-ом (Помогите, пожалуйста, с div-ом)
  • Страница 1 из 1
  • 1
Поиск: