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. Есть три блока, которые выстроены по горизонтали. Ширина страницы резиновая. Значит как я их выстраиваю. Один блок float:right; второй - float:left;. Тот что посредине - падает в середину сам при заданном margin:0 auto; И всё бы хорошо, но центрирование среднего блока происходит не относительно соседних, а относительно общей ширины страницы. А мне бы хотелось чтобы отступы от соседних блоков до центрального были одинаковыми. Можно это как-то сделать? На пальцах рассказал, а вот сам код CSS: #telo {width:100%; height:150px; background:#00FF33;} #blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;} …

    Asked by Belovsan,

    0 votes
    39 answers

  2. Подскажите пожалуйста, где и как можно разобраться с вопросом кроссбраузерности.

    Всем здравствуйте. Сверстал шаблон для сайта на дивах. В firefox и opera все хорошо, а вот в ie6 все ползает. Подозреваю что с ie7, ie8 тож не все гладко будет. Посоветуйте, пожалуйста, как и где можно почитать/поразбираться с особенностями работы css в ie. Согласно справочнику, ie все применяемые мной правила css поддерживает, но тем не менее блоки плавают. Знаю кое-что о хаках. Принимаю все: полезные ссылки, ваши советы и т.п. Можно приписать сюда и другие браузеры, имеющие свои заморочки на эту тему. Стремлюсь получить валидный шаблон для ie6-8, firefox, opera, chrome, safari. Спасибо.

    Asked by denn,

    0 votes
    22 answers

  3. Поиск наставника!

    Здравствуйте. Изучаю верстку уже около полугода. Недавно встал такой вопрос: "А почему бы не найти человека,который будет мне помогать в верстке,давать советы,говорить как лучше сверстать,тыкать носом в мои ошибки?". Я понимаю,может этот пост будет написан напрасно,т.к. мало людей,кто хочет тратить время на совершенно левых людей,да еще и бесплатно. Но все же,я ищу человека,который станет моим наставником,будет составлять ТЗ, которому можно будет задавать вопросы,когда что-то непонятно,который будет давать советы,как лучше сверстать/назвать тот или иной блок. Немного о себе: Юноша,15 лет,изучаю верстку с августа(сначала прошел курсы на htmlacademy.ru, затем,вот,недавно,за…

    Asked by SilencerWeb,

    0 votes
    26 answers

  4. z-index в ie7

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

    Asked by flagreit,

    0 votes
    10 answers

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

  6. В чем разница между margin и top-left выравниванием

    Собственно сабж в чем разница между margin-top и top margin-left и left и так далее...

    Asked by romoga,

    0 votes
    3 answers

  7. Как сделать чтобы ячейка была сылкой со всеми вытекающими...?

    Ситуация: ..... ..... В фаирфоксе не рабате( В ИЕ работает но при наведении курсор не становится рукой. Читал про специальный прием, что-то в роде OnMouseOver = ".....style = hand", но опять таки работает только в MSIE. Как еще можно сделать? На www.artlebedev.ru вроде так сделано, пока не могу понять как.

    Asked by RIVA,

    0 votes
    25 answers

  8. Оптимизация

    Добрый день, посетители форума. Я здесь недавно. Очень много информации. Это хорошо. У меня мало времени, поэтому со всем на форуме ознакомиться не смог. Прошу прощения, если тема уже была затронута. Речь пойдёт об оптимизации сайта под различные браузеры. Мой сайт сделан без применения рнр и других языков програмирования. Он создан исключительно на html. Так же присутствует и javascript. Просматриваю его в основном через ie8 (пока что в разработке). Мне этот браузер кажется наиболее удобным. Но когда я увидел сайт через FF и Оперу, то сильно расстроился. Сайт выглядел иначе. Многие элементы дизайна не отображались. Я решил всё-таки доделать сайт в ие, а уже потом перейти…

    Asked by crysis007,

    0 votes
    24 answers

  9. IE6 неправильно отображает стиль пунктов меню

    День добрый. Вот почему такое происходит? В ФФ, опере всё ок А в долабном IE6 вот так Как это пофиксить можно? Заранее спасибо

    Asked by artpol,

    0 votes
    38 answers

  10. Ох уж эти фреймы...

    Есть некий сайт, полностью на фреймах. Как известно, для продвижения желательно избавляться от них, чтобы читался текст. Но, проблема в том, что переделывать весь сайт под статику очень долго и бессмысленно, так как лучше уж на движок натягивать, чем все статикой делать. Так вот: можно ли сделать так, чтобы индексная страница была бы статичной, а остальные на фреймах? пытался, не получается... PS - к сожалению, сам сайт показать не могу.

    Asked by zews,

    0 votes
    16 answers

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

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

    Asked by andrewQwer,

    0 votes
    4 answers

  12. Input по правому краю (без float:left)

    Со вчерашнего дня пытаюсь найти решение. Нужно кнопку придвинуть к правому краю формы(родителя) не прибегая ко float Это возможно? Вот мои эксперименты. для кнопки установлены такие спили (рамочку и т.д. упустил) input[type="submit"] { width: auto; position: absolute; right: 0px;} Для формы form { padding: 2em 3em 0em 4em; position: relative;}Кнопка позиционируется по правому краю контейнера, в котором находится форма. Если кнопку поместить в контейнер <span style="display:block;position:relative"><input type="submit"></span>Все в порядке, но его высота = 0px и ревизор фаерфокса показывает, что она отображается за пределами формы, что вполне согласу…

    Asked by ekkl,

    0 votes
    11 answers

  13. Меню с прокруткой

    На главной странице этого сайта есть своего рода меню "Теги HTML", "Свойства CSS". Организованы в окнах с прокруткой. Как такие вещи делаются? Подскажите в каком направлении двигаться плиз...

    Asked by vak,

    0 votes
    11 answers

  14. Вертикальное выравнивание декста в 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

  15. настройка проекта Bootstrap + Sass + Koala

    До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?

    Asked by vip,

    0 votes
    8 answers

  16. переход на якорь заезжает за верхний фиксированный блок.

    Добрый день! Уже двое суток голову ломаю, как сделать так, чтобы при нажатии на якорь блок не заезжал за фиксированное меню сверху? Сайт на котором это творится: https://smart-remont.com/ Помогите, пожалуйста.

    Asked by audisport,

    0 votes
    12 answers

  17. Завершаем обтекание в IE

    В общем clear:both; не работает в 7 и 9 IE http://pashkes24.narod.ru У всех остальных браузерах все норм. Как быть в моем случае?

    Asked by Pashkes,

    0 votes
    35 answers

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

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

  19. конструктор для div верстки

    есть визуальный редактор для div верстки, чтобы поверхностного знания css, html хватило для создания страниц? те набросал блоки на форму и получил страницу.

    Asked by fake,

    0 votes
    2 answers

  20. overflow ограничивает абсолютный блок

    Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.

    Asked by BoJITyH,

    0 votes
    13 answers

  21. Семантическая верстка хедера

    День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы html должны использоваться по назначению, следственно не должно быть таблиц. Контакты оформлены микроформатом hCard. Но это пока что не обязательно. Название фирмы в тег h1. Логически правильно весь хедер оформить в тег div. А отдельные его части, если потребуется в span. Всё представление должно быть вынесено из html во внешний css файл. В html должна остаться только структура данных и сами данные. Итак, имеем мы следующее: html: <div id="header"> …

    Asked by happyproff,

    0 votes
    12 answers

  22. hover моргает

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

    Asked by Barsam,

    0 votes
    6 answers

  23. Как создать слайдшоу на сайте?

    Привет всем! Подскажите ,как создать слайдшоу на сайте? Требуется показ 6-7 фотографий в режиме слайдшоу,превьюшки внизу и коментарии к фото, справа от отображаемой фотографии для образовательного сайта. На какой технологии это можно будет сделать? Знаю существуют готовые шаблоны слайдшоу на javascript но подходящего найти не могу. Подскажите хорошую библиотеку скриптов для создания галерей, презентаций, очень нужно. Также находил генераторы слайдшоу , но в них нет возможности сделать комментарии к фотографиям. Буду рад любым советам.

    Asked by ksonline,

    0 votes
    14 answers

  24. Зачем нужен position:relative ?

    Подскажите, зачем нужен position:relative? Мануал читал, но на практике зачем оно нужно так и не понял.

    Asked by Andrey44,

    0 votes
    7 answers

  25. Двойное выпадающее меню

    Добрый день!Подскажите пожалуйста как сделать горизонтальное двойное выподающее меню на HTML 5.

    Asked by RoFF,

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