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. Нужно: - что бы они были размещены равномерно - возможность размещения коментариев к каждому фото - при клике на фотку она должна увеличиваться в отдельном окне спасибо

    Asked by Walsidalv,

    0 votes
    1 answer

  2. IE плохо показивает страницу

    Делал верску ,в всех браузерах нормально показивает (скрин) но в IE плохо (скрин) Там 2 ошибки ,тоисть профиль наежает на лого и перекривает и контейнер держитса профиля(на скрине видно ,так как профиль дал в бордер так же как и контейнер) Как можно решить проблеми,кто подскажеш??? Демо сайта : http://fefeq.ucoz.ru/ Спасибо

    Asked by Mr.Black,

    0 votes
    2 answers

  3. Косяки верстки. Не могу найти ошибки

    Вот сверстал страницу. Не могу понять где неправильно. В css знания норма, но не профи-спец ( Проверьте пжлста, где я тут накосячил. А именно: 1) Неправильно отображается верхнее меню в IE8 при уменьшении или увеличении масштаба страницы (<>100%), съезжает то вверх то вниз от должного положения. 2) В IE6 страница уезжает вправо, т.е. появлятся скролл. Снова не пойму почему. 3) в остальных браузерах и в IE7 не могу сделать, чтобы отображалась по всей высоте div'a рамки справа и слева. Ну вроде все так. Принимаю критику в отношении верстки (Буду даже рад). Потому что я сам не специализируюсь на верстке а именно на html css (увы, но пытаюсь). Все сверстанное в прикре…

    Asked by myscode,

    0 votes
    0 answers

  4. Мониторы и пропорции

    Сайт имеет фиксированную ширину 1000 пх, с расчетом на удобный просмотр при разрешении 1024. На мониторах с широким экраном все иллюстрации слегка "сплющены", сжаты по вертикали. Как устранить эту неприятность, вернуть пропорции изображениям?

    Asked by Anat-sm,

    0 votes
    2 answers

  5. align=middle в хром

    Делаю выравнивание текста по картинке - <img src="/upload/medialibrary/1a2/clock.png" align="middle"> текст. В браузерах Opera и IE отображается как надо, текст по середине картинки справа, а вот в хроме текст справа вверху от картинки. Причём, если вместо align, написать valign="middle" в хроме как надо отображается, а в остальных браузерах не так.. Как сделать, чтобы в хроме отображалось как положено align="middle"?

    Asked by AlexUtk,

    0 votes
    2 answers

  6. Смена данных пользователя.

    Всем привет. Подскажите как написать код который делал бы следующие: при клике на надпись Edit поля name, phone, e-mail в таблице открывались для ввода и для изменений данных, так чтоб одновременно запускался input с тремя полями. Прошу помочь и спасибо. Вот той фрагмент таблицы к которому всё это должно работать: <li> <div class="no_img"> <a href=""><img src="images/Pen2.jpg" hspace=15 vspace=3 align=right alt="Edit"></a> </div><!--no_img--> <a href="#"> <img …

    Asked by Viikkk,

    0 votes
    2 answers

  7. Как поднять заголовки?

    Добрый вечер. Помогите, пожалуйста, решить проблему. Есть сайт на 1С-Битрикс. В нем создан каталог (см.скрин). И мне как-то нужно сделать, чтобы у этих Разделов название располагалось ближе к картинке. По идее надо редактировать шаблон, но вот как???

    Asked by Drakonyashka,

    0 votes
    2 answers

  8. Помогите!

    Помогите пожалуйста сделать верстку как на картинке : http://s004.radikal.ru/i208/1301/1b/211630d202d3.jpg Вот код , никак не получается <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <style> .colortext { color: red; } .head { font-size: 2.5em; text-align: right; padding: 7px; border-radius:10px; border: solid 2px gray; background: #CCC; color:#000000; } .help { float: left; border: 1px solid #333; width: 47.5%; padding: 5px; border-radius:10px; background-color:#CCC; margin: 10px 10px 20px 5px; } .menu { width: 200px; padding: 5px; border-radius:10px; border: 1px solid #000; bac…

    Asked by Elin05,

    0 votes
    5 answers

  9. Верстка под планшеты и смартфоны

    Только начинаю изучать адаптивную верстку. И вопрос следующий. Можно ли определить тип устройства клиента? Допустим, что у него планшет. Или же смартфон. Ведь разрешения бывают самые разные. Допустим я хочу чтобы на всех смартфонах, независимо от их разрешения, макет получался бы с одной колонкой, на всех планшетах - 4 колонки, а на компьютерах и ноутах - 6 колонок.

    Asked by Bumblebee,

    0 votes
    1 answer

  10. Загрузка "резиновой" картинки

    Предположим, имеется адаптивная страница с двумя абзацами и картинка между ними: <p>Абзац 1</p> <img style="max-width: 100%; height: auto;" src="http://pic1.jpg" /> <p>Абзац 2</p> Картинке не заданы фиксированные размеры через width="" и height="", на то она и резиновая. При создании страниц с фиксированной шириной я прописывал размеры картинки в пикселях, благодаря чему страница формировалось с пропуском, в который загружалось изображение. В случае с резиновой графикой таких "пропусков" нет - сначала грузятся два абзаца, затем второй абзац "слетает" вниз, освобождая место под картинку. Меня интересует как поступить грамотно в такой ситуа…

    Asked by type,

    0 votes
    3 answers

  11. Проблемка с before и after

    Че то как то не охотно получается то что надо..... в общем вот http://jsfiddle.net/tns5b/5/ Вроде прописал нормально все, а он на всю ширину размещается, тока вот почему понять что то не могу...

    Asked by BSandro,

    0 votes
    4 answers

  12. две картинки в фоне

    здравствуйте, возникла проблема. Есть сайт фиксированной ширины, по центру. У body задан отдельный фон в виде картинки. Мне нужно в правый и в левый верхний углы добавить два изображения (т.е. одно с лева, другое с права). Размеры их маленькие, т.е. соединить в одну проблемотично будет, да и надо учесть, что мониторы могут быть разного размера. Пробовал вставлять грубым методом, т.е. перед дивом с основным контентом вставил два дива, в ксс которых указал одному фон и положение с лева, другому фон и положение с права. Но в итоге блок с контентом опускается на ширину этих картинок, что не совсем то, что должно получиться. как мне решить данную проблему? спасибо за …

    Asked by devid89,

    0 votes
    3 answers

  13. Выпадающее меню(анимация)

    Есть такое вот меню jsfiddle.net/v7tnh6jx/, мучаюсь ни как не могу сделать чтобы оно выкатывалось при наведении, transition пробовал 0 реакции, Подскажите пожалуйста)

    Asked by Laroxx12,

    0 votes
    6 answers

  14. Как выровнять картинку по горизонтали без указания ширины?

    Возможно ли выровнять картинку по горизонтали без указания ширины? Я сделала это с помощью padding'а....но последняя картинка не выровнена посередине относительно текста и понятно почему. Как сделать выравнивание правильно? Вот код: http://cssdeck.com/labs/ryg3qje3

    Asked by Alfa2015,

    0 votes
    3 answers

  15. Откалибровать содержимое дива

    Всем привет ) Начинаю разбираться с css. Есть необходимость выровнять содержимое дива .logo_bg_right с теми значениями паддинга, что указаны в коде, а именно 13px 18px. В принципе если поменять значение паддинга слева-справа на 14px получается... Если оставить 18px и приглядеться видно отступ с правой стороны. Не пойму откуда он взялся( Самое удивительное, что код абсолютно одинаков) <!DOCTYPE html><html> <head> <title>Project Name</title> <meta charset="utf-8" /> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="header"> <d…

    Asked by Paris,

    0 votes
    3 answers

  16. Белая граница

    Вот фрагмент моей вёрстки http://jsfiddle.net/xqybw8Lx/1/ Мне нужно, чтобы белая полоска справа от круга была от верха до низу. Можно ли этого добиться с помощью css? Я понимаю, что можно просто картинку сделать и справа её разместить.

    Asked by PavelTkachev,

    0 votes
    3 answers

  17. Кастомная сборка Бутстрапа

    Всем привет. Есть место, где можно собрать бутстрап под себя и все о нем знают http://getbootstrap.com/customize/ Мне не до конца понятно, зачем дублируются одноименные "JS-составляющие" сначала в JavaScript components, а потом в jQuery plugins? Первые работают без подключения jQuery в отличие от вторых?

    Asked by goooooch,

    0 votes
    1 answer

  18. Почему в мобильной версии пропадают стили ссылок?

    http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.

    Asked by nikki4,

    0 votes
    0 answers

  19. При вставке текста с ссылкой в форму отправки заявки не работает ссылка

    При вставке текста с ссылкой в форму отправки заявки не работает ссылка. При клике на ссылку срабатывает кнопка отправки сообщения вместо открытия ссылки. Ничего не понимаю, что можно сделать? Вот концовка формы: <div class="col-xs-12 col-md-4"> <p><textarea name="msg" placeholder="Сообщение"></textarea></p> <div><a href="#" class="button" style="float: right;">ОТПРАВИТЬ</a></div> </div> <a href="<?=SITE_DIR?>soglasie.pdf" target="_blank">Нажимая на кнопку О…

    Asked by arsen64,

    0 votes
    1 answer

  20. Тег EMBED

    Подскажите, что означает параметр wmode тега EMBED? Или это не параметр? в любом случае, что значит, если он = "window"? Спасибо!

    Asked by Elly,

    0 votes
    1 answer

  21. создание таблицы

    хочу сделать таблицу из 3х ячеек. Что бы в первом ряду были две ячейке, а во втором одна. У каждого ряда свой цвет когда сделал таблицу получается расстояние между ячейками в первом ряду хотя в ксс явно указывал размеры границы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>1</title> <style type="text/css"> table { background-color: #E4EAF2; border-width: 2px; border-style: solid; border-color: #072A66; } .title { background-color: #5B84C5; color: #FFFFFF; border-width: 0px; } </style> </head> …

    Asked by Xaver,

    0 votes
    2 answers

  22. Отображение товаров

    Дали мне вот этот магазин на "довёрстку". Все было нормально пока я не столкнулся с необходимостью сделать отображение товаров как на картинке, тоесть красиво расположить форму Select внутри. Вот как надо: Как есть можно посмотреть на сайте. В таблицах я плаваю, при чем плаваю топориком p.s. Особо нервным сайт в ИЕ не открывать, кроссбраузерностью я еще не занимался

    Asked by buddah,

    0 votes
    4 answers

  23. как настроить сторону сдвига меню

    Здрасте! Скажите пожалуйста, вот что у меня сейчас: <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Internet Marketing</a></li> <li><a href="#">Hosting</a></li> …

    Asked by ig1984,

    0 votes
    3 answers

  24. Цвет галочки в чекбоксе

    Он как-то регулируется? А то в макете у меня он синий о_О

    Asked by Gaspode,

    0 votes
    1 answer

  25. Проблема с позиционированием кнопки

    Почему кнопка с текстом лезет куда-то наверх? <style type="text/css"> button {width: 32; height: 32;} </style> <button></button> <button>1</button> <button></button>

    Asked by Тёмик,

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