Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как выпадающий список сделать поверх нижнего блока? css

    День добрый! Интересует следущий вопрос - как сделать так чтобы когда при нажатии сюда: http://cs613522.vk.me/v613522149/5d9d/EPrrwtL06qw.jpg Выползающий список перекрывал коричневый блок снизу? Я задал обоим элемента z-index и обоих position absolute и relative; Но почему-то список не перекрывает нижний коричневый блок. http://cssdeck.com/labs/juiozeil

    Asked by Temik2704,

    0 votes
    3 answers

  2. открытие увеличенной картинки в новом окне

    http://tula-samovar.com.ru/indexa.files/samovars/shop/seals/08.JPG" border=0 />

    Asked by 31337,

    0 votes
    6 answers

  3. div height 100%

    Мозг разрывается не могу ниииикак исправить... Есть такая тема: http://floomby.ru/content/7WYLoCplEq/ код такой: <td colspan="5" rowspan="2" valign="top" style="border:2px solid yellow; height:100%;"> <div style="width:668px; float:left; border:2px solid red; height:100%;"> sadsadsa </div> <div style="float:left; border:2px solid blue;"> dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa </div> </td> выше есть еще много много <tr><td> и еще выше: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML…

    Asked by Simon,

    0 votes
    23 answers

  4. Подскажите про htaccess, редиректы и диапазоны сети

    Нужно реализовать редирект нескольких ip (масок подсетей) с одной страницы, на другую. Как сделать блокирование, я знаю: <Limit GET POST> order allow,deny deny from 11.222.333. deny from 11.221.333. allow from all </Limit> Как сделать редирект на другую страницу для определенного ip, я знаю: SetEnvIf REMOTE_ADDR 111.222.333.111 REDIR="redir" RewriteCond %{REDIR} redir RewriteRule ^/$ /page.html И даже знаю, как сделать для нескольких (если не ошибаюсь): RewriteEngine on RewriteCond %{REMOTE_ADDR} !(111.222.333.111|111.222.333.222|111.222.333.333) RewriteRule .* http://mysite.ru/page.html [R=301,L] Но вот как сделать для масок подсети (как в первом варианте)…

    Asked by B-Real,

    0 votes
    7 answers

  5. Input по правому краю (без float:left)

    Со вчерашнего дня пытаюсь найти решение. Нужно кнопку придвинуть к правому краю формы(родителя) не прибегая ко float Это возможно? Вот мои эксперименты. для кнопки установлены такие спили (рамочку и т.д. упустил) input[type="submit"] { width: auto; position: absolute; right: 0px;} Для формы form { padding: 2em 3em 0em 4em; position: relative;}Кнопка позиционируется по правому краю контейнера, в котором находится форма. Если кнопку поместить в контейнер <span style="display:block;position:relative"><input type="submit"></span>Все в порядке, но его высота = 0px и ревизор фаерфокса показывает, что она отображается за пределами формы, что вполне согласу…

    Asked by ekkl,

    0 votes
    11 answers

  6. как растянуть DIV на всю ширину родительского элемента?

    по сути страница не сложная, проблема же вот в чем: контентная часть состоит из 2-х колонок в левой много наполнения, а правая несет оформительский характер но в ней почти ничего нет и она по высоте зависит от количества наполнения, как не пытался заставить правую растянутся на всю высоту контентной части, ничего не выходит, кучу форумов облазил, ничего путнего не нашл, подскажите плиз в чем ошибка <div class="main-container clearfix"> <div class="head"> <div class="left"> <div class="logo" style="z-index:250"><a href="#"><img src="siteimg/logo.png"></a></div> </div> <div class="right"></div> &l…

    Asked by Likan,

    0 votes
    3 answers

  7. Не открывается модальное окно в IE

    html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…

    Asked by xoff,

    0 votes
    14 answers

  8. Перенос текста в SELECT-е

    Доброго времени ВСЕМ! Скажите ответ плиз на вопрос: как в тэге select организовать перенос строк?

    Asked by SuperPuperLesha,

    0 votes
    8 answers

  9. про hover

    Слева то что должно быть, справа то что есть. Разница состоит в двух вещах. Первая: когда я навожу курсор на подпункт меню, исчезает стиль с того пункта откуда оно выпало, как сделать чтобы не исчезало??? (я использую тег hover) Второе: Как сделать borded на самом нижнем пункте меню. Если я пишу border-bottom: solid 1px #ccc то под каждым подпунктом появляется border, а мне он нужен только на последнем. p.s. использую CSS Для меню в Joomla. Пример CSS можно найти тут. http://de.siteof.de/extended-menu-templates.html (son-of-suckerfish) Если кто-то реально подскажет, что делать, буду очень признателен!

    Asked by GooDMeister,

    0 votes
    12 answers

  10. Как убрать поле ввода названия файла input type=file?

    Всем привет! Хочу видеть одну кнопку с названием "Загрузить" а не "Обзор...". С этим возникли трудности: 1.Подскажите как убрать поле ввода названия файла который создается тегом <input type="file">? 2.Возможно ли поменять название этой кнопки? value не действует.

    Asked by amelice,

    0 votes
    7 answers

  11. Что выбрать веб или mobile (мой случай)?

    На данный момент неплохо разбираюсь в вебе. Знаю html, css, php, mysql, javascript, jquery. Могу сделать интернет магазин, статейный сайт, также похожий сайт на этот :-) Но мне также хотелось бы создавать приложения под Android, но для этого мне нужно учиться примерно 2-3 месяца + потом годы практики (я в вебе уже 3 года). Прошу, дайте дельный совет, что выбрать оставить веб и начать учить java + android ~ 6-10 мес или стать относительно профи в php и потом перейти на android? P.S. Приветствуются адекватный ответы, которые помогут новичку )

    Asked by andrdov,

    0 votes
    5 answers

  12. И опять о "Форме обратной связи"

    Очень намучился с создание формы для обратной связи. если учитывать, что с Пшп вообще мало знаком, думаю что-то получилось. Проверьте, пжлст мои Коды и дайте рекомендации. Есть вопросы, которые меня особо интересуют: 1. что там на счет полей обязательных для ввода, все верно? 2. как сделать так, чтобы без включенного поля Agree письмо не отправлялось 3. правильна ли проверка телефона? (нужно, чтобы телефон начинался с "+380") 4. правильно ли осуществляется проверка типа файла (у меня эта проверка - accept="text/txt") 5. как правильно подключить Капчту, а то у меня гадость какая-то получилась) - ну и все, что вы можете мне посоветовать файл с формой ****.html <form a…

    Asked by chest,

    0 votes
    40 answers

  13. Как сделать, чтобы на мобильной версии элементы менялись местами?

    на скриншоте десктопная и мобильная версия вёрстки. Как сделать, чтобы у одного элемента на мобильной версии слева была иконка а справа текст, а у другой слева текст, а справа иконка? Ещё чтобы всё симметрично было, везде размер элементов и отступы одинаковые. в общей обёртке если один блочный элемент сверху, у другой снизу, а я сменил обёртке стиль на "display: flex;", а обоим элементам "width: 50%;", то верхний станет слева, а нижний - справа. А как наоборот сделать, чтобы верхний справа, а нижний слева? я придумал только использовать position: absolute. получилось криво. Как сделать, чтобы блок-обёртка подстраивался по высоте под картинку? https://codepen.io/zfO/…

    Asked by Grani,

    0 votes
    1 answer

  14. Всплывающая подсказка над input полем

    Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…

    Asked by Александр_1989,

    0 votes
    1 answer

  15. z-index в ie7

    В =<IE7 дерево по z-индексу лежит выше, чем трава, но в ослике почему-то это не работает, и трава перекрывает дерево. Пробовал поиграть со значениями, позиционированием, но исправить так и не удалось. Линк

    Asked by flagreit,

    0 votes
    10 answers

  16. Кастомизация текста внутри option

    Добрый день. Хочу внутри тэга option записать текст вот в таком виде: Название моей опции +50г -1234рТ.е. с левой стороны - название опции, а справой - доп. информация, курсивом. Можно это как нибудь сделать? Тэг span внутри option игнорируется.

    Asked by xmlns,

    0 votes
    7 answers

  17. Верстка на div в две колонки, в правой div с clear:both

    Имеется две колонки (в левом меню, в правом контент). Есть необходимость в правый блок выводить каждый из которых должен начинатся с новой строки. Но возникает проблема, если указываю clear:both, то див переносится до уровня конца левого блока. Какой может быть выход? <style type="text/css"> #menu {width: 270px;background: #e3e8cc;border: solid 1px black;float: left;} #content {background: #e3e8cc;border: solid 1px black;margin-left: 275px;} </style> <body> <div id="menu"> hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh hkjh </div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit…

    Asked by BAV,

    0 votes
    9 answers

  18. Шрифты в сафари

    Всем привет. Подскажите пожалуйста, за счет чего нестандартные шрифты в сафари рендерятся неверным образом? Всего макетов 7 один из них залил на хост - http://falard.org/ Везде нормально, в сафари жесть =)

    Asked by FaLaRD,

    0 votes
    5 answers

  19. переход на якорь заезжает за верхний фиксированный блок.

    Добрый день! Уже двое суток голову ломаю, как сделать так, чтобы при нажатии на якорь блок не заезжал за фиксированное меню сверху? Сайт на котором это творится: https://smart-remont.com/ Помогите, пожалуйста.

    Asked by audisport,

    0 votes
    12 answers

  20. растяжка по высоте,падинги,опера,эксплорер

    http://timako.iskra-net.ru/temp/index.html в опере отображается нормально, но не растягивается по высоте. в эксплорере паддинг шапки как-то не так считается и сразу появляется дырка. (я помню была статья про то, как в эксплорере считается падинг, но так и не нашел) если убрать доктайп, то и в опере и эксплорере растягивается по высоте, но под меню появляется пустая полоска. уже замучался е? убирать... наверняка где то или фонт сайз прописать надо или с падингами что то не так... помогите, пожалуйста доктайп сохранить, по высоте растянуть, полоску убрать.

    Asked by LikeAPilot,

    0 votes
    20 answers

  21. настройка проекта Bootstrap + Sass + Koala

    До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?

    Asked by vip,

    0 votes
    8 answers

  22. Выпадающий список с поиском.

    Срочно понадобилась такая фича- пользователь кликает по текстовому полю, появляется выпадающий список с опциями. Пользователь может прокрутить список и выбрать нужную ему опцию или начать вводить название опции тем самым уменьшая количество вариантов, что бы не прокручивать и не искать в здоровенном списке нужное значение. Кто нибудь знает плагин реализующий подобную функциональность на JQuery?

    Asked by Titansword,

    0 votes
    3 answers

  23. overflow ограничивает абсолютный блок

    Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.

    Asked by BoJITyH,

    0 votes
    13 answers

  24. Список покидает див

    Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...

    Asked by DeZ,

    0 votes
    0 answers

  25. Ох уж эти фреймы...

    Есть некий сайт, полностью на фреймах. Как известно, для продвижения желательно избавляться от них, чтобы читался текст. Но, проблема в том, что переделывать весь сайт под статику очень долго и бессмысленно, так как лучше уж на движок натягивать, чем все статикой делать. Так вот: можно ли сделать так, чтобы индексная страница была бы статичной, а остальные на фреймах? пытался, не получается... PS - к сожалению, сам сайт показать не могу.

    Asked by zews,

    0 votes
    16 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept