HTML Coding

29542 questions in this forum

1. Помогите с позиционированием.

   Сражаюсь уже день, в итоге получается расположить или все в столбик, или все в линию. Source Css ul#content {height:1%;overflow:hidden;list-style:none;margin:0;padding:0;max-width: 1020px;} ul#content li{vertical-align:top;display:inline-block;margin:0 2% 26px 0;width:auto;} * html ul#content li{display:inline;} *+ html ul#content li{display:inline;} Html <ul id="content" > <li> <div style="height: 420px;width: 740px;" ></div> </li> <li> <ul> <li> <div style="min-…

   Asked by mola10, August 21, 2011

   0 votes
   8 answers
2. vertical-align в div

   <div class="head"> <img src="img/Logo.gif" width="57" height="56" class="logo">Сайт </div> #head { width:500px; height:70px; background-image: url(../img/bg_l.jpg); background-repeat: repeat-x; } .logo { position: relative; top:5px; left:0; } Как сделать вертикальное выравнивание слова: "Сайт" по ценрту. vertical-align, padding - не работают... Если что-то не так, извините, сегодня прошел курс css

   Asked by SLameN, November 25, 2011

   0 votes
   6 answers
3. Две разных страницы сайта в одну тему для WordPress

   Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!

   Asked by aov000, March 31, 2012

   0 votes
   3 answers
4. font css

   Добрый день всем... Подскажите как правильней будет. 1. Нужно подчёркнутому тексту задать размер, цвет #a4a4a4 и шрифт (из стандартных). 2. Выделенному тексту в теге span нужно задать так же размер, цвет и шрифт только всё будет разное. Вот я набросал что то... Помогите. <style> .letter { color: #a4a4a4; /* Цвет символа */ font-size: 100%; /* Размер шрифта */ } p { color: #a4a4a4; /* Цвет текста */ } @font-face { font-family: Helvetica; /* Имя шрифта */ src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */ } </style> <p><span class="letter">Выделенный——>[b]Мы рады приветствовать вас на нашем сайте[/b]!</span> Подчёркнутый—-->[u]…

   Asked by Dallas, April 20, 2013

   0 votes
   8 answers
5. Ищу конкретный горизонтальный слайдер + аккордион на css

   Ребят, кто знающий, подскажите существует ли горизонтальный слайдер + аккордион только на css? Нужно именно чтобы был вида как slidorion Другие, как бы просто с вкладками находил, а вот именно такой нет.

   Asked by sv9t, August 8, 2013

   • css
   • слайдер
   • аккордион
   0 votes
   1 answer
6. Как остановить анимацию keyframes

   сабж...реально бесит уже..Почему она зацикливается... Конечно в идеале мне надо чтобы анимация была при загрузке странице ЕДИНОЖДЫ.. $(document).ready(function() { все выполняет сразу...без очередности..как это победить Вот мне надо например менять фон блока 10 раз плавно... а потом стоп, а он гад прокрутит у себя там все и последний результат показывает (((( animation-fill-mode: forwards; не пашет

   Asked by romoga, February 11, 2014

   • keyframes остановить
   0 votes
   0 answers
7. Отображение страницы на разных браузерах и устройствах

   Привет. Скажите, что сделал не так или вообще что не сделал? В Хроме и Опере отображается нормально, а в других браузерах и моб.устройствах (планшеты, телфоны) вот так: Я начинающий, поэтому если что-то нужно скинуть, пишите.

   Asked by BodyVop, September 21, 2014

   • css
   • html
   0 votes
   4 answers
8. Как сверстать такую фотогалерею адаптивно?

   Здравствуйте! Нужно сверстать такую фотогалерею адаптивно: Принцип Bootstrap, на мой взгляд, не подходит. Нужен совет, какой способ выбрать.

   Asked by Светлана Г., January 5, 2015

   • responsive gallery
   0 votes
   13 answers
9. Как поместить два navbar на одной строке?

   Здравствуйте. Пробую разместить 2 схлопывающихся компонента navbar от бутстрап 3 в одной строке, но не могу сообразить как надо стили перебить. Один navbar выполняет роль текстового меню, другой - модуль поиска. Нужно чтобы и в развернутом, и в свёрнутом состоянии компоненты шли один за другим в верхней строке Вот что есть на данный момент. Абсолютное позиционирование должно помочь? Поможите, пожалуйста

   Asked by borus, May 18, 2015

   0 votes
   4 answers
10. Front-End разработка

    Можете подсказать с чего лучше всего начать учить front-end разработку? Буду очень благодарен вам.

    Asked by John106, December 3, 2016

    0 votes
    4 answers
11. При объединении gulpом css файлов, заменяет ссылки на border-image

    Добрый день, подскажите. до объединения css файл: shapka { border-image-source: url(img/shapka.png); } и после: shapka { border-image-source: url("../../../../src/css/img/shapka.png"); } как получить такой путь? shapka { border-image-source: url("../../src/css/img/shapka.png"); } или сделать чтобы ссылку не трогал при объединении? gulpfile.js

    Asked by 1mp0rt, May 16, 2017

    • css
    • gulp
    0 votes
    1 answer
12. Проверьте авторизацию на безопасность

    http://vvsh.ru/admin/ - уважаемые форумчане, проверьте авторизацию на прочность. Заранее спасибо.

    Asked by vvsh, January 13, 2009

    0 votes
    1 answer
13. div-ы

    итак. ситуация такова. у меня есть на странице таблица. <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="top"> <td width="180"> <table cellpadding="4" cellspacing="2" border="0" width="180"> <tr> <td id="to_main" class="td_menu" onClick="java script:display_page('main')" onMouseOver="java script:change_fon_on('to_main')" onMouseOut="java script:change_fon_off('to_main')"> ... </td> </tr> <tr> <td id="to_clinika" class="td_menu" onClick="java script:display_page('clinika')" onMouseOver="java script:change_fon_on('to_clinika')" onMouseOut="java script:change_fon_off('to_cli…

    Asked by arlek1n, February 6, 2009

    0 votes
    0 answers
14. Наследование классов

    Если я задаю table.name td{} Как запретить наследование класса для ячеек таблиц, находящихся внутри ячеек таблицы name?

    Asked by Kenshi45, February 20, 2009

    0 votes
    3 answers
15. Вопрос по сверстаному шаблону

    Привет всем! Сверстал шаблон. И по нему возник вопрос: В опере проблема — появляется пустое пространство, загляните в шаблон вы поймете в чем дело, появляется большая полоса прокрутки. Я хотел сделать тень внизу от белой средней колонки и футера для этого вставил див(<div id="body_bg"></div>), который и создает это пустое пространство в опере, свойства которого такие: background:url("img/bg_body_bottom.png") no-repeat scroll 50% 100% transparent; bottom:0; height:1600px; margin-bottom:50px; position:absolute; width:100%; z-index:-10; как можно исправить? или может есть более изящное решение по установки тени?необходимо чтобы тень всегда была прижата к низу

    Asked by Mal4ishnik, May 24, 2010

    0 votes
    7 answers
16. помогите разобраться с input

    Встретил вот такую конструкцию <input name="ctl00$cph1$UserName" type="text" id="ctl00_cph1_UserName" подскажите, что означают $ в определении имени тэга input , и как этим можно пользоваться. Я так понял , что $cph1 и $UserNam - это две переменные, в которых хранятся части имени. Как их можно определять и где вообще об этом почитать?

    Asked by Vahmur, December 4, 2010

    0 votes
    8 answers
17. Помогите с выбором материала

    Добрый день! Помогите пожалуйста подобрать качественный материал по обучению созданию сайтов. Уровень почти нулевой, в сети столько всего, что глаза разбегаются, а когда начинаю читать что-то одно то натыкаюсь на непонятные мне вещи и термины. Хотелось бы изучать все по порядку, распишите если не сложно этапы по которым стоит вникать. Заранее всем огромное спасибо! P.S Вообще планирую создать сайт на бесплатной CMS типа joomla, drupal.

    Asked by 4 e k, July 5, 2011

    0 votes
    2 answers
18. Как выравнять по центру инлайновые дивы?

    Вот код: <style> #inners{ width: 400px; margin: auto; background-color: red; text-align: center; } #inners .inner{ display: inline; float: left; margin-right: 10px; background-color: green; } </style> <div id="inners"> <div class="inner">11111<br>11111<br>1111</div> <div class="inner">222222</div> <div class="inner">3333</div> <div style="clear: both;"></div> </div> Хочу выравнять эти инлайновые блоки по центру. Думал, что text-align: center сработает для инлайновых элементов, но не сработал Может кто знает?

    Asked by E5000, August 4, 2011

    0 votes
    6 answers
19. Запись формы с checkbox в БД

    Надо, чтобы отмеченные чекбоксы записывались в БД в одно поле "polecheckbox" (тип поля varchar(255)). Записывались в таком виде: option1, option2, option5 или a1, a2, a5 как правильно? Напишите, пожалуйста, правильный вариант формы с передачей отмененных значений в БД. И чтобы при выводе, если значение в БД записано (присутствует в поле polecheckbox), то оно было отмечено, если не записано, то не отмечено. <form method="POST"> <input type="checkbox" name="option1" value="a1">один<br> <input type="checkbox" name="option2" value="a2">два<br> <input type="checkbox" name="option3" value="a3">три<br> <input type="checkbox" name="op…

    Asked by qazibum, August 23, 2011

    0 votes
    3 answers
20. как сделать чтобы текст не лез на модуль...

    вот страница http://www.bk-ugra.ru/reklamodatelyam-i-partneram на ней текст лезет на правый модуль... все обошел. не понимаю как его ограничить... буду очень признателен, если тыкните в строку css которая это определяет [codecodebox ] body,td,th { font-size: 78%; line-height: 140%; color: #000000; font-family:Arial, Helvetica, sans-serif; text-align:left; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(../images/main_05.gif); background-repeat:repeat-x; } .header { margin:0px auto; width:980px; height:200px; } .logo { background-image:url(../images/main_02.gif); background-repeat:no-repeat; background-position:top; h…

    Asked by vovchikku, October 6, 2011

    0 votes
    3 answers
21. div как таблица

    Привет...Подскажите интересные решения, как див сделать таблицей без использования display

    Asked by Mr.Black, December 6, 2011

    0 votes
    5 answers
22. CSS

    Объясните, пожалуйста, как верстать по картинке? Желательно разложить все по шагам. Заранее спасибо

    Asked by jon4eg, March 17, 2012

    0 votes
    4 answers
23. col, background и colspan

    Здравствуйте, друзья. Есть проблема с табличкой и элементами col. Вот тут лежит макет. Там табличка. Там есть элементы col, которые имеют определённый цвет фона. Нужны они для того, чтобы второй и третий столбцы имели один цвет, а третий, четвёртый и пятый — другой. Как видно из таблички, одним цветом подсвечен 1-й этаж, другим — второй. В строках где есть и обед и кофе-брейк всё хорошо. А где, например, регистрация, то там colspan="5" и выравнивание по центру. Но раскраска должна быть именно такой, что первые две колонки из 5 должны быть жёлтые, а 3, 4 и 5 — серыми. Подскажите, пожалуйста, как мне быть?

    Asked by Veseloff, March 27, 2012

    0 votes
    8 answers
24. верстка дивами

    столкнулся с проблемой что дивы выстраиваются в столбик подскажите как это исправить так сейчас http://savepic.su/1869221.htm надо http://savepic.su/1864101.htm html <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>главная</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="vse"> </div> <div class="knopki"> <div class="asdf"> <a href="index.html">На главную</a></div> <div class="asdf"> <a href="bet.html">Бетон</a></div> <div class="asdf"> <a …

    Asked by voin545, April 30, 2012

    0 votes
    7 answers
25. Как сделать такой эффект?

    Здравствуйте. Немогу понять как сделать такой эффект как на картинке http://savepic.ru/3937323.jpg, или это делается через box-shadow или через gradient, подскажите пожалуйста. Заранее спасибо.

    Asked by Kuzyo, February 5, 2013

    0 votes
    2 answers