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. Бешеные DIV-ы

    Есть вот такой не сложный код: <html> <head> </head> <body style="margin:0;padding:0;"> <div style="margin:0 auto; width:600px; height:300px; background:red;" id="1"> <div id="2" style="margin:30px 0 0 0; width:200px; height:100px; background:grey;"> </div> </div> </body> </html> Почему div с id=2 делает отступ не относительно div c id=1 и более того получается так что тот же div c id=1 тоже получает отступ от верхней границы 30px ? В общем что я неправильно делаю или как это полечить ?

    Asked by Anexin,

    0 votes
    2 answers

  2. Помогите с CSS

    Здравствуйте! Скажите, пожалуйста, как поднять текст вверх! http://ned.ygastik.ru/content/1-komn53-m2

    Asked by 561144,

    0 votes
    1 answer

  3. Прижать элемент

    Приветствую! Не могу прижать картинку вниз к дочернему блоку div, почему то она прижимается к низу body http://cssdeck.com/labs/71rtjukt

    Asked by Vans,

    0 votes
    2 answers

  4. Отъезжание блока

    При открытии меню slicknav съезжает блок вниз. Как быть, что делать?

    Asked by Kiriklk,

    0 votes
    2 answers

  5. Подмена цвета браузера на м.устройстве

    Коллеги! На этом сайте http://www.redmadrobot.ru/ , при открытии с мобильно устройства у браузера меняется цвет со строкой адреса (смотрите скрин с телефона http://prntscr.com/a14me5 ) КАК это реализовать? вообще в какую сторону копать хотябы?

    Asked by el_rafeev,

    0 votes
    1 answer

  6. Не получается поместить форму регистрации по центру.

    Первый раз создаю сайт... Нужно форму регистрации поместить ровно по центру, да ещё так, чтобы у неё был свой фон. Всё перепробовал ничего не получается.. Вот html и css-http://cssdeck.com/labs/collab/l2wz6lx3 . Кто может поправьте код и посоветуйте что-нибудь. Спасибо !!!

    Asked by WebRab,

    0 votes
    2 answers

  7. Не выставляется полосами

    Уже месяц пытаюсь откорректировать код так, чтоб блоки текста стали ровно, а все так получается. Где надо искать ошибку?

    Asked by Ivan Zajka,

    0 votes
    1 answer

  8. Меню как на гуугл вебмастер

    Добрый день, всех с праздником, Подскажите как можно сделать не простое саб меню а меню как на google вебмастер, чтобы по щелчку не только расскрывалось саб, но и переходило в раздел, заранее благодарю

    Asked by woofs,

    0 votes
    0 answers

  9. Автоопределение ширины колонки в таблице.

    Доброго времени всем. Скажите плиз, как отключить авто-определение ширины колонки в браузере IE-6,7? Т.к. Firefox,Opera не меняют ширину колонки установленную в 100px; а IE занимается произволом -) Заранее спасибо.

    Asked by SuperPuperLesha,

    0 votes
    3 answers

  10. Вопрос о приоритетах

    Я совсем недавно в css. Так что не обессудьте =) Если верить самоучителю, то "стиль определенный во внутренней таблице имеет приоритет перед стилем из внешней таблицы". Но на практике выходит совсем наоборот... Так что же вернее?

    Asked by Emelyan,

    0 votes
    2 answers

  11. ИЕ не хочет позиционировать блок по высоте

    http://www.yarta.com/, нажмите на Австрию. ИЕ не хочет позиционировать вызываемый блок по высоте. Берет вместо высоты сайта высоту экрана и позиционирует блок относительно первого экрана, когда пользуешься прокруткой блок остается висеть вверху. А вот в ФФ делает все правильно. Помогите забороть ослика. Чтобы вам не рыться в коде: HTML: <a href="#?w=500" rel="popup1" class="poplight"><img src="images/photos/01-austria.png" alt="Герб Австрии"> <span>Австрия</span></a> JS: <script> $(document).ready(function(){ //When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').click(function() …

    Asked by bmv,

    0 votes
    1 answer

  12. Подскажите

    Дайте пожалуйста ссылку на статью, где разработчики css рассказывают, как они предлагают использовать css. Интересует не синтаксис, как присваивать свойства различным селекторам, а структура построения таблиц стилей. В общем ссылка на статьи, где сами разработчики рассказывают, как они считают грамотно строить css. Или может то, как вы считаете грамотным. Просьба отвечать опытных верстальщиков. Заранее благодарю.

    Asked by FanAizu,

    0 votes
    1 answer

  13. Помогите с растяжкой на странице

    Вот здесь то чего удалось уже добиться Футер прижат книзу, но внутренний блок с текстом заканчивается там же где и текст (это видно по border'ам серым, которые обрываются вслед за текстом). Если div'у (content_inside), в который заключен текст, поставить min-height 100%, то футер уходит за страницу и появляется прокрутка. Теперь два вопроса: 1. Как подправить, чтобы бордеры div'a(content_inside) прилегали к футеру? 2. Будет ли тогда возможным разместить контент в правом нижнем углу, прижатым к футеру (нижняя часть колонки где флэш с погодой - div.content_inside_sidebar) ? Вот пример разметки: <div id="total"> <div id="content_inside"> <div id…

    Asked by cul8er,

    0 votes
    0 answers

  14. динамичный размер таблицы

    в общем табличка <table id="tmap" border=3 > <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/sneg.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td></tr> <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/sneg.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td></tr> <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BA…

    Asked by crautcher,

    0 votes
    2 answers

  15. Вставка флэш-ролика

    Добрый день. В первый раз приходится решать такую задачу. Нужно вставить флэш-ролик на сайт. Все получилось. Но в IE блокируется в целях защиты (все знают особенности этого браузера). Приходится в ручную разрешать. Но существуют же способы запускать флэш-ролики так, чтобы не блокировалось (на тысячах сайтов все нормально работает). Подскажите, как можно решить проблему. Заранее извиняюсь, если тему не в том разделе создал. Но я столкнулся с проблемой при верстке, поэтому и пишу сюда. Заранее благодарен.

    Asked by chapai,

    0 votes
    2 answers

  16. DIV-ы в DIV-е

    Физкульт-привет, товарищи верстальщики! Столкнулся с небольшой проблемой. Имеется DIV с фиксированной шириной, нужно расположить в нём 4 DIVа с фиксированным отступом между ними, так чтобы DIVы растягивались на всю доступную ширину. Т.е. должно быть как на картинке: Вроде ничего сложного, но у меня не получается.

    Asked by Тёмик,

    0 votes
    2 answers

  17. Вопрос по отступам и line-height

    Всем привет. Я новичок в верстке сайтов, сверстал свой второй макет в учебных целях. В ходе верстки возникло пару вопросов: 1. Вопрос касательно высчитывания отступов у элементов типа h1-h6,. К примеру, у меня есть <h3>Заголовок третьего уровня</h3> с font-size:50px. Мне необходимо сделать отступ моего заголовка от верха страницы в 20 пикселей (margin-top:20px), но при таком размере шрифта даже при нулевом значении margin имеется небольшой отступ от верха страницы, так как с увеличением размера шрифта увеличиваются отступы вокруг него. Единственное решение, которое я нашел - вручную подобрал отрицательное значение margin для h3, чтобы получить нулевой отступ, …

    Asked by vnuk,

    0 votes
    0 answers

  18. Значение картинок на обложках книг?

    Часто на обложках бумажных книг про JS, HTML5, CSS изображены животные: например http://www.ozon.ru/context/detail/id/5904466/ http://www.ozon.ru/context/detail/id/3881079/ это ничем не означающий выбор издательства, или это прямое последствие значений языков разметки, представления содержимого...?

    Asked by Delat,

    0 votes
    2 answers

  19. Проблема cо ссылкой

    Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="sty…

    Asked by fa_t,

    0 votes
    4 answers

  20. Как работает readonly у textarea

    Подскажите пожалуйста, как работает readonly у textarea. Вот я задал ширину и высоту, и я не хочу что бы пользователь мог растягивать как хочет это поле, но почему то не получается сделать так у меня. Может я не правильно понял как оно работает? <p><textarea class="comment-textbox" name="comment" readonly></textarea></p>

    Asked by oleg126,

    0 votes
    1 answer

  21. Инвертация значений нескольких кнопок

    Здравствуйте многоуважаемые. Подскажите как доработать нижеприведённый мною скрипт: <html> <head> <title>Cool dynamic page!!!</title> <script language="JavaScript"> var img = new Array('off.png','on.png'); var i; function gmi(id,nom) { i=(i==1)?0:1; console.log('Кнопка:'+id+' Значние:'+i); document.getElementById(id).src=img[i]; } </script> </head> <body> <p><img id="km1" src="off.png" onclick="gmi(this.id,0)"></p> <p><img id="im2" src="off.png" onclick="gmi(this.id,1)"></p> <p><img id="im3" src="off.png" onclick="gmi(this.id,2)"></p> </body> </htm…

    Asked by Ser8191,

    0 votes
    0 answers

  22. адаптация шаблона

    Всем доброго времени суток. В настоящий момент пишу шаблон, и задумался вот над чем, скажем так мы имеем двухколоночный условно-резиновый макет (почему условно-резиновый? во-первых сайдбар левый фиксированый (250 рх) во-вторых установлены ограничения width (max 1300 и min 960) ). В итоге при разрешении экрана свыше 1300 рх скажем наш контентный блок имеет с учетом всех отступов и т.д. 1000 рх (назову ее рабочей шириной) так вот в эту рабочую ширину я помещаю 5 блоков с width равным 200 рх и выставляю их в ряд при помощи float:left . но при изменении размера экрана скажем до 1024 рх блоки которые не влазиют в ширину начнут падать в низ (конечно можно сделать их резино…

    Asked by green-vik,

    0 votes
    0 answers

  23. Помогите найти ошибку

    Подскажите, как исправить ошибку? Вот ссылка.

    Asked by ya39,

    0 votes
    2 answers

  24. Заголовок и линия справа

    http://campus.nsu.ru/tmp/util.get_file.php?fid=2724 Задача: После заголовка, необходимо нарисовать вот такую линию, до конца страницы. Как я делал: <style type="text/css"> .line{ background-color: #dedede; height: 6px; border: 1px solid; } .header h1{ float: left; border: 1px solid; } .header{ border: 1px solid; } </style> <div class="header"> <h1>Отзывы</h1> <div class="line"></div> </div> В IE7 ещё что-то напоминающее правду, но поведение других браузеров совершенно не понимаю. "header" - контейнер, и в нём должно всё размещаться, заголовку применено обтекание, посему всё должно быть рядышком, красиво и замечат…

    Asked by Йода,

    0 votes
    1 answer

  25. Как пофиксить неработающие ссылки в iepngfix

    Думаю новичкам будет полезно что если положить ссылку внутрь слоя к которому применили iepngfix то эта ссылка перестанет работаеть, более того ie6 ругнется и выдаст предупреждение, я долго спотыкался на этой теме, но вот решил сам повторить и тем кто не знает выложить инфу. Небольшой тутор в скриншоте надеюсь будет кому полезно

    Asked by TonKhaO,

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