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. Изменить стиль радио кнопки и селекта

    Здравтсвуйте! Скажите, а как изменить стиль радио кнопки, например чтобы кнопка была синей, а точка при выборе желтой? <input type=Radio> И еще: как изменить стиль селекта? <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> Например, поставить свое изображение!

    Asked by help26,

    0 votes
    1 answer

  2. Одно правило css перекрывает другое

    Есть сайт http://ibodybuilding.ru. Там в меню наверху есть пункт "Карта сайта в xml". У этой ссылки класс hidden-display-none который содержит только одно правило display:none. Но если посмотреть код элемента через хром, то правило перечеркнуто - его переопределяет другое правило (.nav > li > a {display:block;}) из другого файла, который подключается раньше. То есть получается что это мое правило должно быть в приоритете, так как мой файл подключается позже, но этого не происходит. Почему?

    Asked by websiller,

    0 votes
    6 answers

  3. Календарь для поля в форме

    Собственно понятно, нужен календарь, а то каждый раз в ручную писать дату в поле формы неудобно. Как на картинке, кликаешь по иконке календаря, подгружаться он, выбираешь дату и она появляется в таком формате в поле 17.01.2008 Подскажите плиз, хорошую библиотеку ajax или js?

    Asked by okunev2,

    0 votes
    10 answers

  4. Прозрачная картинка...

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

    Asked by DrStrangeLove,

    0 votes
    28 answers

  5. Див на весь экран?

    Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране. Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/ Обратите внимание, что первое фото с логотипом…

    Asked by gnomikprazdnik,

    0 votes
    2 answers

  6. эффект появления модального окна в bootstrap3

    помогите пожалуйста разобраться я зашёл в раздел кастомизации бутрапа3. оставил галочки только напротив js-компонента Modal и css-правил для Modal. скачал, подключил на страничку в результате модальное окно появляется без какого-либо эффекта(например если я ранее использовал не кастомизированный бутстрап, то модальное окно плавно выезжало сверху экрана) вопроса два: 1. что мне нужно дозагрузить чтобы были доступны хотя бы простейшие эффекты 2. существуют ли в бутстрап3 другие эффекты кроме плавного "выезжания" модального окна сверху экрана?

    Asked by cyklop77,

    0 votes
    6 answers

  7. три колонки + шапка и подвал.

    <body > <!--HEADER START--> <div id="masthead"> </div> <!--HEADER END--> <!--MENU START--> <div id="wrapper"> <div id="navigation">Content for id "navigation" Goes Here </div> <div id="content"> Content for id "navigation" Goes Here </div> <div id="advertisement">Content for id "content" Goes Here</div> </div> </div> <!--MENU END--> <!--FOOTER START--> <div id="footer">Content for id "footer" Goes Here </div> <!--FOOTER END--> </body> body { font-size:62.5%; font-color:black; font-family:"Times New Roman", Times, se…

    Asked by newbigmir,

    0 votes
    4 answers

  8. Как "предсказать" размер ячейки?

    Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?

    Asked by kidar2,

    0 votes
    13 answers

  9. Резиновый <div> по вертикали

    Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько div-ов. Задача: надо сделать так, что бы шапка растягивалась по вертикали, в зависимости от наполнения ее контентом. Высота шапки установлена 100%, в результате, шапка увеличилась по вертикали на большее расстояние чем ожидалось. HTML <!DOCTYPE html><html><head><title>HYBRID - главная</title><meta charset="utf-8"><link href="style.css" rel="stylesheet" media="all"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery…

    Asked by px379,

    0 votes
    4 answers

  10. Изменение внешнего вида ссылок

    Подскажите пожалуйста как сделать так чтоб ссылка при наведении на нее менялась не тока цветом но и появлялись во ее краям квадратные скобки!

    Asked by Ddroid,

    0 votes
    9 answers

  11. как центрировать документ

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

    Asked by Emigrant,

    0 votes
    9 answers

  12. :nth-child и :nth-of-type

    Народ, кто-то может объяснить разницу между этими двумя псевдоклассами? Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются?

    Asked by od_lazio,

    0 votes
    9 answers

  13. Помогите пожалуйста с главной страницей

    Кароче проблема в том что я не могу сделать главную страницу. я ее как бы сделал, <html> <head> <title>Жанры компьютерныx игр</title> </head> <body link="#cecece" vlink="red" background="1.jpg"> <H1><P ALIGN=CENTER>Жанры компьютерныx игр</P></H1> <ul> <li><a href="2.html">Стратегии<BODY text=#F5F5F5></a> <li><a href="3.html">Шутеры<BODY text=#F5F5F5> <li><a href="4.html">Симуляторы<BODY text=#F5F5F5> <li><a href="5.html">Квесты<BODY text=#F5F5F5> <li><a href="6.html">MMORPG<BODY text=#F5F5F5> <li><a…

    Asked by FikS,

    0 votes
    16 answers

  14. Fotorama

    Наврное многие используют http://fotorama.io Столкнулся проблемой, как превью, раположить снизу не под фото прокручиваемым, а на само фото в лефом углу без центирования по центру. Превю расположил слева. А вот как сделать так не пойму: https://dl.dropboxusercontent.com/u/59113912/kar.jpg Т.е. превю на фото в нижнем левом углу

    Asked by okunev2,

    0 votes
    9 answers

  15. RedBeanPhp не понятная ошибка

    Друзья, объясните пожалуйста, в чем проблема? https://www.youtube.com/watch?v=vvgOPJQA8Zk Решил я поставить эту системку и когда начал подключать RedBeanPhp вышла ошибка Parse error: syntax error, unexpected T_STRING in /home/a6998082/public_html/libs/rb.php on line 3 В чем проблема? Заранее спасибо! db.php index.php

    Asked by Tardpipl,

    0 votes
    2 answers

  16. input внутри ссылки

    Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?

    Asked by swatch,

    0 votes
    7 answers

  17. Как задать выравнивание модуля по правому краю?

    Есть сайт на Joomla, хочется создать новую позицию модуля (знаю как) и разместить её вверху справа относительно центральной части страницы. Сайт содержит центральную часть фиксированной ширины и шапку на всю ширину. Так вот новый модуль нужно разместить в шапке. Хочется поместить туда иконки "Добавить в избранное", "Карта сайта" и "Контакты".

    Asked by ankoch,

    0 votes
    2 answers

  18. Расположение полосы прокрутки

    Как сделать скрол бар по вертикали??? <td rowspan="2"><div style="width:50px; height:50px; overflow: auto;">...</div></td>

    Asked by nazarovvlan,

    0 votes
    10 answers

  19. "Резиновые отступы" проблема с реализацией

    Здравствуйте. Я не первый день занимаюсь версткой, но опыта работы с резиной у меня совсем мало. Работодатель настаивал, чтобы я научился верстать резину и скинул мне макет. В процессе работы возникла задача, которая ставит меня в тупик. В блоке с контентом есть 4 блока, пусть это будут баннеры, которым заданы определенные ширина и высота – по мере растяжения окна браузера должны растягиваться отступы между баннерами, а у самих баннеров ширина должна оставаться неизменной. Для наглядности прошу взглянуть на изображение: У меня получилось реализовать нечто приближенное с помощью таблиц (предпочитаю блочную верстку, но здесь главное, чтобы работало...): Вставил таблицу, за…

    Asked by Верстальщикус,

    0 votes
    6 answers

  20. Не могу найти ошибку

    .... <head> <script language="javascript"> function getwidth(myPicture){ newImg = new Image(); newImg.src = myPicture; myWidht = newImg.width; myHeight = newImg.height; if (myWidht > 190 ) {myHeight = myHeight*(190/myWidht); myWidht = 190; } if (myHeight > 140) { myWidht = myWidht*(140/myHeight); myHeight = 140; } return myWidht } </script> </head> <body lang=RU link=blue vlink=purple style='tab-interval:35.4pt'> <table border="1" width="100%"> <tr> <td ><img src="r_s_220.jpg" width=getwidth("r_s_220.jpg")><br>баш</td> ..... Ошибка в гд…

    Asked by AzatSh,

    0 votes
    10 answers

  21. Выделение с map area

    ситуевина: есть ссылка типа <a href="ssylka.html">ссылка</a> есть участок в изображении завязанный с map area: <area shape="poly" tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="184, 66, 338, 66, 338, 141, 184, 141" /> надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок как эти две вещи можно друг с дружкой связать? есть ли способы попроще? заранее благодарю за помощЬ

    Asked by laird,

    0 votes
    5 answers

  22. Когда не хватает псевдоэлементов или как спозиционировать тень

    Вот иллюстрация. Тень должна исходить из выделенного блока(визуально, там видно откуда, и видно, что сейчас сделано криво). По-идее, это должен быть span, но в оригинальной задаче, span должен быть сам по себе, а тень должна исходить либо из самого пункта (класс every), либо из какого-либо нейтрального потомка, а какой потомок "нейтрален"? псевдоэлемент, его мы может подогнать под нужные размеры, поставить нужный z-index и сделать для него тень. Беда только в том, что для последнего элемента (крайнего справа), свободного псевдоэлемента не осталось. Что делать? Обязательно для всех меняющихся элементов, которые видны на иллюстрации, в том числе и для тени, нужен транз…

    Asked by Launder,

    0 votes
    5 answers

  23. DIV внутри таблицы не растягивается в IE на 100%

    Помогите!!! Таблица из 3-х колонок. В 1-ой колонке div при изменении размеров третьей не растягивается на 100% в IE. В других браузерах - нормально. Код прилагается <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns=http://www.w3.org/1999/xhtml xml:lang="ru" lang="ru"> <head> <title>Help</title> <style type="text/css"> body { margin:0; padding:0; height:100%; background: white; } table { height: 100%; width: 100%; border-collapse: collapse; } td { height: 100%; border: 1px solid black; } #left { height:100%; background: red; } #…

    Asked by Mechanic,

    0 votes
    2 answers

  24. Mozilla Firefox и background-position в BODY

    Доброго дня! Подскажите пожалуйста, есть код BODY {PADDING-RIGHT: 0px; BACKGROUND-POSITION: right bottom; PADDING-LEFT: 0px; FONT-SIZE: 80%; BACKGROUND-IMAGE: url(../images/bot.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; MARGIN-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; backgrpund-color: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#003162; background-color: #E4EBEE;} В Опере и IE фоновая картика нормально прижимется внизу а в Мозилле не получается. Как иcправить? Спасибо.

    Asked by Loed,

    0 votes
    11 answers

  25. Не подключается внешний файл css для FF

    Добрый день! Посоветуйте, пожалуйста, что можно сделать в следующей ситуации: При подключении внешнего файла css, используя всем известную строку внутри head: <link rel="stylesheet" type="text/css" href="main.css"> в Opera и IE все работает и стили применяются к html-коду, вот только FF ну не как не хочет со мной дружить! И расплывается все в разные стороны, такое впечатление, что FF файл со стилями просто не видет. Как его заставить это сделать? Ну не прописывать же стили в каждом файле....:/ Вот ссылочка на страничку >> Может кто-то сталкивался с такой ситуацией, подскажите, что делать? Заранее благодарю за ответы!

    Asked by kazimira,

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