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. смена backgrounda при наведении

    Есть таблица, в ней надо сделать чтобы при наведенние на строку она меняла цвет, методом td:hover делаеться ячейка, а вот к tr такой метод не проходит(( Подскажите как можно реализовать это через стили?

    Asked by Mary_RND,

    0 votes
    6 answers

  2. как оформить атрибут placeholder и <input type="search" />?

    Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст. Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу. Может кто сталкивался? Знаете? Подскажите пожалуйста. А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?

    Asked by swetlana,

    0 votes
    7 answers

  3. Прозрачность фона

    Здравствуйте! Искал темы и в нете и на этом форуме, так и не решился ни на один из вариантов, либо решил - но не получалось. Раньше сталкивался с прозрачностью, но она была на верхних слоях, сейчас же мне нужно, что бы родительский элемент был полупрозрачным, а все элементы внутри - нормальные. Пытался играть со слоями свойством z-index, но безуспешно. <table id="headpanel"> <tr> <td id="headpanel_l">...</td> <td id="headpanel_r"> <div id="headpanel_reset"> <div id="search">поиск</div> <div id="time">часы</div> <div id="headinfo">название сайта</div> </div> </td> &lt…

    Asked by Hijacker,

    0 votes
    15 answers

  4. и мне помешал doctype

    Парни, делаю скругление уголоков дивами и рисунками <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <DIV style='BORDER 0px solid #FF0000; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 550px; BACKGROUND-COLOR:#EEEEEE' > <IMG height=6 width=550 alt='' src='../image/r_corner_grey_up.jpg'> середина блока <IMG height=6 alt="" src="../image/r_corner_grey_bottom.jpg" width=550></DIV> на выхлопе получается фигня : сверху и снизу блока появляются узкие полосы цветы фона. Без доктейпа рисует все как надо как можно обойти засаду не меняя этого доктэйпа?

    Asked by Sserg-135,

    0 votes
    5 answers

  5. Навигационное меню созданое с помощью CSS

    Как создать навигационное меню через CSS, ссылки должны быть не в виде текста, а в виде картинки, которая при наведении на нее мыши меняется на другую картинку. И потом, каким образом ее внедрить в html-код. Может мне кто-нибудь помочь???

    Asked by розмарин,

    0 votes
    12 answers

  6. Нужна помощь по вёрстке!

    Госпада добрый день нужна ваша помощь. В общем есть страница html (код ниже ) <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>page</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0; border: 0; background: #000000 url(css/bg.jpg) repeat left top; height:100%; } --> </style> </head> <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535…

    Asked by enf0rce,

    0 votes
    5 answers

  7. проблема с position:absolute в IE

    Привет всем. Столкнулся с проблемой в IE Не могу понять как поправить Есть такой код <!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> <title>HeLlO</title> <meta http-equiv="content-type" content="text/html; charset=cp-1251" /> </head> <body> <style> * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, c…

    Asked by dropoff,

    0 votes
    9 answers

  8. CSS, потомки второго уровня

    Непонятна ситуация с указанием потомков элемента. Есть таблица (2 столбца, 5 рядов). В правой ячейке третьего ряда вложена такая же таблица. Для внешней таблицы задан стиль #table1 { border: 1px solid black; } Если указан только этот стиль для внешней таблицы, то он не наследуется внутренней таблицей. Задаю стиль для ячеек внешней таблицы: #table1 td { border: 1px solid black; height: 30px; width: 100px; } Стиль для ячеек внешней таблицы наследуется для ячеек внутренней таблицы, хотя на сайте http://htmlbook.ru/css/border написано, что свойство "border" не наследуется. В книге ("Изучаем HTML, XHTML и CSS", Эрик Фримен, Элизабет Фримен, с.466) написано, что для того, чтобы…

    Asked by Oleh,

    0 votes
    7 answers

  9. jsbin.com Есть пара вопросв

    Недавно узнал про сервис jsbin.com . Посмотрел. Понравилось. Только вот не могу понять: в видеотуториале открывают какую-то консоль и с помощью команд настраивают внешний вид и добавляют свои библиотеки. Насколько я понял, у автора видеотуториалов Хром. А что за консоль? В фаерфоксе есть что-то похожее? В фаербуге не нашел как вводить команды. Можете подсказать? Вижу тут людей много пользуются этим сервисом, должен хоть кто-то знать.

    Asked by ekkl,

    0 votes
    15 answers

  10. Смещение Блока при наведении

    Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }

    Asked by ShaxaY,

    0 votes
    7 answers

  11. Проблемы с выравниванием картинки справа вверху в Opera

    Недавно решил сверстать шапку слоями, а не таблицами. В IE и Firefox страница выглядит нормально, а вот в Opera правая картинка залазит влево. Может быть кто-то сталкивался с подобной проблемой и подскажет как правильно сделать, чтобы во всех трех браузерах шапка выглядела одинаково хорошо.

    Asked by podlom,

    0 votes
    8 answers

  12. Блоки налезают друг на друга

    Собственно проблема в том, что DIV'ы лезут друг на друга. HTML: <!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" lang="en" xml:lang="en"> <head> <title>Alter Bridge Fan-Club</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <!--HEAD--> <div id="head"> <div id="hleft"> <table class="menu"> <tr> <td class="name">Навигация</td> </tr> <tr> <td> …

    Asked by ProMira,

    0 votes
    1 answer

  13. Подсчет знаков в тексте

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

    Asked by roosei,

    0 votes
    8 answers

  14. Вопросик от НубкО

    Тякс, подскажите кто сможет! Табличная верстка, в случае если разрешение монитора 1024*768 и выше, то таблица должна принимать ширину = 1000px, в случае если разрешение меньше 1024*768 то таблица сужает одну из своих ячеек и принимает максимальную ширину, но так что бы не появлялась полоса прокрутки по горизонтали... ммм я думаю я понятно обьяснил =) спс за помощь!

    Asked by Li-Mit,

    0 votes
    12 answers

  15. Проблема с дивной версткой

    Здравствуйте, помогите решить проблему: Есть два дива, слои лежат один на другом, в нижнем диве находиться динамический контент, картинки, текст, ссылки, который меняется, jq слайдер. Верхний див пустой, со свойством css border-radius, имитирует рамку округлую поверх нижнего дива. Проблема в том что нету доступа к нижнему диву в Safari, FF, Chrome..Текст не выделяется, ссылки некликабельны. У обоих дивов стоит значение position:relative, заданы размеры и z-index.. Пробовал рамку наложить поверх разными способами, и png картинку с рамкой поверх и таблицу с порезанной рамкой на куски поверх контета, не работает. Вот сам слайдер поверх которого я хочу наложить рамку: _http:…

    Asked by eVErl@Sting,

    0 votes
    9 answers

  16. margin рассчитывается не от родителя

    margin - "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента." <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #parent { height: 30px; width: 160px; margin: 15px 0 0 0; background: #848484; } #child { margin: 45px 0 0 0; border: 1px solid #000000; } </style> </head> <html> <body> <div id="paren…

    Asked by Arn,

    0 votes
    2 answers

  17. Как сделать рамку вокруг строки таблицы?

    Столкнулся с такой проблемой -- хочу сделать чтобы строки в таблице имели рамки снизу и сверху но не между ячеек. т.е. что-то типа такого: _________________________________ 232312 имя фамилия _________________________________ 342423 имя фамилия _________________________________ казалось бы что прощее -- указать в стилях для Но почему-то это не приводит ни к чему. Цвет строки можно изменить, а вот рамку именно вокруг строки, а не каждой ячейки в строке, не удается.... Что я делаю не так?

    Asked by progreCCor,

    0 votes
    4 answers

  18. Завернуть каждые 4-e li в div ?

    Имеется ненумерованный список <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> Нужно завернуть по 4-е элемента списка li в div, вот как в таблице строка и в ней ячейки <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> Так же как в таблице хочу разбить на строки каждые 4-е li пример ниже <ul> <div> <li&g…

    Asked by ilyas,

    0 votes
    3 answers

  19. Как так сделать?

    Как сделать чтобы ссылка на файл была например не http://locahost/files/files.html, а просто http://locahost/files/?

    Asked by vvsh,

    0 votes
    11 answers

  20. Трехколонный макет ? колонки во всю длину экрана

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

    Asked by rent,

    0 votes
    12 answers

  21. IE отказывается грузить большие фоны

    У меня на сайте используется для фона гифка очень большого размера (высота 20 тысяч пикселей). Меньше никак нельзя - особенность дизайна. Но она очень сжата и весит всего 80 килобайт. IE отказывается такой фон показывать, и даже не грузит эту картинку по прямой ссылке на нее.. Что, есть какое то ограничение у него на эти случаи??

    Asked by begin,

    0 votes
    12 answers

  22. Вопрос о позиционировании для всех браузеров

    Пару вопросов, может не все касаются css, но не хочу захламлять вс? темами: 1)почему в теге 2)как сделать в css, что бы во всех браузерах раболато, то, что я пишу в теге horizontal-align & vertical-align.. скорей всего? но вот только см. первый пункт. (

    Asked by Accessdenied,

    0 votes
    8 answers

  23. Именование классов согласно БЭМ

    Доброго времени суток. Подскажите пожалуйста, соответствуют ли имена классов методологии БЭМ ? <div class="footer"> <div class="footer__row_1"> <div class="footer__row_1_column"> <h4 class="footer__row_1_column_title">Lacus interdum</h4> <ul class="footer__row_1_column_list"> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li class="footer__row_1_column_list_item"><a href="#"></a></li> <li c…

    Asked by xsladfs,

    0 votes
    3 answers

  24. сокращение CSS

    Где-то тут видел про такое, но не могу найти. Может кто подскажет где эта тема?

    Asked by Slyfox,

    0 votes
    9 answers

  25. текст под изображением

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

    Asked by pattaya,

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