HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
макет страницы в процентах - запутался, помогите
запутался ... начал делать в дивах ... как сделать такой макте для страницы ... ??? http://www.picatom.com/1t/-14916.html - сделал схемку помогите кодом, а
0 votes6 answers -
не могу разобраться с margin
Всем привет. Помогите пожалуйста. Использую margin для того что бы установить отступы от основного дива, но почему-то он рвет структуру. Смещает слой на 5px вниз!!! уже и clean:both в стили ставил. Ему все пофиг!!! Мне говорили что даже лучше верстать таблицами. не все браузеры нормально отображают CSS
0 votes8 answers -
меню
может быть вопрос конечно не по адресу, но хотелось бы уточнить. возможно ли с помощь css сделать такое меню или без скриптов не обойтись. и вообще как лучше это делать, с помощью чего. http://ifolder.ru/25273106 здесь лежит файл, как сюда закинуть не понял... сильно не пинайте, если что...
0 votes8 answers -
Десктоптое решение для тестирования веб-страниц
Всем привет, у меня вопрос - существует ли бесплатное десктопное решение для тестирования и эмуляции вида веб-страниц в различных браузерах - Opera, Safari, Chrome, Firefox, IE. Что-то вроде IE Tester, но для других браузеров. Ищу третий день - не могу найти. P.S. Сервисы которые отдают скриншоты сайта не предлагать)
0 votes6 answers -
Vertical-align работает в <div></div> ?
Как отцентровать по вертикали текст в <div></div> или в <p></p> ? По горизонтали получается с помощью text-align: center; В описании (http://htmlbook.ru/css/vertical-align) написано, что "middle - выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента." Я задал ширину и высоту для контейнера. То по идее к центральной точке текста или изображения должна добавляться половина высоты контейнера от верхней его границы. <!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> <…
0 votes2 answers -
css рефакторинг
Решил переименовать некоторые классы и id в css файле, а заодно и во всем остальном, что его использует (.htm .js .php и тд). Дурной работы конечно делать не хочется, тратить время на поиск использования данных классов и id во всех файлах проекта - не вариант. NetBeans предлагает такую тулзу как рефактор. Выделяем нужный id или класс -> Ctrl+R -> вводим новое имя -> preview и... и получаем (во всяком случае я) окно с незатейливым сообщением - No Patterns Found. Странно, ведь тут написано что все должно работать. Кто-то сталкивался с данной проблемой в контексте NetBeans да и вообще в контексте рефакторинга? ЗЫ. ололо вариант - реплейсить регулярками в notepad++ …
0 votes0 answers -
Подскажите пожалуйста почему уехала таблица?
Здравствуйте! Не могу понять из-за чего съезжает таблица, на скрине видно, что таблица ниже выравнена нормально...
0 votes2 answers -
Проблема с бекграундом в IE
Вот что получается http://prntscr.com/2d1vfs (даже в 11 версии) Верстка тут http://alexlebedev.pw/works/advogrand/ Если убрать тень, то все хорошо отображается. Так же, если выделить текст, появляется бекграунд
0 votes4 answers -
Что-то с шириной и margin: 0 auto
Здравствуйте. Я что-то потерялась. Давно фиксированный сайт не верстала) http://kates.cc.ua/ Посмотрите, пожалуйста, на мониторах больше 1280 пкс или в девтулс. Не по центру у нас.
0 votes5 answers -
Как скрыть блок при недостаточной высоте
Имеем: блок 1 — с динамической высотой блок 2 — определенной высоты, виден в любом случае блок 3 — определенной высоты. Его нужно скрывать, если сумма высот 2 и 3 больше, чем высота 1. Как это лучше придумать? Спасибо.
0 votes3 answers -
Социальные иконки Bootstrap
Надо сделать такие кнопки: http://bootsnipp.com/snippets/x42W http://lipis.github.io/bootstrap-social/ здесь код переделки http://jsfiddle.net/ynLtd8wb/1/
0 votes0 answers -
Отцентрировать один блок из трех относительно родителя
Здравствуйте. Есть вот такой пример https://jsfiddle.net/5dnz61qu/ Мне нужно, чтобы центр зеленого блока всегда находился в центре родительского. У меня два варианта, но они оба мне не нравятся: 1) Абсолютное позиционирование. 2) Задать синему блоку такую же ширину, как и в красного. В блоках динамический контент, поэтому хотелось бы, чтобы они могли занимать все свободное пространство, а с этим вариантом такого не получится. Есть еще идеи?
0 votes2 answers -
Плывут флоаты в IE6 (((
Добрый день! Заранее извиняюсь, что вопрос по Drupal'у, но код, который Drupal генерит для темизации, могла бы сгенерить и любая другая CMS. Пытаюсь приколотить панель регистрации в строку меню и форму поиска туда же, делаю все флоатами. В FF и других Strict-браузера все отображается отлично, а вот в IE6 - безбожно разъезжается (в особенности - форма поиска). Page.tpl.php выводит следующий стандартный HTML для формы поиска (его, собственно, и пускаем под CSS): 1. 2. Login/Sign up 3. 4. 5. 6. 7. 8. 9. 10. 11. Спан login-search я сам добавил, чтобы все в одной строчке (меню) было. CSS (рабочий в FF) выглядит так: 1. /*общая форма для логина и …
0 votes2 answers -
О работе IE/
Запустил оригинальный код, IE выдаёт ошибку, что не хватает точки с запятой. Ссылается на html-файл. Даже уже не знаю где искать. Там, где IE говорит, столько символов нет в этой строке. Помогите.
0 votes1 answer -
Растянуть div
Вобщем такая проблемма div в шаблоне если нету контента получается не на всю высоту. когда с текстом когда без, или его не достаточно чтоб растянуть подскажите плиз как растянуть див по размеру браузера
0 votes2 answers -
Шрифт
Подскажите как лучше всего вставить на сайт нестандартный шрифт... Я понимаю, что тема не новая, но ничего нормального не нашёл
0 votes3 answers -
Верстка блока
Добрый день форумчане, сразу говорю что в html и css я чайник, собственно и создал тут тему дабы получить ответ, а не "иди юзай гугл" и "учи учебники". А вот и проблема: Создал я в PS фон блока, разделил его на 3 части и сохранил, создал DIV с классом: <div class="box"></div> затем описал класс: .box{ border:1px solid #000; width: auto; height: auto; margin:10px auto; background:url('../image/Верхняя часть фона.png') no-repeat center top; background:url('../image/Средняя.png') repeat-y center; background:url('../image/Нижняя.png') no-repeat center bottom; } и как я думал у меня получится фон блока соединённый из 3 частей...но к сожалению ничего не вышло...ка…
0 votes9 answers -
Проблема с background-image в диве
Стоит фиксированная ширина, картинка как фоновая, а почему-то изменяется в ширине от размера текста. Как исправить? Скрин вот картинка под фон для блока Вот css div#G { position:absolute; min-width: 215 px; top: 416px; left: 584px; height:344px; right:auto; background-color:#d9f5ea; background-image:url(images/frame1.png); background-repeat:no-repeat; } вот код html <div id="G" > Ggggg </div>
0 votes7 answers -
Корректно ли использовать "пустые" ссылки?
Всем доброго дня (утра, ночи)! верстал я, никого не трогал и тут сегодня вдруг задался вопросом насчет корректности использования "пустых ссылок". есть вот такой код <a href="адрес">пусто</a> корректно ли его использовать и оформлять ссылку через css или вместо "пусто" должен быть обязательно текст, изображение? если можно ссылку на документ подтверждающий то или иное мнение. заранее спасибо.
0 votes8 answers -
Кратная (минимаксная) ширина div
Здравствуйте, столкнулся со следующей проблемой: Есть один div с 100% шириной, в нём много вложенных div'ов с заданной конкретной шириной - 150 px. Проблема состоит в том, что при некоторых разрешениях экрана ширина родительского div'a становиться не кратна ширине вложенных. Например: 1440px - в родительском div оказывается 9 вложенных div'ов и ещё где то половина пустого пространства (фона). Как без использования js можно добиться того, что бы родительский div мог растягиваться и в нём было максимальное кол-во вложенных div'ов, но при этом он облегал вложенные div'ы по ширине (т.е. например вместо 1440 получалось 1350)? Пробовал: присваивать min/max-width без указанной …
0 votes5 answers -
Сайт расплывается в IE
Подскажите пожалуйста, как выровнять conteainer относительно body, чтобы он был посередине монитора в IE? В остальных браузерах нормально body { font: 0.8em Arial, Helvetica, sans-serif; background-image: url(bj.png); background-repeat:no-repeat; } #container { width: 1000px; margin: 0 auto; min-height:100%; position:relative; }
0 votes1 answer -
Как сверстать такой блок
Здравствуйте! Есть такой макет: ссылка на изображение, размер: 143 кбайт, 1024 x 641 точек Задача состоит в том, как сверстать большой полупрозрачный блок. Я использую верстку с прижатым футером. Код: <body id="inner"> <div id="wrapper" class="w100" style="background-image:url(maneBg_2.jpg); background-position:0 0;"> <div id="main"> <div id="all"> <header class="strip"> <div id="header_c"> <nav id="menu_l"> <ul> <li><a href="#">Парикмахерский зал</a></li> <li><a href="#">Ногтевой сервис</a></li> <li><a href="#">Косметология</a>&…
0 votes6 answers -
height:100% - проблемы с текстом
Сделал 100% высоту сайта с прижатым футером, все нормально, но только когда текст в контентной части увеличивается, то текст не видит футер(виден текст который за футером). Высоту сделал примерно так: wrapper : min-height: 100% , margin-bottom: -150px; footer : height: 150px; Полностью код привести не могу, т.к. пока проблемы с сайтом
0 votes3 answers -
Очень странный баг
Такой код: <!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="styles/photon.css" /></head><body><form > <input/> <input/> <input/></form><div style="border-top: 1px solid black;" ></div> <!-- РАЗДЕЛИТЕЛЬ --><div> <span> ТЕСТ </span> <div class="test"> ТЕСТ 2 </div> </div></body></html>.test {float: right;}Проблема заключается в следующем, div с текстом "ТЕСТ 2" в FireFox отображается на одной строке с div'ом с текстом "ТЕСТ", а в Chrome и Opera почему-то съезжает на одну строку вниз. Ме…
0 votes6 answers -
Верстка на div'ax, смещение оных
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Панель администратора</title><link rel="stylesheet" type="text/css" href="style.css" /></head><body> <div id="container"> <div id="header">Ш</div> <div id="navigation"> <a href="#" class="knopka" tabindex="0">кнопка</a> <a href="#" class="knopka" tabindex="0">кнопка</a></div> <div id="menu">М</div> <div id="content">…
0 votes3 answers