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. Горизонтальное меню без использования ul>li

    Подскажите, для чего горизонтальное меню оборачивать в ul>li, если можно обойтись только дескриптером '<a>'? Только чтобы меню формально было списком? В чем подвох и почему никто так не делает? Привожу ниже мой код и скриншот готового меню. <!DOCTYPE html><title>Test Page</title><meta charset = "utf-8"><link rel = "stylesheet" href = "style.css"><div> <nav> <a href="#">Home</a> <a href="#">Portfolio</a> <a href="#">About</a> <a href="#">Contacts</a> <a href="#">Forum</a> <a href="#">Support</a> <a href="#">Callback</a> </nav> …

    Asked by vano1208,

    0 votes
    24 answers

  2. Отступ после блока с clear: both

    Имеется контейнер, в котором несколько блоков с float: left. В завершении, чтобы убрать обтекание ставлю блок с clear: both; При этом появляется отступ после этого блока, т.е. блок с clear: both; растягивает контейнер по высоте. С подобнымстолкнулся впервые, исправить смог только overflow: hidden; у контейнера. Пример кода: <div style="width:100%;overflow:hidden; "> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test te…

    Asked by pav8909,

    0 votes
    5 answers

  3. Выпадающее меню и инпуты

    Здравствуйте, на сайте есть выпадающее меню, и ниже, идут инпуты, однако, слой с меню всегда оказывается ниже слоя с инпутом, z-index менял, не помогает. Есть какой-нибудь способ обойти это?

    Asked by Renert,

    0 votes
    16 answers

  4. Нижнее меню в iphone

    Всем привет! Есть вопрос. Как убрать нижнее меню в safari на iphone, которое появляется при загрузке страницы и при прокрутке вверх? На сколько мне известно это можно сделать средствами css/js. Важно, чтобы это сработало на iphone 6, 6s (если не ошибаюсь в разных версиях iOS убирается по-разному). Нужно, чтобы было как здесь: http://fornacestudio.com/. На фото панель, которую нужно убрать.

    Asked by mn8156,

    0 votes
    3 answers

  5. Выровнять текст списка по вертикали

    Народ, не знаю как выровнять текст списка во вертикали и горизонтали. Надо сделать так мой код <div id="footer"> <ul id="footerDiv"> <li>2012 © ГУ “хххххххххххх ххххх ххххх хххххх”</li> <li>Наш адрес: ул. Хххххххххх, д 6 Контактные телефоны: ххх-хх-хх ххх-хх-хх</li> <li>Разработка сайта: ИП Пупкин В.А.</li> <li id="map">Карта сайта Прочие ссылки Etc etc etc etc etc etc И еще что-нибудь</li> </ul> </div> и #footer{ height: 116px; margin-left: auto; margin-right: auto; width: 1000px; } #footer ul { list-style: none outs…

    Asked by ProGirl,

    0 votes
    12 answers

  6. z-index в ie7

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

    Asked by flagreit,

    0 votes
    10 answers

  7. Повергнуть Myriad Pro

    Myriad Pro очень любят наши ру дизайнеры, словно не замечая миллионы нецензурных коментов по этому поводу. Кто-нибудь сумел разобраться с этой напастью? Как отконвертировать во все форматы этот замечательный шрифт для вэб бесплатно, что бы счастливые верстальщики могли на всех ру сайтах радостно и кроссбраузерно использовать фонт фэйс такого вида: @font-face { font-family:'MyriadPro-Regular'; src:url('../fonts/MyriadPro-Regular.eot'); src:local('O'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.svg') format('svg'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.eot') format('embed…

    Asked by Alarr,

    0 votes
    18 answers

  8. Запрет изменения размера окна браузера

    в общем есть шапка и центральная часть, шапка растягивается на 100% по ширине окна, центральная часть занимает железно где-то 800px и отцентрирована, так вот при уменьшении размера окна браузера шапка есессно растягивается по всей ширине окна, но вот если размер окна становиться меньше 800 появляется горизонтальная полоса прокрутки т.к. центр железно на 800px, и получается что шапка справа урезается до размера окна, а за полосой прокрутки находится часть центральной части.... как это исправить можно? хотя бы чтобы бразер нельзя было сжать меньше 800px

    Asked by andrewQwer,

    0 votes
    4 answers

  9. проблемы с версткой

    оставлять в данной теме все возможные проблемы, возникающие при верстке станиц.

    Asked by kiD,

    0 votes
    11 answers

  10. Левая колонка скрывается без скролла

    При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!

    Asked by htmlkin,

    0 votes
    29 answers

  11. background transparent - для DocumentRoot

    background transparent - для DocumentRoot Приветствую. Прошу помощи (сам к сож. совершенно не разбираюсь) по следующему вопросу: имеется: 1) на компутере с виндой установлен Apache 2. 2) в файле /apache/conf/extra/httpd-vhosts.conf прописано: потерто 3) в папке [docroot] лежает (и пополняются простым туда копированием) исключительно файлы mp3. вопрос: как сделать, чтобы бекграунд основной страницы был прозрачным? можно ли это сделать дописав что-то в настройках апаче (вроде тут много чего меняется - /apache/conf/extra/httpd-autoindex.conf)? или подскажите скрипт, который я бы закинул в index в корне папки, и этот скрипт выводил бы мп3 только + прорачный бекграунд? ————- …

    Asked by ka81,

    0 votes
    20 answers

  12. вертикальное выравнивание и float

    Здравствуйте. Столкнулся с проблемой вертикального выравнивания внутри таблицы. Задача: в одну ячейку поместить картинку и обтекающий ее текст, причем текст должен выравниваться посередине ячейки. но при добавлении картинке float: left происходит следующее: картинка выравнивается посередине, а текст - по верхней границы картинки. есть ли возможность реализовать нужное выравнивание без добавления дополнительных блоков или ячеек? td {vertical-align: middle;border: solid 1px black;} img {float: left;} <table> <tr> <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif">sometext</td> </tr> </tab…

    Asked by hedgehog,

    0 votes
    25 answers

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

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

    Asked by xmlns,

    0 votes
    7 answers

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

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

    Asked by amelice,

    0 votes
    7 answers

  15. Верстка на 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

  16. Что выбрать веб или 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

  17. как сделать перелистывание контента на странице?

    Взял простенький psd макет для практики. Возник вопрос. Как сделать так, чтобы при клике на выделенные на скрине стрелочки, контент между ними перелистывался? На данном этапе сделал заголовок и навигационное меню, а также добавил фон. Возможно ли как то решить данную задачу при помощи HTML и CSS?

    Asked by RoninDeath,

    0 votes
    7 answers

  18. HasLayout

    Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...

    Asked by DjTarik,

    0 votes
    30 answers

  19. Как отрегулировать ширину 3х ячеек в таблице?

    У меня 3и ячейки в таблице фиксированной ширины... Не могу млин грамотно их выровнять. Ширина таблицы 400 пикселей. Вот как должно быть: |<—-ячейка1 (ширина зависит от длины текста в ячейке) —->|<—-ячейка2 (заполняет оставшуюся область таблицы) —->|<—-ячейка3 (фиксировано 100 пик) —->| Подскажите, как корректно добиться поставленной задачи?

    Asked by Semreg,

    0 votes
    26 answers

  20. Объединение ячеек таблицы с помощью CSS

    Всем привет! Хочу задать такой вопрос: можно ли как-то объединять ячейки таблицы с помощью CSS? Если нет, то можно ли использовать атрибуты "rowspan" и "colspan" совместно с применением стилей? Заранее благодарен.

    Asked by E_u_g_e_n_e,

    0 votes
    3 answers

  21. резиновая таблица в web диалоге и в простом окне

    вот такая таблица - хочу сделать в popup окне резиновую таблицу, чтобы ширина изменялась в зависимости от того, насколько растянуто окно <table width="100%" border="1"> <tr> <td width="20%"> 1</td> <td >2</td> </tr> </table> если окно открываю через window.open то поведение таблицы как планировалось - ширина изменяется вместе с щириной окна. если открываю окно через window.showModalDilaog, то ширина таблица при открытии окна такая же как и ширина окна, но далее при изменении ширина таблицы останается такой же как и была. почему такая разница и как сделать резиновую таблицу в we…

    Asked by monstrU,

    0 votes
    7 answers

  22. Вертикальное выравнивание по центру

    Есть div. в нем картинка. нужно сделать что бы эта картинка была по центру дива в котором она находится. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>vo4tap</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="vo4tap" /> <style type="text/css"> html, body {pading:0; margin:0; background-color:#000000; height:100%; position:relative; } img {border:0;} #all {min-height:100%; text-align:center; background:#f2ddc6;} </style> </head> <b…

    Asked by vo4tap,

    0 votes
    25 answers

  23. полупрозрачный фон div'а

    Хочется, чтобы под фоном div'a был виден фон body Как такое сделать? Следующий код не работает нигде, что тут не так? html: <body> <div class="opacity_div"> ... </div> </body> css: body { background: url(/img/bg.jpg); } .opacity_div { background: #FFF; opacity: 0,3; }

    Asked by theo_,

    0 votes
    30 answers

  24. Почему может не работать виджет коментариев вконтакта?

    Собственно изза чего у меня может не работать виджет? Название сайта ввожу - test Адрес сайта - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html Основной домен сайта мне делает вот такой - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html и вконце концов код мне выдает вот такой: <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="//vk.com/js/api/openapi.js?82"></script> <script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true}); </script&…

    Asked by pudge,

    0 votes
    53 answers

  25. Подскажите про 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
×
×
  • 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