HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
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
0 votes6 answers -
Две разных страницы сайта в одну тему для WordPress
Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!
0 votes3 answers -
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]…
0 votes8 answers -
Ищу конкретный горизонтальный слайдер + аккордион на css
Ребят, кто знающий, подскажите существует ли горизонтальный слайдер + аккордион только на css? Нужно именно чтобы был вида как slidorion Другие, как бы просто с вкладками находил, а вот именно такой нет.
0 votes1 answer -
Как остановить анимацию keyframes
сабж...реально бесит уже..Почему она зацикливается... Конечно в идеале мне надо чтобы анимация была при загрузке странице ЕДИНОЖДЫ.. $(document).ready(function() { все выполняет сразу...без очередности..как это победить Вот мне надо например менять фон блока 10 раз плавно... а потом стоп, а он гад прокрутит у себя там все и последний результат показывает (((( animation-fill-mode: forwards; не пашет
0 votes0 answers -
Отображение страницы на разных браузерах и устройствах
Привет. Скажите, что сделал не так или вообще что не сделал? В Хроме и Опере отображается нормально, а в других браузерах и моб.устройствах (планшеты, телфоны) вот так: Я начинающий, поэтому если что-то нужно скинуть, пишите.
0 votes4 answers -
Как сверстать такую фотогалерею адаптивно?
Здравствуйте! Нужно сверстать такую фотогалерею адаптивно: Принцип Bootstrap, на мой взгляд, не подходит. Нужен совет, какой способ выбрать.
0 votes13 answers -
Как поместить два navbar на одной строке?
Здравствуйте. Пробую разместить 2 схлопывающихся компонента navbar от бутстрап 3 в одной строке, но не могу сообразить как надо стили перебить. Один navbar выполняет роль текстового меню, другой - модуль поиска. Нужно чтобы и в развернутом, и в свёрнутом состоянии компоненты шли один за другим в верхней строке Вот что есть на данный момент. Абсолютное позиционирование должно помочь? Поможите, пожалуйста
0 votes4 answers -
Очень крутое слайдшоу
Ребятки! Пожалуйста, помогите сделать или хотя бы найти исходники чудесного слайдера, который красуется на сайте http://www.gameray.ru
0 votes2 answers -
Front-End разработка
Можете подсказать с чего лучше всего начать учить front-end разработку? Буду очень благодарен вам.
0 votes4 answers -
При объединении 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
0 votes1 answer -
Проверьте авторизацию на безопасность
http://vvsh.ru/admin/ - уважаемые форумчане, проверьте авторизацию на прочность. Заранее спасибо.
0 votes1 answer -
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…
0 votes0 answers -
Наследование классов
Если я задаю table.name td{} Как запретить наследование класса для ячеек таблиц, находящихся внутри ячеек таблицы name?
0 votes3 answers -
Вопрос по сверстаному шаблону
Привет всем! Сверстал шаблон. И по нему возник вопрос: В опере проблема — появляется пустое пространство, загляните в шаблон вы поймете в чем дело, появляется большая полоса прокрутки. Я хотел сделать тень внизу от белой средней колонки и футера для этого вставил див(<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; как можно исправить? или может есть более изящное решение по установки тени?необходимо чтобы тень всегда была прижата к низу
0 votes7 answers -
помогите разобраться с input
Встретил вот такую конструкцию <input name="ctl00$cph1$UserName" type="text" id="ctl00_cph1_UserName" подскажите, что означают $ в определении имени тэга input , и как этим можно пользоваться. Я так понял , что $cph1 и $UserNam - это две переменные, в которых хранятся части имени. Как их можно определять и где вообще об этом почитать?
0 votes8 answers -
Помогите с выбором материала
Добрый день! Помогите пожалуйста подобрать качественный материал по обучению созданию сайтов. Уровень почти нулевой, в сети столько всего, что глаза разбегаются, а когда начинаю читать что-то одно то натыкаюсь на непонятные мне вещи и термины. Хотелось бы изучать все по порядку, распишите если не сложно этапы по которым стоит вникать. Заранее всем огромное спасибо! P.S Вообще планирую создать сайт на бесплатной CMS типа joomla, drupal.
0 votes2 answers -
Как выравнять по центру инлайновые дивы?
Вот код: <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 сработает для инлайновых элементов, но не сработал Может кто знает?
0 votes6 answers -
Запись формы с 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…
0 votes3 answers -
как сделать чтобы текст не лез на модуль...
вот страница 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…
0 votes3 answers -
div как таблица
Привет...Подскажите интересные решения, как див сделать таблицей без использования display
0 votes5 answers -
CSS
Объясните, пожалуйста, как верстать по картинке? Желательно разложить все по шагам. Заранее спасибо
0 votes4 answers -
col, background и colspan
Здравствуйте, друзья. Есть проблема с табличкой и элементами col. Вот тут лежит макет. Там табличка. Там есть элементы col, которые имеют определённый цвет фона. Нужны они для того, чтобы второй и третий столбцы имели один цвет, а третий, четвёртый и пятый — другой. Как видно из таблички, одним цветом подсвечен 1-й этаж, другим — второй. В строках где есть и обед и кофе-брейк всё хорошо. А где, например, регистрация, то там colspan="5" и выравнивание по центру. Но раскраска должна быть именно такой, что первые две колонки из 5 должны быть жёлтые, а 3, 4 и 5 — серыми. Подскажите, пожалуйста, как мне быть?
0 votes8 answers -
верстка дивами
столкнулся с проблемой что дивы выстраиваются в столбик подскажите как это исправить так сейчас 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 …
0 votes7 answers -
Как сделать такой эффект?
Здравствуйте. Немогу понять как сделать такой эффект как на картинке http://savepic.ru/3937323.jpg, или это делается через box-shadow или через gradient, подскажите пожалуйста. Заранее спасибо.
0 votes2 answers