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
-
Границы активного пункта меню
Собственно само меню: http://jsfiddle.net/npofopr/TygPr/ Не могу понять, как мне у активного пункта убирать все бордеры. Т.е. чтобы не было той белой полоски справа. Пришло на ум только делать у активного тень, которая будет скрывать границу. Больше ничего не придумывается. Делать по другому границы... Особо вариантов не много вроде. Подскажите, кто чем может.
0 votes4 answers -
Чтиво для начинающих
Добрый вечер, я совсем недавно решил вплотную начать участвовать в веб-разработке и глубоко изучить html5 и css3 (для начала). Прошу помощи, скажите, с каких книг лучше всего начать это делать? Желательно конечно, чтобы еще можно было в эл.книге их читать)
0 votes11 answers -
обрезать картинки при разных разрешениях
Привет всем! Возникла одна проблема при верстке Есть картинка на вес экран(с этим я разобрался), но вот не знаю как сделать так, чтобы при разных разрешениях обрезалась сверху/снизу (при горизонтальном окне браузера) и слева/права (при вертикальном окне). http://obzor.webtj.ru/slava/ - вот верстка, помогите пожалуйста
0 votes5 answers -
Практика Резиновой Верстки Сайта
Не знаю в каком разделе спрашивать,может отзывы сказать о данных видео-уроках, очень интересует мнение, просмотрел один код с видео урока, мне он показа не очень... http://nnm-club.ru/forum/viewtopic.php?t=598811&sid=50418401fd82eee96ec6b3ec8ec9f5de
0 votes4 answers -
Проблемы с отображением табличного дизайна
Помогите разобраться, пожалуйста. Ситуация: дизайн табличный, таблица 3 на 3 ячейки, для контента используется только средняя ячейка, остальные исключительно для дизайна. Дизайн для сайта http://anonimka-sms.ru/ Проблема: границы между ячейками отображаются, хотя по задумке не должны, они портят всю идею дизайна. Пробовал убрать и селспейсингом, и бордер = 0, не помогает, наверное, какие-то другие способы для этого нужны? Какие? Кроме того, по углам таблицы белые полосочки, их тоже не должно быть. Как их убрать? Спасибо.
0 votes2 answers -
растягивание элемента из-за отступов
На страничке находится несколько input'ов и кнопка отправить. input'ы растягиваются на всю длину блока. Если input'ам установить padding общая длинна input'а увеличится и он вылазит за пределы отведенной области. Код для примера: <div width="500"> <p>Укажите свой e-mail<br><input type="text" name="email" class="mtinput</p> </div> Код стилей: .mtinput { width:100%; padding:5px; } Если я устанавливаю в стилях padding в 5пх размер input"а будет не 500 а 510пх и он вылазит за пределы области. Это как-то можно поправить? Явно указывать размеры не подходит, так как один стиль используется в нескольких местах где размеры блока разные и идеально…
0 votes1 answer -
Попиксельная верстка и Arial regular в фотошоп и браузере
Я верстаю макет номер 5 с этого сайта http://divhack.com/. Пытаюсь сделать "попиксельную" верстку, так как настоящий профессионал должен уметь верстать попиксельно. Выбираю основной шрифт, который указан в макете, а именно Arial 12px и мой основной текст, который идет после "Why choose WebOnDemand?" выходит на одну строку больше, чем в шаблоне! В итоге ни о какой попиксельной верстке не может идти и речи. Делаю свой макет прозрачным и накладываю на шаблон psd и получается все вразнобой, ничего не сходится. Вы там же можете открыть сделанный сайт в html и сравнить с шаблоном - у автора сайта тоже не сходится и текст вылазит на следующую строку. Допустим мой заказчик скаже…
0 votes8 answers -
Шрифтовая белка - не хочет принимать шрифт
Подскажите. Пытаюсь подсунуть FontSquirrel шрифт FagoCo.pfm. Но она не хочет его принимать - пишет, что шрифт поврежден. Это почему и что делать?
0 votes4 answers -
Верстка, position: relative, Пустое место, как сделать правильно?
Всем привет! Извиняюсь что создал новую тему. Но беглый поиск не дал результатов. Собственно проблемма на кринах: http://taraba4.ru/img/_1.png http://taraba4.ru/img/_2.png http://taraba4.ru/img/_3.png И живая верстка: http://taraba4.ru/hammam/ Уже не раз сталкивался с такой проблеммой, решал разными хаками и прочей лабудой... Откуда это береться и как решать, чтобы раз и навсегда... CSS: .top { height: 505px; } .logo { position: relative; z-index: 10; } .logo img { display: block; margin: 0px auto; margin-top: 50px; } .slider { position: relative; z-index: 9; top: -120px; } .bani { margin: 20px auto; height: 150px; } HTML : <div class…
0 votes1 answer -
Интересная задачка.
Изложу в теории без конкретного примера. Суть: Есть блок контента с фиксированной шириной, выровненный по центру при помощи "margin: 0 auto". Требуется реализовать только несложными средствами CSS (без скриптов) по бокам окна браузера полосы фиксированной ширины (например 50px каждая), естественно, они должны быть "прилеплены" к бокам окна браузера. Но при минимальных размерах окна они не должны наезжать на/за тело контента, а просто должны скрываться за окном браузера, не приводя к появлению нижнего скролла. Вот так! Сам занимаюсь версткой лет 6, то ли я устал и туплю, но за день ничего путного в голову не пришло. Вот для примера даю пару набросков. Т.е. не должно быть…
0 votes21 answers -
Проблема. Табличный дизайн. ASP. CSS
Имеется сайт на ASP.NET. У него табличная структура. Вот пример кода. Интересует то, что находится между тегами <table class="categories">...</table> Вот, что отдает этот код в браузер (кусок кода): В строке 4 ячейки. Нужно сделать так, чтобы в строке было больше ячеек. Если бы удалось как-то вообще удалить табличные элементы, то задачу можно было бы решить простой вставкой стиля для .cat-name Например вот так: Удалив все табличные элементы и оставив только div блоки. Есть ли возможность с помощью стилей CSS как-то поправить ситуацию или все таки нужно обладать знаниями C#, на котором написан сайт? Или можно где-то найти эти куски кода html в этом asp? Или…
0 votes0 answers -
FireFox изменение ширины блока при отрицательных значениях margin и padding
В FireFox происходит изменение ширины пункта меню. Тут пример кода. В Опере и других браузерах выглядит так: В FireFox: Подскажите, пожалуйста, решение или направление куда думать.
0 votes2 answers -
тег <h1> без переноса строки
Как сделать так чтобы после тэга <h1> не было переноса строки?
0 votes1 answer -
Как называются закладки на границе сайта и браузера?
Кто знает как правильно называются закладки на границе сайта и браузера? Может есть кого то ссылки на исходник с такой закладкой? Примеры этих штук которые ищу Тут справа «Оставьте отзыв» http://jquerylist.ru/effects Или тут справа 2 штуки http://www.svyaznoy.ru/ Или тут «задать вопрос» http://radomir.ru/
0 votes1 answer -
Как продлить подчеркивание текста до конца блока?
Здравствуйте. Как можно продлить подчеркивание текста(заголовка материала) до окончания блока? Вот так: Благодарю
0 votes2 answers -
видео ложиться на видео
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> <style> iframe { display: none; } label { cursor: pointer; } input { display: none; } #video-1:checked ~ .ser1 { display: block; } #video-2:checked ~ .ser2 { display: block; } #video-3:checked ~ .ser3 { display: block; } #video-4:checked ~ .ser4 { display: block; } </style> </head> <body> <label for="video-1">1 серия</label> <input name="vidos" type="radio" id="video-1"><br/> <label for="video-2">2 серия</label> <input name="vidos" type="radio" id="video-2"><br/&…
0 votes1 answer -
как заменить амперсанд обычным html тегом
Для тех, кто знаком с препроцессорами, это должно быть просто. Есть код, который содержит амперсанд, можно ли его заменить на html тег, чтобы в дальнейшем было проще редактировать. При замене амперсанда на обычный код пропадает блик на css и исчезает изображение. Что я упускаю? Код здесь
0 votes2 answers -
Подскажите, проблема с таблицами
Есть сайт, объясню проблему по скриншоту ниже Белая область - это див элемент, в котором я расположил таблицу с 2мя колонками. В этих колонках уже сделал дивы с заголовком и самим контентом. Сама проблема: Наполнинл 1ю колонку заголовком+несколько скриншотов и кнопок, когда начал наполнять 2ю колонку, заголовок 1й начинает отступать от top элемента вниз, как показано на скриншоте. Не пойму в чем может быть проблема. Мой быдлокод, css: .backgrnd1231445{ position: absolute; width: 100%; height: auto; background: url(/img/fon.jpg); background-repeat: repeat; background-attachment: scroll; } #mainwrapper { position: relative; margin: 0 auto; margin-top: 30px; margin-bottom…
0 votes4 answers -
Отличия тега <table> и display:table-cell
Задумался вот над следующим: В верстке в таблицу лучше заносить табличные данные (тег <table>), относится ли это к свойству display:table-cell и его подобным? То есть, хочется мне грамотно отцентрировать, например, в блоке некоторые элементы по вертикали и я могу использовать табличную верстку, что нерационально, а могу задать диву table-cell и vertical-align:middle. Будет ли это правильным? Что скажут специалисты и эксперты?
0 votes7 answers -
Сложная страница под разные разрешения с передвижением контента
Здравствуйте Коллеги, прошу о помощи. Заказ исполнить чат, всё сделали, по размеру экрана трансформируется, всё зашибись. Но есть одна проблема, приватная комната должна выежать наверх при нажатии на закрученую лесенку, вот как это должно работать: вот тут шаблон, можно поиграться с размерами. http://prostor.net/pubchat/ Получается что в первом случае двигать вверх вообще не надо, а во втором надо, причём процентов на 40%, что бы вылезла эта комната. При этом всё должно катиться плавно. Второй день сижу, голову сломал, можно ли это реализовать через CSS юзая jQuery для переката? Спасибо!
0 votes1 answer -
Оформление шапки сайта
В общем, такая проблема. Я не знаю или тупо забыл как изменить картинку в шапке сайта в данном случае.
0 votes3 answers -
Два бэкграунда
Всем привет. Подскажите, пожалуйста, как расположить два бэкграунда, так чтобы один всегда был вверху, а другой всегда внизу. Как здесь: http://bit.ly/10CuCWR Сейчас код с одним бэкграундом выглядит так: body{ font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff; background: url(http://fart12345.com/wp-content/uploads/2013/04/1.png) fixed; background-position: top center; background-attachment: scroll; background-repeat: no-repeat; color: #777777; line-height: 18px;
0 votes2 answers -
Активный раздел в меню
Приветсвую друзья! Очень нужна помощь с меню в joomla. Никак не могу добиться чтобы активный раздел (раздел в котором находится пользователь в данный момент) был выделен в меню. Задача вроде бы тривиальная, но что то не выходит у меня никак. Искал аналоги, смотрел другие шаблоны, там все работает. Здесь никак. Выделение существет при наведении на пункт меню и снимается после того как пользователь перешел в раздел. Вот листинг который отвечает за стиль меню. ul#horizont_menu { MARGIN-LEFT:1px; DISPLAY:block; FLOAT:left; LIST-STYLE:none; } ul#horizont_menu li { DISPLAY:block; FLOAT:left; POSITION:relative; } ul#horizont_menu li ul { FLOAT:left; WIDTH:295px; LIST-STYLE:non…
0 votes3 answers -
:hover на элементах сквозь блоки
Вот на сайте http://tankist10.hosting-test.org.ua/ при наведении на картинку альбома должно появляться описание. Вот как в Firefox А вот как в Google chrome Этого не должно быть, но вот в том же Хроме когда навожу на шапку нет висняков Как исправить?
0 votes2 answers -
Растянуть по высоте div, внутри button
Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/
0 votes4 answers