HTML Coding

29,542 questions in this forum

1. Что использовать? iframe или...?

   Всем привет! Столкнулся с необходимость создать нечто подобное на большой оффлайн справочник, написанный на html с применнием таблиц стилей. Собственно не знаю с какой стороны подойди к созданию, в силу своего крайне скудного опыта. Суть такова, что будет основное меню и уйма разных страничек, которые однотипно подгружаются по нажатию на элементы меню. При этом справочник постоянно расширяется и в меню будут появляться новые элементы, группы и прочее. Первое, что приходит в голову, это использовать iframe, так как о серверном коде речи не идёт. Но всё как-то криво, косо, неудобно, чтоли. Буду рад услышать как бы вы это делали в сторону чего лучше посмотреть для успешной р…

   Asked by Arinden, January 28, 2014

   • iframe
   • html
   0 votes
   2 answers
2. Дизайн и верстка под мобильные

   Добрый вечер, подскажите пожалуйста какие нибудь статьи, уроки про верстку под мобильные ус-ва, и про создание дизайна мобильной версии уже существующего сайта. Дело в том что в марте меня отправляют на олимпиаду, а там Я посмотрел предварительно задание, В общем там будет дан psd как бы уже существующего сайта, нужно будет разработать его мобильную версию, сначала надо сделать дизайн, а потом и сверстать. Нужно будет предусмотреть отображения на ус-вах с шириной 480px. Так то с обычной версткой вроде проблем нет. Так же дизайнер из меня никакой, но меня все равно отправляют. Так что желательно какую нибудь статью про дизайн для чайников. Заранее спасибо!

   Asked by li4e, January 28, 2014

   0 votes
   13 answers
3. Полоса прокрутки Iframe как ее УНИЧТОЖИТЬ?

   Как убрать вертикальную полосу прокрутки у Айфрейма,но оставить возможность прокручивать...

   Asked by romoga, January 28, 2014

   • iframe
   • scroll
   0 votes
   6 answers
4. Второй раз спрашиваю) Клас Hover

   http://cssdeck.com/labs/full/bsoni6ey вот что у меня получилось) при помощи псевдо класса hover Мне нужно что бы справа светился тупо черный квадратик, при наведении мышки на который выезжяло окошко соц сетей, которое нарисовано в примере. Я могу сделать токльо что бы они по отдельности выезжяли(черный прямоугольник, картинка соц сети первая вторая и третья), а мен нужно что бы один елемент вызывал сразу 4 елемента

   Asked by xaoc90, January 29, 2014

   0 votes
   3 answers
5. Ширина блока по содержимому

   Как известно, ширина блока расчитывается внешним фактором - шириной родителя. А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого: 1) display: inline-block; 2) display: inline-flex; 3) float любой //не подходит, т.к. создаст лишний геморой. Мне нужно, что бы outer оставался в нормальном потоке 4) position: absolute; // тоже не подходит, т.к. вырывает из нормальнного потока. Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту. Но они все какие-то не торт, особенно последние два. Может есть еще какие-нибудь решения, которыми вы хотите подел…

   Asked by Evkaky, January 28, 2014

   0 votes
   3 answers
6. Помогите с лэйаутом

   Задача: Хеадер на всю ширину, сайдбар фиксированный 200px, контент-область (.main), котороя в ширину тянеться по контенту. Ну и футер, тоже на всю ширину. Никак не получается добиться того, что бы контейнер .cont в ширину тянулся строго по своему контенту (который определяется шириной .main) http://jsfiddle.net/uqw94/ В дальнейшем в контент-области (.main) у меня будет широкая таблица, и нужно что бы весь лейаут тянулся в ширь по этой таблице, как-то так (по каким-то причинам .main не хочет тянуться в ширь по своему контенту): http://jsfiddle.net/jTMU5/4/ P.S. на флоатах у меня это реализовать вообще не получается.

   Asked by Evkaky, January 30, 2014

   0 votes
   4 answers
7. Картинка в div'e и текст рядом

   Здравствуйте! Что нужно добавить в css, что бы текст был рядом с картинкой которая вызывается из div'a, а не переносился на другую строку? Код CSS: #ct1 { background: url(images/write.png) repeat 0 0; width: 27px; height: 27px;} HTML: <div id="ct1"></div><font size="5" color="#6699FF"><b>Оставить отзыв</b></font> Скриншот: (нужно сделать чтоб было на одной строчке) Вариант просто использовать img src не годится, т.к. хочется чтоб картинка была "вшита" в дизайн и не выделялась. Спасибо!

   Asked by postoianniy, January 29, 2014

   0 votes
   2 answers
8. Есть ли у меня ошибки при создании списков?

   http://jsfiddle.net/kB2Am/

   Asked by DivMan, January 29, 2014

   0 votes
   3 answers
9. Растягивание table на ширину родителя

   В общем, есть table. Нужно растянуть его на ширину родителя, но так, чтобы он при слишком большом размере не растягивался больше него. Сижу, голову ломаю. width: 100%; не работает, relative у родителя+absolute у потомка нельзя, так как не известны размеры родителя. Точнее, width работает, но при слишком большом кол-ве текста растягивается больше родителя.

   Asked by iKNG, February 7, 2014

   0 votes
   12 answers
10. Как настроить платный шрифт для сайта

    Купила шрифт для сайта. Выслали один файл. С ним на моем компе работает, а на сайте - нет. Запросила адаптацию у продавца. Выслали 2 папки. Что с ними делать, к какому файлу указывать путь, что скачивать в файловый менеджер на хостер ума не приложу. Мучаюсь с установкой теперь. Как установить и привязать шрифт к сайту?

    Asked by Светлана, January 29, 2014

    • шрифт
    0 votes
    33 answers
11. Горизонтальное меню сайта

    как сделать его в ряд?) и что при изменении размера екрана расстояние между пунктами не менялось http://cssdeck.com/labs/full/zy2fmhvo

    Asked by xaoc90, January 29, 2014

    0 votes
    6 answers
12. Не могу разобраться с z-index.

    Добрый день форумчане. Помогите решить проблему с z-index, до меня не доходит.. http://jsfiddle.net/7f8Eq/ собственно хочу что-бы синий блок был поверх черного (вместо цвета фона, использую картинки, и хочу что-бы вторая картинка была поверх первой на определённую часть, к примеру на 50px. спасибо

    Asked by EaGames, January 29, 2014

    0 votes
    2 answers
13. Один отступ как при position: relative; другой - как при position: fixed;

    Можно ли так сделать отступы у блока, чтобы один отступ работал как при position: relative; другой - как при position: fixed; ?

    Asked by kpripper, January 29, 2014

    0 votes
    4 answers
14. display:table и overflow: hidden

    Добрый день Задача: табличная верстка. В ячейках изображения разных размеров. Для вывода картинок одинакового размера использовалось overflow:hidden http://codepen.io/anon/pen/jfCEb , что в любом случае меняет высоту ячеек на размеры спрятанной части картинок http://codepen.io/anon/pen/gJqGK . Вопрос: возможно ли это без отрицательных отступов и фиксированной высоты ячеек? Интересует именно вариант табличной верстки. Спасибо.

    Asked by NatalieZ, January 29, 2014

    0 votes
    3 answers
15. a:visited

    Доброго времени суток, вебмастера и подмастерья=) Подскажите, кто в курсе, почему может не срабатывать псевдокласс a:visited? Вообще прописываю для id следующим образом - #sidebar a:visited {color:red}. Но как только вставляю эту конструкцию, у меня меняются все ссылки на этот цвет. Мысль пришла, может это потому что я постоянно до этого нажимал, когда верстаю сайт, на эти ссылки и после вставки a:visited это стало очевидно? Но тогда почему очищая кэш ничего не меняется? Одни вопросы... Господа - ХЭЛП! Благодарю, того кто поможет.

    Asked by Вальдемарчег, January 29, 2014

    • ссылки
    • visited псевдоклассы
    0 votes
    2 answers
16. switch не пашет (((

    $(function(){ $(document).click(function(e){ c=c+1; if (c==5) {c=1} alert(c); switch (c) { case 1: $('.cubespinner').css({ '-webkit-transform':'rotateY(-90 deg)' }); break case 2: $('.cubespinner').css({ 'transform':'rotateY(-90 deg)', 'transform':'rotateZ(90 deg)' }); break case 3: $('.cubespinner').css({ 'transform':'rotateY(-180 deg)', 'transform':'rotateZ(90 deg)' }); break case 4: $('.cubespinner').css({ 'transform':'rotateY(90 deg)', 'tran…

    Asked by romoga, January 29, 2014

    • switch
    0 votes
    3 answers
17. Появление блоков по очереди

    Всем доброго времени суток, я на ткнулся на сайт http://zolotonazakaz.ru/ , и мне очень понравился абзац "От эскиза до готового произведения искусства" Так появление "Шагов" Очень интересно сделано подскажите как это сделать? Во первых появление Во вторых как сделано что оно появляется после того как я проворачиваю сайт ниже.

    Asked by Cocaine, January 29, 2014

    • javascript
    • css
    • html
    0 votes
    2 answers
18. Удалить неиспользуемые классы в css

    Здравствуйте. Так получилось, что в процессе разработки сайта в таблице стилей у меня скопилось несколько классов, которые в верстке не используются, можно ли каким-либо образом найти их все и удалить автоматически?. К примеру, сначала в верстке было так: в html <div class="class1"></div>в css .class1{описание;}потом это было переделано следующим образом: в html стало <div class="class2"></div>в css просто добавился еще один класс .class1{описание;}.class2{описание;}Соответственно class1 у меня уже нигде не используется, и таких классов несколько, однако вручную уже тяжело отследить какие классы в таблице стилей теперь не нужны и которые можно …

    Asked by dmifed, January 29, 2014

    0 votes
    3 answers
19. Не выходит прилепить подвал к низу

    http://cssdeck.com/labs/full/qxxwbmr1 Проблема вот в чем, начал делать сайт без верстки в тупую лупить с картинки) Вот столкнулся с очердной проблемой ПОДВАЛ) Как этот подвал прибить к низу???

    Asked by xaoc90, January 29, 2014

    0 votes
    5 answers
20. Вопрос по верстке

    Выбрал сегодня несложный шаблон для верстки, т.к. до этого никогда не делал этого самостоятельно. Ссылка на шаблон - http://hostingkartinok.com/show-image.php?id=323d8040088e0d1cd35379c15fdae387 . Проблема возникла в форме поиска - http://hostingkartinok.com/show-image.php?id=5fcd8de825a2bce7358ca29e7c03096e , а именно, я не знаю как вставить туда иконку лупы. Я создал input , убрал border и outline , вместо них вставил background с картинкой формы, но без лупы. Как теперь вставить туда же и лупу, ведь background уже занят. Был вариант разрезать форму на 2 части, ведь пользователь должен нажимать на эту иконку, да и текст не должен заходить за нее. Подскажите, может ес…

    Asked by rast999, January 30, 2014

    • Верстка input форма поиска
    0 votes
    4 answers
21. выделение областей на географической карте

    подскажите пожалуйста возможно ли реализовать на web-странице подсветку областей географической карты при наведении курсора(без использования flash)? например дана карта России, на ней около 80 регионов. границы регионов, как понимаете, ломанные или может быть посоветуете готовый скрипт, если он существует вообще

    Asked by cyklop77, January 30, 2014

    0 votes
    1 answer
22. Проблема с указанием размеров в IE

    Добрый день! Столкнулся с проблемой указания размеров для ячеек таблицы в IE. <table id="main-skeleton" style="width: 100%; max-width: 100%;"> <tr> <td> </td> <td id="cell-columns-headers"> <div class="table-headers-wrapper"> <table id="stat-columns-headers"> </table> </div> </td> </tr> <tr> <td id="cell-rows-headers"> <div class="table-headers-wrapper"> <table id="stat-rows-headers"> </table> </div> </td…

    Asked by demoniqus, January 30, 2014

    0 votes
    1 answer
23. Зачем использовать решетку?

    В теге <a href="">Nyak</a> Погуглив нашла: http://www.artlebedev.ru/tools/technogrette/html/links/ Статья 2006года... "если оставить href пустым, то MSIE интерпретирует ее как ссылку на текущую директорию. Например, если страница имеет адрес /folder/page.html, то href="" внутри такой страницы ссылается на /folder/. Остальные браузеры интерпретируют пустой href как ссылку на текущую страницу. " И до сих пор во многих туторах используют решетки, хоть и верстают только для хрома, фф и сафари.

    Asked by L1nx, January 30, 2014

    0 votes
    1 answer
24. Как бы выравнять кнопки "Добавить в корзину"?

    Здравствуйте! Вот объект. Какими мерами можно выравнять кнопки "Добавить в корзину" в строках по нижней границе товара с самым большим описанием?

    Asked by borus, January 30, 2014

    0 votes
    6 answers
25. подсветка ссылки активной страницы

    Всем привет. Меню выводится так: <div id="nav"> <ul><?php $categories = get_categories();foreach($categories as $link):?> <li><a href="index.php?view=<?php echo $link['cat_id'];?>"><span class="link"><?php echo $link['name'];?></span></a></li><?php endforeach;?></ul></div> css: a {font-size: 22px;text-decoration: none;padding-bottom: 8px;border-bottom: 2px solid #666666;} a:hover { color: #FFCC00; text-decoration: none;border-bottom: 3px solid #FFCC00;} .link { color: #666666; } #nav{position: relative; margin-left: 4%;} li{display: inline;margin-right: 18px;} Вопрос как сделать подсве…

    Asked by dglushkov, January 30, 2014

    0 votes
    9 answers