HTML Coding

29,542 questions in this forum

1. Пустые тэги(пробелы)

   Доброй ночи Уважаемые! Как Вы считаете нужен ли пробел в пустом тэге? Привожу пример: <div style="clear:both"></div> или <div style="clear:both"> </div> Как Вы считаете, со стороны семантики, как будет более правильно? И не упоминается ли про это в стандартах?

   Asked by systemiv, March 2, 2012

   0 votes
   21 answers
2. Изменение стиля маркера.

   Добрый день! Как сделать так чтобы элемент #div_after шел после содержимого элемента #div с фиксированной высотой? <style> #div { background: #fcc; height: 10px; } #div_after { background: #ccf; height: 10px; } </style> <div id="div">1<br/>2</div> <div id="div_after">3</div> Как должно быть и как есть: Решение тут. Проблема подробнее: Пытаюсь контролировать стиль маркера не через картинку или свойство list-style, а через css свойства height, width, background, и т.п. Одна проблема: при переносе строки во вложенном в список элементе div (можно использовать другой, к примеру span), эти строки загораживают следующий элемент т.е…

   Asked by Webkit, March 28, 2012

   0 votes
   21 answers
3. Как добавить надпись под авторизацию в Gavik Financial Business

   Как добавить надпись под авторизацию как показано на скриншоте? Пробовал разместить модуль HTML код под авторизацией, но в итоге получал не то, что нужно. Т.к. при нажатии на кнопки появляется всплывающее окно с формой ввода. Демка шаблона: http://demo.gavick.com/joomla16/jun2011/index.php/2011-07-28-18-14-23/categories/financial-adviser/item/3-we-celebrate-your-success Joomla 1.7.5.

   Asked by PandaMan, March 29, 2012

   0 votes
   21 answers
4. Дуги на CSS

   Всем привет. Каким образом без помощи JS и картинок можно сделать дуги только на HTML и CSS?

   Asked by egoregor, April 6, 2012

   0 votes
   21 answers
5. Квадратный див с относительными размерами

   Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <div id="wr"> <div id="circle1"> </div> </div> у внешнего DIVа я ставлю width и height относительные, а у внутреннего width:100%; height:100%; background-color: red; border-radius: 50%; Как же мне сделать так, чтобы высота внешнего и внутреннего дивов были одинаковые, то есть, чтобы круг не превращался в овал? Использовать канвас, изображения, джаваскрипт нельзя, только html+css.

   Asked by Smirnov M., April 26, 2012

   0 votes
   21 answers
6. Несколько вопросов от новичка

   Здравствуйте. Вот пример достаточно простого (на вид) макета: http://windows.microsoft.com/ru-RU/windows/explore В связи с этим, несколько вопросов: 1. Где картинки? Браузер не распознает графические участки страницы как картинки и не сохраняет их. При "просмотре кода элемента" через консоль Хрома их тоже найти не удалось, хотя HandyCache успешно сохранил их с расширением .png в свой кеш. 2. Чем можно просматривать PSD макеты не устанавливая сам Photoshop при этом? Просмотреть и разобрать макет на составные. 3. В качестве рабочего инструмента у меня есть пакет Microsoft Expression 4. В частности Microsoft Expression Web для работы с HTML-кодом. Кто-нибудь им пользовался?

   Asked by Starter, September 19, 2012

   0 votes
   21 answers
7. Проблема с добавлением слайд-шоу nivo-slider на Wordpress

   Сайт на wordpress и Вот какая проблема: Когда я добавляю код слайдов (используется nivo-slider), напрямую в файл content.php (рис 1) все отображается нормально. Однако файл content.php грузит определенный контент из базы данных, в зависимости от того к какой странице идет обращение. И здесь есть вот какой недостаток, сл-шоу отображается на всех страницах повсеместно, что на "главной", что "о нас". Казалось бы решением должно бы быть добавить код отвечающий за сл-шоу в ту ячейку базы данных, где хранится наполнение конкретной страницы, например "главная" (рис 2). Но не тут то было, в этом случае слайд-шоу работает не корректно ( не все слайды "собираются" правильно, глючат…

   Asked by maliyshock, October 19, 2012

   0 votes
   21 answers
8. Правильная верстка горизонтального меню

   Всем добрый вечер Верстая макет, я обнаружил неприятную вещь (очередной раз) - при масштабировании страницы (точнее - при максимальном уменьшении) горизонтальное меню "разваливается". Последние элементы списка как-бы не влезают в шапку, и переносятся на следующую строку. Менюшка самая обычная - есть фон, определенная высота меню (скажем, 30 пикселей). Я верстал как попало - марджины и паддинги в самих элементах списка, или в ссылках, короче говоря не задумываясь о целесообразности такой верстки, а лишь постоянно обновляя страницу и смотря внешний вид меню. Не буду голословным 1. Менюшка, которую я хочу сверстать 2. Она же при масштабировании 3. Моя верстка 4. Моя в…

   Asked by Devil_John, November 10, 2012

   0 votes
   21 answers
9. HTML5 Есть ли смысл?

   HTML5 позволяет семантически разделить страницу. ЧТо в теории позволяет поисковикам более качественно индексировать страницу, т.е. индексировать сам контент, нежели беспорядочные(для поисковика) конструкции. Вопрос 1: Существует ли реальная польза от html5 сегодня? Влияет ли использование нового стандарта на поисковую оптимизацию? Дело в том, что IE6-8 не поддерживают этот стандарт нативно. Приходится писать JS код с созданием новых элементов, иначе браузер не знает о них. А как мы знаем, , в обещственных местах(клубах,кафе,школах, институтах) - отключен JS. И если мы перейдем на HTML5, то потеряем часть клиентов. Что вы думаете на эту тему?

   Asked by kisil-mike, January 29, 2013

   • совместимость ie6
   • поддержка
   0 votes
   21 answers
10. Интересная задачка.

    Изложу в теории без конкретного примера. Суть: Есть блок контента с фиксированной шириной, выровненный по центру при помощи "margin: 0 auto". Требуется реализовать только несложными средствами CSS (без скриптов) по бокам окна браузера полосы фиксированной ширины (например 50px каждая), естественно, они должны быть "прилеплены" к бокам окна браузера. Но при минимальных размерах окна они не должны наезжать на/за тело контента, а просто должны скрываться за окном браузера, не приводя к появлению нижнего скролла. Вот так! Сам занимаюсь версткой лет 6, то ли я устал и туплю, но за день ничего путного в голову не пришло. Вот для примера даю пару набросков. Т.е. не должно быть…

    Asked by tamirov, March 25, 2013

    0 votes
    21 answers
11. Фигура при наведении

    Наглядный пример того что нужно: http://cs418420.vk.me/v418420741/5d8a/Qohsx-N0BUM.jpg как это сделать без использования картинок и скриптов? возможно ли вообще? уточню. на картинке горизонтальное меню.

    Asked by Linblack, April 9, 2013

    0 votes
    21 answers
12. Как сделать три блока одинаковой длины при увеличении текста в одном из блоков -кроссбраузерное решиние

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

    Asked by daggi, April 17, 2013

    0 votes
    21 answers
13. Правильно ли использовать <a><img><div></div</a>?

    Здравствуйте. Правильно ли использовать последовательность тегов <a><img><div>...</div></a>?

    Asked by borus, April 18, 2013

    0 votes
    21 answers
14. Cufon только для меню

    Всем джамбо. Может кто сталкивался, нужно куфоновский шрифт подключить только для пунктов меню, а для остального контента ничего не менять... Если что для всего сайта шрифт вставлял так Cufon.replace("body", {fontFamily : "TucsonOne"});

    Asked by CatInTheBread, May 13, 2013

    0 votes
    21 answers
15. Резиновый блок из 2 картинок!

    Возник такой вот вопрос! Думал сам не додумался, искал в google,yandex (P.S тоже не чего, может плохо искал...) Сообственно вот картинка Я убрал: 1.Текст. 2.полоски 3.верхнею бгешку где написано меню сайта. 4.конечно же эффект при наведений получилось вот так: Теперь я порезал эту картинку на 2 части: и В итоге я хочу сделать так что бы при добавления пунктов меню данный блок расширялся; Я понимаю что там верхний блок надо еще чуток по высоте пределать ему! Но как реализовать все это увы не могу понять! Как просто фикс могу сверстать а так не могу додуматся! Заранее спасибо.

    Asked by BSandro, October 14, 2013

    0 votes
    21 answers
16. Хочу сверстать мой первый шаблон!

    Уважаемые форумчани, хочу сверстать свой первый шаблон! Не дадите ли вы какой нибудь простенький макетик для меня :-) Заранее спасибо!

    Asked by BSandro, October 17, 2013

    0 votes
    21 answers
17. Спрайты,Формы и Контрформы

    Здраствуйте, недавно сегодня познакомился с такими понятиями , как спрайты,формы и контрформы,но есть одна проблема во всём этом я не понимаю как ими пользоваться при помощи background-position,ну в том смысле что применить не могу,да и с оспрайтами тоже как то не очень ,может помочь кто нибудЬ? и объяснить всю подноготную) заранее спасибо огромное)

    Asked by Flanidub, October 28, 2013

    • Спрайты
    • Формы
    • Контрформы
    0 votes
    21 answers
18. Из PSD в HTML,CSS

    Ребята,объясните мне начинающему верстальщику,как сделать из PSD сделать сайт в HTML,CSS . Я понятия не имею как с фотошопа вырезать картики,иконки,текст,и как всё воплотить в HTML. Теоретически понимаю,а вот с чего начать не знаю. http://www.picshare.ru/view/3341745/

    Asked by vitaxastifler, November 19, 2013

    • HTML
    • CSS
    • PSD
    0 votes
    21 answers
19. Ошибки в верстке по PSD-макету

    Добрый день, ув. форумчане. Недавно проходил собеседование и получил тестовое задание. К сожалению, я интересуюсь программированием и в верстке был не силен, и потому не смог справиться с версткой по готовому PSD-макету. Мне сказали, что сверстано было вообще не по макету. Я очень прошу вашей помощи: оставляю ссылку на тестовый домен, где можете посмотреть результат работы, а так же ссылку на архив с самим макетом. Раскритикуйте мою работу, как можно более полноценно. Я очень жаждую устранить этот косяк и научиться качественно верстать сайты. http://test13.meximas.com/ тестовый домен https://drive.google.com/file/d/0Bxd4ns8xGZHtb1ljSkJDNUFTc0U/edit?usp=sharing архив Маке…

    Asked by Faruq, January 23, 2014

    0 votes
    21 answers
20. Как лучше реализовать?

    Всем доброго дня. Проблема такова: на сайте, в статьях, я использовал конструкции такого типа: <div style="padding-top:10px;padding-bottom:5px;"></div>— ну это же бред, понятно. Конечно, я должен был прописать это стилях, но увы, мне в одном случае нужен отступ в 5 пикселей, а в другом — в 10, 15. Как лучше реализовать это? Чтобы код не выглядел так убого. Спасибо.

    Asked by Багдыч, February 16, 2014

    0 votes
    21 answers
21. Помощь начинающему (азы)

    Привет! Недавно начал учиться вёрстке, нужна помощь. Так, как только начал это дело, начну с самого начала. Оцените и укажите на ошибки, которые присутствуют, пожалуйста. Собственно сам код: http://jsfiddle.net/FZetU/1/

    Asked by Baravo, April 25, 2014

    • азы
    • вёрстка
    • новичок
    0 votes
    21 answers
22. Select & Number (выравнивание по горизонтали, кроссбраузерность)

    Добрый день. Помогите, пожайлуста, советом. Хотелось бы чтобы выглядело вот так. В Firefox так и выглядит. А вот в других браузерах (Opera, Chrome) - вот так 1. Выравнивание select`а не по центру. Пробовал через padding, но тогда все "элементы выбора" select`а сдвигаются на фиксированное количество пикселей. А они имеют разную длину. И получается один по центру, а остальные со сдвигом вправо (в зависимости от длины). 2. Число в поле number отображается не четко по центру, а со сдвигом влево. Если наводишь на само поле - справа появляется стрелочки и тогда вроде по центру. Но без наведения виглядит не эстетично. Может можно эти стрелочки как-то принудительно отобр…

    Asked by motion, July 15, 2014

    • Выравнивание
    • select
    • number
    0 votes
    21 answers
23. Как стать хорошим верстальщиком?

    Доброе. В общем занимаюсь потихоньку версткой, но не зарабатываю на этом. Мне это очень и очень нравится, поэтому в будущем, я хотел бы зарабатывать своим любимым делом. Сейчас, ну и вообще, на протяжении года у меня можно сказать депрессия что-ли. Не знаю как выбрать правильный путь. Времени у меня просто навалом, я нигде не учусь. Так, задрачиваю в игры, подрабатываю кое-где. Но деньги нужны всем, а игры надоедают. Но работать на обычных работах я не хочу, это точно не по мне. Максимум пошёл бы куда нибудь на роль "верстальщика" за какие нибудь тысяч 20.. Чисто для практики, и получения опыта. Но, для этого нужны хорошие знания всех видов вёрстки, но я не умею верстат…

    Asked by GoodProject, October 17, 2014

    • Верска
    • Html
    • Css
    • верстальщик
    • JavaScript
    • Помощь новичку
    • Совет для новичка
    • Как стать верстальщиком
    0 votes
    21 answers
24. Текст сверху border

    Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top? Скриншот:

    Asked by efendi, October 18, 2014

    0 votes
    21 answers
25. Буллит списка без обтекания

    Вроде бы несложная задачка, но споткнулась на ней. Нужно, чтобы сам текст не обтекал буллит. Так: Сверстано так: a:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#464646; margin-right:8px; vertical-align:middle;}Возможно ли это?

    Asked by Светлана Г., December 18, 2014

    • css3
    0 votes
    21 answers