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. frD-дублирование текста не понимаю почему.

    Здравствуйте! Мучаюсь уже неделю, не знаю в чем ошибка. Подскажите пожалуйста. Вот код страницы и код css. style.css * { padding : 0; margin : 0; } body { font-family : Arial, Helvetica, sans-serif; font-size : 13px; } img { padding : 5px; border : 1px solid #D61011; } img.floatTL { float : left; margin-right : 10px; margin-bottom : 0; margin-top : 10px; margin-left : 10px; width : 60px; height : 60px; } img.floatTR { float : right; margin-left : 7px; margin-bottom : 0; margin-top : -2px; margin-right : 10px; } p { text-align :justify; padding : 5px; color : #666; font-size : 1.1em; } #wrapper { margin : 0 auto; width : 800px; } #header { color : #333; wi…

    Asked by Ксения :),

    0 votes
    5 answers

  2. Как верстать сайты таких типов

    как верстать сайты примерно по такому макету?? http://smu55.narod.ru/maket.html

    Asked by Baibek,

    0 votes
    9 answers

  3. Нажимаешь на картинку открываеться вкладка+открываеться окно под страницей

    Доброго времени суток! Нажимаешь на картинку открывается вкладка +открывается под браузером новое окно (пользователь остается на вкладке) Как такое организовать?) очень нужно...

    Asked by Starlee,

    0 votes
    5 answers

  4. Ширина DIV'а

    Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>

    Asked by yurikzmurik,

    0 votes
    8 answers

  5. Высота блока доходит не до конца

    Здравсвуйте. Столкнулся с такой проблемой. Сделал у блока меню правый border (11px solid) и высоту блока на 100% поставил, но когда в контенте становится больше слов чем в блоке, блок не "вырастает" больше, а мне нужно чтобы он всегда доходил до подвала сайта. + Еще одна проблема, остается место после Контента, мне нужно чтобы контент прижимался к подвалу. Помогите пожалуйста решить. Скрин: P.S Проблемы показаны стрелками. Вот исходники (html и css файлы) Скачать (на ifolder.ru) Если нужно, могу перезалить на другой Хостинг.

    Asked by Simpsons,

    0 votes
    28 answers

  6. бокс по центру экрана

    Есть бокс, который выравнен по центру экрана, однако, если заполнять бокс инфой, то он "устремляется вниз", т.е. свеху пусто, а от центра экрана вниз идет бокс. Возможно ли его всегда выравнивать по центру?

    Asked by bFree,

    0 votes
    9 answers

  7. Толщина границ и линий

    Вот код в Dreamweaver CS3 В Firefox чертит жирную линию, а в IE тонкую как я и хочу, как сделать чтобы было одинаково. Каким еще способом можно чертить линии. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> <table width="90%" align=center > <tr> <td widht=1 bgcolor=#000000 ></td> </tr> </table> </body> </html>

    Asked by antosha,

    0 votes
    5 answers

  8. Размеры сайта для разных разрешений

    Доброго времени суток. Я уже чуть чуть знаю html\css, но считаю, что мой вопрос ближе к новичковому вопросу. Обычно сайт оптимизируют под какое то разрешение, например я свой сайт оптимизировал для 1024х768. В этом случае, если просматривать его при большем разрешении, то по краям получаются пустые полоски. Просматривая другие сайты я увидел, что они как то растягиваются по ширине. Например этот же форум. Он без проблем растягивается в ширину и всегда на полный экран. Я понимаю, что этот форум написан не на html, а php, но я думаю, что и простые пхп странички можно сделать таким же образом. Наверное это нереально сделать с центрируемой шапкой...

    Asked by Visage,

    0 votes
    12 answers

  9. Можно ли сделать часть PNG-картинки ссылкой?

    Всем добрый день! Допустим, у меня есть две PNG-картинки необычной формы. Одна наложена на другую. Как сделать так, чтобы у одной из картинкой активной ссылкой была только определенная часть? Например, картинка – квадрат, а его угол представляет из себя ничего (прозрачен), вот как сдеалть, чтобы эта прозрачность не работала как ссылка. Возможно, "криво" изъясняюсь. Я филолог по образованию и занимаюсь дизайном, но, вдруг, верстка стала интересна для меня) Заранее спасибо!

    Asked by brabrobri,

    0 votes
    5 answers

  10. Неправильно определяется разрешение экрана

    Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…

    Asked by alleclf,

    0 votes
    2 answers

  11. Не работает overflow:hidden

    Пробую сделать трехколоночный макет на дивах, где левая-правая колонки - фон, отсчет от центрального элемента, при изменении размеров баузера просто обрезаются... но почему-то overflow: hidden работает только для левого элемента, правая же колонка не обрезается.... почему? :/ html: <div id=main1> <div id=left_col_back> left col</div> <div id=main_col> Main col </div> <div id=right_col_back> rigth col </div> </div> css: #main1 { position: absolute; left: 50%; top: 0px; width: 1px; height: 100%; background:#6cdec7; } #left_col_back { position: absolute; left: -628px; top: 0px; width: 128px; height: 100%; overflow: hidden; b…

    Asked by Brianna,

    0 votes
    5 answers

  12. Проблемы с CSS background-image

    Не работает background-image css body { background-color: #000000; background-image: url("image/gr.jpg"); background-repeat: repeat-x; } html <html> <head> <title>Глвная</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <img src="images/01.jpg" alt"картинка"> </body> </html>

    Asked by kirillps,

    0 votes
    8 answers

  13. относительное позиционирование

    Есть блочный элемент, который активируется изменением свойства display (block | none) с помощью JavaScript. Как сделать так, что бы все следующие за ним блоки не сползали вниз при появлении данного блока. Т.е. что бы динамический блок отображался поверх остальных блоков. З.Ы. Все элементы находятся внутри родительского блока (position: relative).

    Asked by chi,

    0 votes
    9 answers

  14. Перекрытие границ?

    Народ взгляните на 2 скрина, в обоих видно то что отображается дебаггере (см.справа снизу), смысл в том что ИЕ почему то 2 раза (судя по показаниям дебаггера) прописывает нижний марджин, это происходит из за перекрытия границ или это какая то специфическая модель поведения ИЕ?

    Asked by TonKhaO,

    0 votes
    12 answers

  15. Что лучше: проценты или em?

    Друзья, подскажите! Что лучше (рациональней) использовать: проценты или em в указании размеров, чтобы блоки, элементы, текст при увеличении или уменьшении масштаба отображались на странице пропорционально, занимая всю видимую область?

    Asked by kiska,

    0 votes
    15 answers

  16. Никак не могу с установкой цвета и прочего для ссылок разобраться...

    На сайт ссылку дать нИ мАгУ ) Имееться цсс a { color: #767676; text-decoration: none; } a:visited { color: #ef4a27; text-decoration: none; /* Цвет посещенной ссылки */ } a:active { color: #767676; /* Цвет активных ссылок */ } Ссылки (пункты меню) имеют цвет #ef4a27 ... я не понимать почему Должно быть так При наведении на ссылку мышкой -менятеться цвет с серого на оранжевый, при нажатии - цвет и шрифт меняються, при нажатии на другую ссылку , предыдущая возвращается в свое первоначальное состояние... Кака сделать подскажите, плиз! И второй вопрос: как после каждого пункта меню ( токо главного) делать отступ..эээ одним словом что бы каждоя ссылка шла в своем квадра…

    Asked by mia,

    0 votes
    11 answers

  17. Ваше отношение к бутстрап

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

    Asked by Jey Val Star,

    0 votes
    26 answers

  18. Как выровнять слой по центру, а текст в слое по краю

    Как выровнять слой по центру, а текст в слое по левому краю. НА рисунке показано что пытаюсь сделать. Но ведь ширина слоя резиновая, вот и проблема. Таблица опять же резиновая. Ссылки хочу поставить по центру но выровненные в слое по левому краю

    Asked by Defender1,

    0 votes
    6 answers

  19. Одновременно float и position

    Может ли одновременно к одному и тому же элементу применяться float и position?? Вроде разные схемы позиционирования, и здесь сказано, что float нельзя применять к позиционированным элементам. Но я своими глазами видел position:absolute и float:right, применёнными к одному и тому же элементу.. Как всё же оно на самом деле??

    Asked by DrStrangeLove,

    0 votes
    12 answers

  20. Селекторы

    Здравствуйте. есть к примеру элемент <div class="foo"></div> В чем разница между селекторами .foo и div.foo ?

    Asked by Avalon4eg,

    0 votes
    20 answers

  21. Флеш баннер в Html

    Такая загвоздка! Нужно поставить флеш баннер на сайт. Что мне прописать в html коде чтобы он отображался на сайте? И как мне его поставить в определенное место на странице? Если кто знает расскажите а то я новичек в этом деле!!!

    Asked by money121,

    0 votes
    2 answers

  22. Условн. комментарии в ИЕ

    Хочу сделать отступ картинки которая находиться внутри ячейки таблицы, отсуп хочу сделать на определенное расстояние вправо. Дело в том что задаю в стилях и во всех браузерах кроме ИЕ, отступ, такой как нужен, в ИЕ показывает немного дальше что меня не устраивает. Для этого использую условные комментарии. Дело в том, что вроде они срабатывают, но проблема в том, что не знаю как поставить так условие, чтоб не дублировалась картинка 2-ой раз в браузере Ие именно, толкьо в нём и больше ни где дублируется картинка, как исправить подскажите. <html> <head><title>Видео</title> <style type="text/css"> .videoyrokiIE{position:relative; left:165px; } …

    Asked by people2010,

    0 votes
    23 answers

  23. Много position: absolute - хорошо или плохо?

    Скриншот: смотреть Вопрос такой: Хорошо ли это, много раз использовать position: absolute; Для чего использовать position: absolute, для того, чтобы задав элементу это правило, можно было бы проще измерять отступы. Например, если посмотреть скриншот, а именно на шапку, то задав это правило отдельно для листика, отдельно для каждой надписи, то соответственно, отступы будут считаться от края браузера. То есть в фотошопе можно будет линейкой очень просто измерять расстояние с левой стороны и сверху, и соответственно задавать эти отступы в верстке. Как считаете, то что я думаю, это хорошо или плохо?

    Asked by Rustick,

    0 votes
    11 answers

  24. Границы

    Как-то вот сразу два вопроса возникло (точнее актуализировалось). Спасибо, если поможете мне разобраться) Вопрос #1. Есть background-clip и background-origin. Можно по-простому как-нибудь или просто подробнее, в чём разница-то? И ещё, я так понимаю влияние оказывается исключительно на отображение фона? На размеры границ и отступов и их логику не влияет, да? Вопрос #2. Вот, частенько сталкивался — а, ведь, опыт у меня мизерный, ужасающе мизерный — с проблемой определения ширины border в резиновой вёрстки. И чо-то как-то и не помню как решал эти проблемы, по-моему это было не совсем правильно и просто по-другому строилась вёрстка. Интересно услышать ваши варианты выхода и…

    Asked by alexandr_v-vich,

    0 votes
    29 answers

  25. inclide и несколько head

    Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…

    Asked by dmifed,

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