HTML Coding

29542 questions in this forum

1. Как объединить блоки

   Подскажите, как вывести 2 блока кнопок в одну строку <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div> <script type="text/javascript" src="http://st.pinme.ru/js/widget.js"></script> <script type="text/javascript"> PINME.Share.init({button: "#pinmeShare", buttonType: 1}); </script> <div id="pinmeShare"></div>

   Asked by fowl, October 8, 2012

   0 votes
   4 answers
2. На разных разрешениях с меню сползают ссылки

   Вверху сайта расположил меню, которое остается на месте при прокручивании страницы вниз. Внутри меню расположены ссылки. На разных экранах ссылки либо разъезжаются, либо сползают, на некоторых стоят как нужно. Величины указаны в процентах, поэтому непонятно, что не так. http://jsfiddle.net/sD88h/

   Asked by Sperc, July 23, 2014

   0 votes
   6 answers
3. проблема со шрифтом и тенью

   Здравствуйте! При верстке учебного макета Влада http://htmlbook.ru/samlayout/verstka-na-html5/maket-saita столкнулся с двумя проблемами: 1. шрифт jacob_ctt.ttf ну ни как не хочет отображаться на страничке. Хотя в систему (виндовс) ставится нормально. Если вместо него подсунуть в css дпугой шрифт - все работает. Подключаю фонт так: @font-face { font-family: JacobCTT; src: url(../mock_up/jakob_ctt.ttf);} 2. как не пытался не смог "подсунуть" .informer:after под .informer или "перекрыть" .informer:after .informer`ом. для создания тени. Подскажите, как решить эти 2 проблемы? Сама верстка находится тут: http://snake3.16mb.com/Lion/page.html

   Asked by Denni, December 3, 2014

   0 votes
   5 answers
4. Увеличение изображения при наведении.

   У меня такая проблема. К сайту нужно прикрутить подобный элемент https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/ Интересует именно левый блок с товаром, который можно увеличить и карусель под ним. Саму страничку верстаю при помощи фреймворка bootstrap 3 В общем нужно решение при помощи которого можно подобное соорудить. зы писать скрипт с нуля уже времени нет. Пора верстку сдавать(

   Asked by BirviZ, August 26, 2015

   0 votes
   2 answers
5. Синхронизация высоты тегов <p> в двух <div>

   Всем привет Есть два блока <div>, расположенных по вертикали (по 50%) В них есть куплеты стихов, завернутые в <p>. В левом <div> русские, в правом <div> - перевод на англ Есть ли способ как-то синхронизировать по высоте эти куплеты, чтобы на смартфонах эти куплеты были на одном уровне? А то на маленьких экранах при узких <div> строки и их перевод разбегаются по высоте сильно! Спасибо

   Asked by Svoi, December 9, 2016

   0 votes
   4 answers
6. Блочная верстка макета

   Добрый день! Я с чисто теоретическим вопросом касательно верстки сайта. Столкнулся с одним нюансом, который вызывает затруднения. Лучше начну сразу с нудного и длинного)) примера, так станет в разы понятней в чем суть моего вопроса. Допустим, имеем часть сайта, отвечающую за основной контент... назовем "main". У main есть container, отвечающий за центровку контента. И main делится, в свою очередь, на две части- main__left(блок под меню с возможной рекламой), и main__right (блок с основным контентом). И вот почти добрался до сути. Далее в main__left я создаю блок для навигации и блок для рекламы, к примеру. А в main__right, допустим, еще две колонки. Так вот, вся моя верс…

   Asked by Super_Saimon, October 31, 2017

   • html
   • блочная верстка
   0 votes
   8 answers
7. проблемка с background и img

   заходите по ссылке там строничка, в верху на картинке как должно быть а ниже то что я пытался сделать.... ;( http://panchenko.jino-net.ru/nt/ верстальщики ПОМОГИТЕ

   Asked by antonP, November 7, 2007

   0 votes
   2 answers
8. прозрачность PNG vs IE6

   Есть шапка сайта. От шапки идет тень, которую видно если разрешение экрана выше чем 800 на 600. Тень прячется за края браузера не вызывая при этом горизонтальных полосок прокрутки если экран 800 на 600. Вс? это работает в опере, мозиле и IE7. Но гр?панный Internet Explorer 6, которым пользуется большое кол-во будущих посетителей не видит прозрачности PNG (в PNG сделана тень, т.к. для плавности GIF не подходит ). После некоторых манипуляций, IE6 вс?-таки стал видеть прозрачность, но при 800на600 появляется полоса прокрутки. Перерыл кучу ресурсов, но толкового решения не наш?л. Может кто подскажет возможно ли избавиться от этой проблемы и как это сделать?? Help WANTED! смот…

   Asked by шин, February 15, 2008

   0 votes
   1 answer
9. изменение информации на всех страницах одновременно

   Сайт построен при помощи таблиц. В одной из ячеек необходимо менять информацию (точнее ссылки) одновременно на всех страницах сайта. Как это можно зделать?

   Asked by evgenyi, May 6, 2008

   0 votes
   3 answers
10. Проблема в браузерной стратежке

    Начал писать онлайн браузерную игрушку - стратежку. Графика 2.5D . Для каждой DIV отвечающую за 1 ячейку прописана к примеру: .item0_0{ position:absolute; left:368px; top:0px; z-index:0; } В каждом такой DIV имееться DIV отвечающий за рисунок к примеру: .tile1{ background-image:url(../images/town/tile1.png); position:relative; left:0px; top:-16px; width:93px; height:64px; }} Соотвествено вся карта выглядит в виде блоков примерно так: <div class="item0_0"> <a href="?action=event&x=0&y=0"> <div class="tile0"> </div> </a> </div> какие есть идеи реализации ссылок? Т.е. чтобы если шелкнули по зданию переходило им…

    Asked by ZyManch, November 11, 2009

    0 votes
    4 answers
11. <strike> други цветом

    На сайте вывожу прайслист, у каждого товара две цены - "старая" и "новая". Старая цена у меня выделяется красным и перечёркивается тегом <strike>. Мне необходимо чтобы перечёркивание strike было крассным а сам текст белым. Насколько я понимаю с помощью <strike> сделать это у меня не получится? Каким образом это можно реализовать?

    Asked by boomolezka, February 11, 2010

    0 votes
    3 answers
12. Фон

    У меня на сайте в CSS в теги body прописано background-image: url(images/bg.gif); но мне бы хотелось, чтобы там где контент остался белый фон, как это можно сделать ?

    Asked by liza T, March 28, 2010

    0 votes
    4 answers
13. Как расположить 4 картинки вряд, с центрованием..

    Здравствуйте! Никак не могу победить одну проблему.. есть блок, в котором размещены 4 блока, включающие в себя: 1) картинку, 2) текс под ней. Мне хочется, чтобы картинки в этих блоках выравнивались по центру. Для 4х блоков, включающих в себя картинки и текст установлена ширина 25%. Сам большой блок, который включает эти 4 блока имеет ширину 100%. Вот как это выглядит: Мне бы хотелось выровнять картинки внутри вышеописанных 4х блоков по центру. А то получается что у меня они все слева. Вот CSS: .lineimg { ~position: relative; width: 100%; margin: 5px 0px 0px 0px; padding: 0px; float: none; } .lineimg .lineimg_block { position: relative; padding: 0; float: left; width: 25…

    Asked by gard, June 28, 2010

    0 votes
    2 answers
14. Растяжение страницы в IE8

    есть сайт money-room.ru На главной странице через div с позицией absolute размещен текст "о сервисе" рядом с блоком обмена. В файрфоксе отображается нормально, а в IE происходит растяжение страницы.

    Asked by zwolf, July 19, 2010

    0 votes
    2 answers
15. Большой блок как ссылка

    Сталкнулся с проблемой что не могу сделать ссылкой весь блок. Имеется блок с картинкой, текстом и ссылкой, хочу сделать ссылкой не последние две строчки а всю площадь блока с текстом. Вставлять весь текст как ссылку не хотелось и я придумал задать ссылке позицию абсолют и размер в размер дива. И как бы всё работает, но правда только в фаерфоксе, в IE и Opere на том месте где под ссылкой расположен абзац ссылка не работает. Собственно как это лечится? Вот мой пример http://jsfiddle.net/DeaDrash/PWx8R/ Или если вариантов нет, подскажите может как через яваскрипт сделать весь див ссылкой и чем это плохо?

    Asked by deadrash, November 30, 2010

    0 votes
    3 answers
16. помогите решить проблему со слайдером

    В общем есть слайдер http://ksergey.com/uploads/demos/demo_1/index.html мне нужно поверх слайдера наложить меньшую картинку, чтоб она не менялась. как это сделать?

    Asked by MrPupkins, April 9, 2011

    0 votes
    6 answers
17. фон

    Решил помочь другу и переделать верстку, думал справлюсь с фоном, а оказалось нет( В общем вот моего друга верстка, вообще ужас код, но по принципу так же и делал фон, но не получилось - http://media24.ee/test/ Первое облако нормально сделано, но из-за того что допустим экран 1400 на 900 то второе облако полностью не влезает и получаеться нижняя полоса прокрутки, меня не интерисует физичиское убирание нижней полосы прокрутки оверфловом, мне надо сделать так сказать растягивающийся фон, заранее благодарен

    Asked by nikita0010, September 19, 2011

    0 votes
    2 answers
18. Вертикальное выравнивание в IE

    Добрый день. Вот уже два дня маюсь, не могу найти решение проблемы. Помогите, пожалуйста! Выровнять по вертикали ссылку. Надо решение только для IE. Вот что у меня есть. Использовать приведённую структуру тегов. <html> <head> <title>Меню</title> <style> *{ padding: 0; margin: 0; } .pynktOsnovnogoMenu ul li{ width: 200px; height: 50px; text-align: center; background-color: #FFFA91; } .pynktOsnovnogoMenu a{ width: 100%; height: 100%; } .pynktOsnovnogoMenu a:hover{ background-color: #FAF101; } </style> </head> <body> <table> <tr> <t…

    Asked by rbelko, October 17, 2011

    0 votes
    2 answers
19. Вертикальное меню

    Есть вертикальное меню.Задана его точная ширина.В этом меню есть 6 пунктов, каждый из которых должен быть одинаковой ширины и чтоб текст был выровнен по центру каждого <li>. Нужно ,чтобы border был не на весь <li> , а только на <a> , но если так в коде указать то уменьшается сам пункт меню. Вот исходный код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Art Печенье</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70p…

    Asked by averin13, November 4, 2011

    0 votes
    4 answers
20. Падинг маргинг бординг ширдинг и высотинг

    я только начал изучать HTML и CSS все как бы понятно (не хватает только практики практики практики) меня запутало определение ширины блока (тега-объекта) ширина складывается из ширины границы внешнего и внутреннего отступа что бы добить этот вопрос попробовал поиграть с этими свойствами html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег DIV</title> </head> <body> <div class="cntr"> <div class="cntnt1">1</div> </div> <br/> <div class="cntr"…

    Asked by serjico, November 11, 2011

    0 votes
    2 answers
21. Помогите, пожалуйста!

    Хотелось бы узнать можно ли сделать такой скрипт? К примеру есть ссылка www.site.ru/rex/exit.php?urlind=9876&flip=1&opk=1001 нужно что бы после каждого нажатия и перехода по ней менялась последняя цифра, т.е. была 1001 стала 1002

    Asked by ckopnuoh191, April 18, 2012

    0 votes
    13 answers
22. Блок DIV на всю высоту BODY

    Всем привет. На сайте http://100faceufa.ru/ есть проблема с выводом правой колонкой на всю высоту экрана. На разных мониторах, отображает по разному. вот так, косячно все выводиться на мониторе: 1600x1024 https://www.dropbox.com/s/om9pq2cjd6j5cpk/123.jpg https://www.dropbox.com/s/ucty97ake0rbi9h/456.jpg Помогите пожалуйста исправить

    Asked by Aidakaev, March 26, 2013

    0 votes
    5 answers
23. как прикрепить к нижней области ...

    Добрый день! Есть такая ситуация - нужно реализовать box который прикреплен к нижней видимой области браузера , так что бы не прокручивался и еще был по середине ... Поигрался немного с position но довести до ума так и не смог , помогите пожалуйста ! вот пример : заранее огромное спасибо всем!

    Asked by shinydo, July 30, 2013

    • прокрутка
    0 votes
    2 answers
24. Ошибка на сайте, не у меня

    1 у меня на 19" и на 17" также 2 у проверяющего, почему у него слетает ,а у меня шаблон не по макету слишком большой отступ справа

    Asked by аркей, July 5, 2015

    • сайт верстка
    0 votes
    11 answers
25. Рисунок выходит за рамки блока

    Как сделать так, чтобы рисунок не выходил за рамки блока (задачи) при щелчке мыши? что нужно дописать/исправить в коде? http://prntscr.com/99jxc1 http://prntscr.com/99jxp3 http://prntscr.com/99jxyq

    Asked by tanya_7794, December 2, 2015

    0 votes
    3 answers