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
-
col, background и colspan
Здравствуйте, друзья. Есть проблема с табличкой и элементами col. Вот тут лежит макет. Там табличка. Там есть элементы col, которые имеют определённый цвет фона. Нужны они для того, чтобы второй и третий столбцы имели один цвет, а третий, четвёртый и пятый — другой. Как видно из таблички, одним цветом подсвечен 1-й этаж, другим — второй. В строках где есть и обед и кофе-брейк всё хорошо. А где, например, регистрация, то там colspan="5" и выравнивание по центру. Но раскраска должна быть именно такой, что первые две колонки из 5 должны быть жёлтые, а 3, 4 и 5 — серыми. Подскажите, пожалуйста, как мне быть?
0 votes8 answers -
Сложное обтекание картинок
Друзья! Возник вопрос, как сделать обтекание картинок текстом. Все вроде просто и понятно, но как сделать именно так, как на рисунке ниже??? Перерыл весь форум и еще кучу с других сайтов, но толком ничего не нарыл. Если кто может помогите пожалуйста!!!
0 votes6 answers -
помогите прилепить один div к другому
Нужно прицепить div#bodyGradient к левой стороне div#bodyContainer и повторить по оси Y по высоте div#bodyContainer . Имеем следующее: HTML: <div class="bodyGradient"></div> <div class="bodyContainer"> ... <!-- тут куча других дивов, в общем главные элементы страницы --> </div> CSS: /************* Structure *************/ div.bodyContainer { width: 1000px; margin: 0 auto; } div.bodyGradient { width: 10px; height: 1px; background-image: url("../img/bodyLeftGradient.png"); background-position: bottom left; background-repeat: repeat-y; float: left; } Схематично это выглядит так: Нужно чтобы было так: Подскажите пожал…
0 votes2 answers -
Проблемы с кешом
Такая ситуация - на сайте много картинок, их и так делаю как возможно меньше размером и весом, еще прикол в том, что наводишь на объект-картинку - и должна появляться еще картинка. Но оно чего-то догружается только при наведении, то есть еще занимает время и человек незнающий это и у которого медленный интернет вообще может не дождаться этого и отвести курсор. Как сделать чтобы все загрузилось быстрее и сразу при открытии страницы. И еще проблема в том, что некоторые изменения на сайте не отображаются пока не очистишь кеш браузера. Понимаю что упустил работу с кешом, точнее вообще не знаком с тем, как решать подобное. Прошу, братцы, помогите мне! Для наглядности кидаю ссы…
0 votes6 answers -
Уникальная ширина первой ячейкм таблицы
У меня есть таблица. Ширина каждой ячейки, кроме первой, равна 151px. А у первой должна быть 14px. Таблица имеет id="apa". Я пишу свойство CSS #apa td{ padding: 0; width: 151px; } Первой ячейке я пишу class="first" .first{ width:14px; } Почему ширина не применяется? В FireBug пишется, что браузер его видит, но даёт приоритет ширине 151px. Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?
0 votes12 answers -
Проблема вёрстки под iPad
Сверстал сайт - http://appstore73.ru/ Хром, Ие, Файрфокс, Опера - всё норм, но под айпедом следующая картина Всё перепробовал, исправить не могу. В чём может быть проблема? Таблица стилей - http://appstore73.ru/css/style.css и резет - http://appstore73.ru/css/reset.css Читал, что ширина страницы не должна превышать 1000px, пробовал уменьшить до 999px - уже лучше, но справа всё равно отступ есть.
0 votes2 answers -
Картинка в слайдере при первой загрузке в IE8 выходит за границу элемента.
Картинка в слайдере при первой загрузке в IE выходит за границу элемента. Через секунду возвращается в "нормальное состояние". CMS JOOMLA 2.5 Слайдер Vinaora Nivo Slider. Подскажите как исправить.
0 votes5 answers -
не виходит прижать блоки
привет, нужна помощь, может вопрос и банальный, но все же я почему-то не могу разобраться сам ... Есть макет сайта ... все вроде хорошо .. но в блоке content есть 2-ва блоки в которых будут размещены фоновые изображения, и у меня никак не получается прижать эти блоки, а именно BG_1 к верху, а BG_2 вниз. т.е. чтобы они растягивались на полную высоту окна (height: 100%), чтобы между двумя блоками BG_1 и BG_2, можно поместить изображение. вот графическая схемма http://pix.am/FgMG/ вот сам код <!doctype html><html> <head> <meta charset="utf-8"> <title>Test Site</title> <link rel="stylesheet" href="style.css…
0 votes4 answers -
Помогите с оформлением видео
Привет всем. Помогите с оформлением видео на сайт. Хочу сделать видео как миниатюра 160px на 120px. При нажатии на видео он открывается на средний размер просмотра и весь фон вокруг видео темнеет.. Может есть статьи или видеоуроки. Или пример какой знаете. Вот пример http://storage7.static.itmages.ru/i/14/0526/h_1401113037_6440385_d2d588c83f.jpg Вот при открытии видео http://storage5.static.itmages.ru/i/14/0526/h_1401114325_7394666_92e4426726.jpg
0 votes3 answers -
Не валидный код, как лучше переделать
Всем привет. Ну вот кажется сверстала станицу и тут меня дернуло проверить страницу на валидность и валидатор загнал меня за 101 км. Станица http://azharova.ru/test/afisha.html Итак, ругается он в основном вот на этот блок http://prntscr.com/3qf09s. Он сквозной блок через весь сайт. Посоветуйте как его лучше переверстать чтобы сохранить внешний вид. Вот как она работает на боевом сайте http://ezhikezhik.ru/ P.S. Говорили мне не используй чужую верстку, вот вам пожалуйста...
0 votes4 answers -
Разный контент для разных разрешений
Приветствую! Такой вопрос, есть сайт с адаптивный дизайном, нужно встроить туда код виджета от aviasales. Дело в том, что их блоки не адаптивные, и ширина у блоков фиксированная. Я нашел выход, как решить эту проблему. Через css медиа запросы, только не догоняю как это сделать. Я создал несколько блоков разных размеров под каждое разрешение, и нужно показывать именно тот блок, который подходит под разрешение, а остальные скрывать через display: none Подскажите пожалуйста, как это можно сделать?
0 votes8 answers -
Не подключается нужный шрифт
Здравствуйте. Начал верстать и впервые столкнулся с такой проблемой, что не отображаются подключенные шрифты, вернее один из них. Хотя все пути правильные, имя шрифта и подключение тоже, плюс шрифт установлен в системе. Буду благодарен, если кто-то подскажет в чем проблема. Вот куски кода: Подключение шрифта @font-face {font-family: Helvetica-2-UltraLight;src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.eot);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.svg);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.ttf);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.woff);}Применение к ссылке #header ul li a{font-size: 34p…
0 votes2 answers -
Помощь по мере обучения в вёрстке сайта
Всем привет. Я ещё зелёный в Web-разработке и с целью получения опыта я решил сделать сайт с концепцией направленной на реклакс пользователя(возможно вы встречали подобные, если же нет то вот пример). Так вот я очень прошу читающих это заглядывать в эту тему и в случи возникших вопросов помочь мне. Я буду очень благодарен. Ну а пока у меня есть вопрос: Допустим у меня есть два блока которые лежат друг на друге и один из них всегда не активен, так же есть две кнопки которые также лежат друг на друге(дадим условные имена объектам блок1, блок2, кнопка1, кнопка2,). Эти две кнопки абсолютно идентичны кроме содержащего текста и их функции. При чём эти кнопки лежат с остальн…
0 votes3 answers -
Выровнять картинки в колонке
Уже перебробовал много методов и сам сидел мучился, но так ничего и не получается. В примере из-за того, что картинки разные по размеру, колонки получаются разные по высоте. Сделать колонки одинаковой высоты вроде как и не проблема. Проблема в том, что не знаю как выровнять по вертикали картинки, чтобы отступы сверху и снизу между ними были одинаковые в одной колонке. Может решение совсем простое? https://jsfiddle.net/4p05m9cj/ P.S. Добавил внизу футер и желтый фон для наглядности. https://jsfiddle.net/4p05m9cj/2/
0 votes5 answers -
Как исправить анимацию после добавления блока?
Здравствуйте! Делаю сайт на базе этого шаблона. По сравнению с исходным шаблоном добавил в разметку доп меню с желтыми пунктами Профсоюз и т.д. Это подменю c селектором .headerrow .cell_pad .moduletable:nth-child(2) спозиционировал абсолютно относительно верхнего края родительского элемента div.cell_pad, для чего последнему пришлось дать position:relative; После это вся анимация опустилась на высоту внедрённого элемента с селектором .headerrow .cell_pad .moduletable:nth-child(2). Почему? Ведь в мануале написано, что position:absolute должен заставлять соседние элементы, а именно первый div.moduletable, вести себя так, как будто следующего за ним позиционированного эл…
0 votes5 answers -
Не могу понять, как реализовано масштабирование элементов
Приветствую, уважаемые друзья программисты! Столкнулся с проблемой: не могу отследить, как происходит масштабирование элементов на сайте. При чём масштабирование идёт в Опере, Хроме и Сафари, в Файрфоксе не идёт. Джаваскрипты комментировал, стили с 55 по 3197 строки комментировал, сторонние джаваскрипты не подключены, все стили и скрипты прописаны в index.html (кроме шрифтов). Вот сайт http://амосрм-внедрение.рф (делал не я).
0 votes1 answer -
Толстое подчеркивание
У меня текст ссылки заголовка 16 размера, жирный, как сделать, чтобы при подчеркивании этого текста полоса подчеркивания не становилась очень толстой (2px), проблема есть только в ff3?
0 votes1 answer -
Помогите новичку!
Всем кто хочет просто посмеятся прошу не отписывать. Сообстно вот вопрос: Хочу зделать сайт "букмекерскую контору" Может кто сталкивался... -В общем возможно ли взять уже какойто готовый движок за осново?Или все нужно писать с нуля? -Каким языком лучше ее писать?
0 votes3 answers -
Елементы формы
Подскажите как добится, что б все поля формы(добавить файл, дропдаун) одинаково отображались во всех браузерах ?
0 votes2 answers -
Динамическое перемещение Flash-ролика
День добрый. Внедряю аудиоплеер на сайте. Возникла проблема. Есть следующий УПРОЩЁННЫЙ код страницы HTML: <html> <head></head> <body> <!-- Текущий Flash-ролик. Находится в контейнере A. --> <div id="DIV_A"> <object id="SWF"> <param name="movie" value="MySWF.swf"/> </object> </div> <!-- Контейнер B - в него необходимо динамически переместить элемент ролика. --> <div id="DIV_B"></div> </body> </html> Задача: Исполнить код Javascript приведённый ниже и с его помщью переместить элемент ролика(OBJECT) в из элемента к…
0 votes1 answer -
background-image
в css написано следующее #main_content { background-image: url(images/content_bg.jpg); height: 554px; padding-top: 20px; padding-left: 30px; padding-right: 30px; background-repeat: no-repeat; } нужно чтобы картинка растягивалась автоматом по всей длинне страницы. я поставил height: auto; но почему то как было так и осталось. в чем может быть проблема?
0 votes7 answers -
dle или joomla?
В нете пишут что мол, joomla бесплатный движок! А в то время как dle стоит 80$. А теперь и сам вопрос! Действительно ли joomla бесплатна? И как будет работать dle null?
0 votes5 answers -
css рефакторинг
Решил переименовать некоторые классы и id в css файле, а заодно и во всем остальном, что его использует (.htm .js .php и тд). Дурной работы конечно делать не хочется, тратить время на поиск использования данных классов и id во всех файлах проекта - не вариант. NetBeans предлагает такую тулзу как рефактор. Выделяем нужный id или класс -> Ctrl+R -> вводим новое имя -> preview и... и получаем (во всяком случае я) окно с незатейливым сообщением - No Patterns Found. Странно, ведь тут написано что все должно работать. Кто-то сталкивался с данной проблемой в контексте NetBeans да и вообще в контексте рефакторинга? ЗЫ. ололо вариант - реплейсить регулярками в notepad++ …
0 votes0 answers -
Выравнивание содержимого по центру
Как выровнять содержимое сайта по центру, то есть сайт должен быть в полный экран, при изменении размеров окна браузера не должно появляться полос прокрутки, а содержимое "уходило" за окно браузера в одинаковых пропорциях. Пример: 1 2 3 4 5 <body style="width: 100%; height: 100%"> <section style="width: 100%; height: 100%"> </section> </body> Пусть окно браузера имеет ширину/высоту 100%, при уменьшении его ширины/высоты на 10% тег <section> и его содержимое должно "уходить" влево/вверх на 5% и вправо/вниз на 5%. Яркий пример реализации - http://www.blacknegative.com Нечто похожее есть у Лебедева, но его способ не работает при задани…
0 votes9 answers -
подключенение файла с переменными
привет всем, сделал html файл к нему с помощью include подключил php файл с переменными. Проблема в том, что эти переменные не хотят светиться в html. 1) подскажите формат файла в, который пишутся переменные. 2) напишите простейший код, может что я неправильно делаю. Или может быть проблемма в том что я делаю это через denwer?
0 votes10 answers