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

29,542 questions in this forum

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

  2. Наложение полупрозрачного треугольника на изображение

    Здравствуйте. Подскажите пожалуйста идеи как создать вот такой полу-прозрачный треугольник в левом верхнем углу. От середины левой стороны картинки к верхнему правом углу. Размеры исходного блока с фотографией не постоянны. -- Забыл добавить, что требуется поддержка только современных броузеров на базе webkit и не поддерживать пережитки прошлого.

    Asked by pvk,

    0 votes
    26 answers

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

    Народ, не знаю как выровнять текст списка во вертикали и горизонтали. Надо сделать так мой код <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

  4. Ребят, помогите пожалуйста

    Действительно перепробовал уже вс?, что знал, таблицы не люблю, как сделать не знаю Код не буду выкладывать, ибо много. Вобщем вопрос вот в ч?м. -страница поделена на три контейнера по вертикали: по центру - основной (отцентрован при помощи margin left&right: auto), а два остальных по бокам. Мне нужно сделать так, чтобы вот те, по бокам, центровались в промежутке от края центрального слоя до боковых рамок браузера. Вот как на рисунке —————————-- — ———-- — — ———-- — — ———-- — —————————--

    Asked by Trust,

    0 votes
    27 answers

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

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

    Asked by E_u_g_e_n_e,

    0 votes
    3 answers

  6. height 100% и шапка

    Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.

    Asked by AnyaRayne,

    0 votes
    34 answers

  7. Проблема с fancybox на мобильных устройствах

    Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ c…

    Asked by osi-v,

    0 votes
    2 answers

  8. комментарии

    а как сделать возможность добавления комментариев на сайте? например к фотографиям....или статьям....?

    Asked by wert-one,

    0 votes
    35 answers

  9. Как вставить фрагмент чужого сайта на свой?

    Попытался сделать это с помощью iframe, но в этом случае не получается регулировать высоту подгружаемой страницы, т.е. она получается не динамическая, и не зависит от высоты подгружаемого фрагмента: <IFRAME SRC="http://www.ya.ru" frameborder="0" height="3000" width="100%" scrolling="no"><br> </IFRAME> Попытался вставлять через пхп типа: <? include("http://www.ya.ru"); ?> или <? $str = file_get_contents( 'http://www.ya.ru' ); echo $str; ?> Если делать через пхп - то пользователь при нажатии ссылки в подгружаемой странице переходит на нее и видит чужой урл. Задача стоит загружать сайт партнера, но не показывать его урл. Помогите пожалуйста раз…

    Asked by Semreg,

    0 votes
    1 answer

  10. Вёрстка изогнутых блоков

    Ребята помогите с такими вот вопросами.Я нуб если что =) Есть блок ,нужно что бы он при добавлении текста расстягивался в длину и ширину . Теперь вопросы: 1)Как правильно его нарезать в фотошопе ?(какой формат для сохранения ,кол-во частей которое получиться после нарезки) 2)Как позиционировать (float,margin,position?) его отрезаные части(бока,верх,низ) что бы они точно прилегали к блоку? 3)И как будет выглядить код html Вот как я делал похожий блок, у него изогнуты только бока : 1) PNG24 ,градиент центра,левый и правый бок 2,3) <div class="box"> <div class="box-right"> </div> <div class="box-left"> </div> </div> .box { positio…

    Asked by coldug,

    0 votes
    32 answers

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

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

    Asked by xmlns,

    0 votes
    7 answers

  12. Картинка по центру по верх всего остального

    Картинка по центру по верх всего остального. Как сделать. Пробовал позиционированием, но по центру не ровняется. Выравнивания float тоже не помогли. НАдо, чтобы картинка была независима от всего и отображалась поверх всего остального и была прижата к верху.

    Asked by Yury50,

    0 votes
    10 answers

  13. Проблема с версткой макета

    Сижу мучаю макет... не представлю как это сделать, может здесь смогу помочь Вот макет: http://predvoditelev.ru/del/maket.zip (2.7mb) Превью: Общий фон (тёмносерая текстура) - размножаем (ФОН1). Основная часть (светлосерая текстура) - размножаем (ФОН2). Эта часть фикс. по ширине - распологаем по центру. Тень от основной части должна уходить за пределы экрана без появления прокрутки (ТЕНЬ). Футер прибиваем к низу. Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; c…

    Asked by VJiK,

    0 votes
    37 answers

  14. Кнопка-ссылка.

    Кнопка-ссылка. Помогите разобраться... Нужна кнопка-ссылка на анкер. Пишу <script type="text/javascript"> работает, но перестают работать остальные, пока страницу не перезагрузишь. Я чего-то недогоняю, почему он скрипты видеть перестает... Спасибо заранее.

    Asked by Николай 2357,

    0 votes
    31 answers

  15. Автоматическая нумерация строк

    Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!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>Нумерация строк</title> <style type="text/css"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…

    Asked by Vlad,

    0 votes
    7 answers

  16. При наведении на одну ссылку подсветить две

    Всем привет, такая проблема <div class="block"> <div class="block2"> <a href="#"><img src="img.jpg" /></a> </div> <a href="#"><h3>Заголовок</h3></a> </div> Как можно сделать, что бы при наведении на картинку подсвечивалась ссылка с текстом, засунуть весь блок в <a> не вариант, может быть есть на js решение? Помогите, кто чем может

    Asked by galaydas,

    0 votes
    20 answers

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

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

    Asked by Renert,

    0 votes
    16 answers

  18. Как сделать ширину текста строго под ширину div`a

    Здравствуйте, вот у меня есть код "блока" под новости на главной странице, этот код = <table> в таблице естественно <tr><td>, и вот в одном из <td> есть <div> в котором текст новости идёт, затем я сделал тест, написав ~500 символов и получилось так...что внизу страницы появился ползунок, как сделать так, что бы этого полузнка не было и текст шёл строго по ширине div`a?если больше - то пускай новая строка начинается.... Взаранее спасибо.

    Asked by LeoBit,

    0 votes
    24 answers

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

  20. Как такое реализовать?

    Подскажите как такое реализовать http://kim-evgene.site.uvaga.by/temp/shablon.gif А именно, как лучше сделать чтобы верт. полоса прокрутки была не возле зеленого блока, а стандартная браузерная

    Asked by Kim,

    0 votes
    26 answers

  21. Вертикальное выравнивание декста в div

    Помогите новичку с вертикальным выравниванием .. Создаем div,задаем ему ширину и высоту, ставим фон, помещаем в этот див текст. Текст прилипает книзу и никакими valign или vertical-align центроваться не хочет. Например HTML <div id="catalog" > <div id="uslugi">Услуги</div> <div id="price"><Стоимость</div> <div id="contacts">Контакты</div> </div> CSS #catalog{ position:relative; left: 241px; color: #718447; top: 33px; font-size: 19px; font-weight: normal; text-align:center; } #uslugi{ width:221px; height:46px; background-image:url(header_front-1.jpg); float:left; } #p…

    Asked by veromi,

    0 votes
    9 answers

  22. Подгружаемые шрифты - почему не отображаются сразу?

    Делаю сайт www.knigivparkah.ru. Для отображения заголовков сайт подгружает свои шрифты. И очень часто бывает так, что при первичном заходе на сайт первая страница отображается другими шрифтами. (К сожалению, не отследил, при каких условиях) - естественно, что верстка при этом выглядит перекошенной. Но при этом если ткнуть мышой в средний баннер в шапке сайта (который содержит ссылку на начальную страницу сайта) - то при таком подходе эта страница отображается уже с нужными подгруженными шрифтами и выглядит нормально. ВОПРОС: почему шрифты не встают на страницу с первого же раза? Я смотрел в отладчике подгрузку файлов для страницы - все вытягивается нормально даже с первог…

    Asked by GRIG,

    0 votes
    6 answers

  23. Возможно ли (если да, то как?) изменить стиль аттрибута title (всплывающей подсказки)?

    http://htmlbook.ru/html/attr/title , добавить бэкграунд/изменить шрифт/ добавить рамки

    Asked by vladimir_lwlx,

    0 votes
    5 answers

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

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

    Asked by amelice,

    0 votes
    7 answers

  25. hover моргает

    Коллеги, здравствуйте! Столкнулся с такой проблемой. Есть <input type="button">. У кнопки есть background и background:hover. При наведении background заменяется на background:hover, но так как изображения hover нет в кеше, в момент замены кнопку дёргает. Сразу оговорюсь, что применение спрайтов недопустимо. Если кто-нибудь знает решение, просьба поделиться. Заранее спасибо за помощь. Примечание: была идея прятать картинки, но в таком случае в кеш они не добавляются.

    Asked by Barsam,

    0 votes
    6 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