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
29,542 questions in this forum
-
Шаблоны в CSS
Делаю сайт-визитку на 4 страницы, меню горизонтальное с помощью таблицы. Вот надумал я добавить пункт и теперь надо во всех 4-х страницах менять меню. А можно ли это меню сконструировать в ЦСС? А в идеале было бы неплохо указывать там и взаимное расположение контейнеров и картинок в них.
0 votes4 answers -
Растягивание div блока
И снова здравствуйте. Нуждаюсь в вашей помощи. <div class="a1"> <div class="a2"></div> <div class="a3"></div> </div> .a1 { width: 100%; display: inline-block; } .a2 { background: url("{T_THEME_PATH}/images/logogo.jpg"); background-position: center; height: 300px; border: 1px solid #BFBFBF; display: inline-block; float: left; overflow: hidden; display: inline-block; } .a3 { overflow: hidden; float: right; height: 300px; background-image: url("{T_THEME_PATH}/images/bg_tex2.jpg"); border: 1px solid #BFBFBF; display: inline-block; } В блоке a2 фоном изображение, которое может растягиваться на 100% ширины. В блоке a3 желательно указат…
0 votes15 answers -
footer залазиет на блок
Здравствуйте. Делаю сайт, возникла проблема, блок-растяжка (у меня в коде id="text") налазиет на контент, а не идёт после него, из-за этого футер закрывает часть контента. Ниже скрин: - Тут видно, как распорка ушла под блок с цифрами "454", если эти три блока (зелёные и синий, с цифрами "454") продолжить в высоту они будут идти поверх распорки и зайдут под футер. Подскажите, пожалуйстка, как это исправить? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>КРЕПОСТЬ РУСЬ</title> <meta http-eq…
0 votes1 answer -
Как мне сделать подвижные блоки ?
Мне нужно создать несколько подвижных блоков, наподобие того как построен сайт vk.com (Там присутствует свободное перемещение блоков чата и музыкального проигрывателя) Я хочу чтобы пользователь мог свободно их перемещать удерживая их левой кнопкой мыши. Я предполагаю что это должен быть CSS код, пожалуйста помогите
0 votes1 answer -
Стилизация чекбоксы и радиобаттоны
Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь. http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg
0 votes3 answers -
Выровнять разные по размеру изображения в списке
Есть список пользователей. У каждого пользователя свой аватар, с индивидуальными размерами. У кого-то он широкий, но низкий, а у кого-то высокий, но узкий. Как выровнять аватарку у каждого пользователя, чтобы весь список выглядел аккуратно? http://codepen.io/anon/pen/pbJEMg
0 votes4 answers -
Border-image
Ребят здравствуйте подскажите почему не работает код нужно сделать бордер картинкой только с одной стороны border-image: url("../img/brimg.png"); border-top:0; border-left: 0; border-bottom: 0; или подскажите как сделать такие разделители при условии что ховер должен быть таким как вариант я использовал бордер но он заполняет всю сторону блока,
0 votes2 answers -
Сделал сайт
1-Ну вот сделал простенький сайт на хтмл. И что его просто на хостинг залить и все? 2-Как его обезопасить? 3-Зашел на сайт и увидел это И как мне так сделать?Спасибо заранее.
0 votes17 answers -
height:100% и min-height:100%
Привет всем. Возник вопросик по css. как реализовать блоки таким образом, чтобы основной блок имел высоту 100% (допустим блок 1) и вложенный в него блок 100% (блок 2). Все хорошо, но есть одна проблема, если блок 2 превышает высоту 100%, то основной (блок 1) остается с высотой 100% и min-height:100 не помогает. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>123</title> <style> body {margin:0; padding:0; h…
0 votes7 answers -
Помогите найти ошибку
Всем привет!!! Народ помогите найти ошибку в сайте, в верстке. Все сделал, на моем компе все нормально в IE, Mozilla, Chrome, Opera все проверил. Пришел на работу, то тут косяк, в другом браузере там косяк, а где я в коде ошибся не смог найти. Помогите разобраться ПЛИЗ...... Забыл адрес сайта сказать v-otpusk.com
0 votes12 answers -
Неуловимый паддинг на кнопке в IE7
Привет всем! Я что-то никак не разберусь, помогите советом? У кнопок в IE появляется внутренний отступ. IE-dev его не видит как паддинг, да его там и быть не должно, потому как не назначен. А визуально он присутствует. Страничка: http://leveler.ru/htmlbook/pagenav.htm Картинка:
0 votes11 answers -
Подскажите как это реализовать
В общем на сайте http://edinros.samara.ru/ на главной странице посерёдке находится новостной блок, который при выборе заголовка новости слева отображает соответствующую фотографию. Подскажите как такое можно реализовать при помощи HTML и CSS ? Заранее спасибо.
0 votes12 answers -
IE 7-8 PIE border-radius и first-child
Доброго всем времени суток. Помогите пожалуйста решить такую проблему. Итак есть меню , у меню есть заголовок, этот заголовок сделан при помощи first-child первому li в ul , там же используется css 3 PIE для border-radius в IE. Chrome , Opera , FF как всегда нормально, но в IE7-8 заголовок просто пропадает. Дать заголовку zoom:1; position:relative; пробовал ul тоже . Всем его родителям тоже. Не помогает. Блок появляется в обоих IE если убрать border-radius. Сделать заголовок png или просто убрать его в div конечно можно. Но хотелось бы найти решение проблемы. Код: <ul class="left_menu"> <li>Наши услуги</li> <li><a …
0 votes4 answers -
Графические элементы сайта: сколько вариантов разрешений создавать?
Например, нарисовал графические элементы для сайта. В каком ppi сохранять? Одно максимальное, которое поддерживает самый крутой монитор, а браузер сам правильно промасштабирует, если разрешение окажется меньше (читал, андроид так умеет, но только с графикой в приложениях)? Или браузеры так не умеют и сохранять в нескольких?
0 votes20 answers -
Отступ первой строки текста от номера
В общем сабж, а если по точнее: использовал в стиле list-style-position:inside; теперь, что-бы корректно работала под ИЕ 6 хочу сделать небольшой отступ текста от номера. Подскажите возможно ли такое?
0 votes3 answers -
ресайз дивов и скроллбары
Добрый день. какие свойства надо задать диву, что бы он игнорировал свое содержимое, сжимался при ресайзе, пряча содержимое за скроллбарами? админка сверстана таблицей 2х2 ячейки. верхний ряд - шапка, нижний ряд - информационные поля. левое поле фиксированно по ширине, занимает все место в окне браузера по высоте. правое занимает оставшуюся часть: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html style='height:100%'> <head> <style> table{ width:100%; height:100%;} td{ vertical-align:top; } div{ height:100%; overflow:auto; } </style> </head> <body style='height:100%; padding:0px; margin…
0 votes4 answers -
Перечеркнутый текст в FF и Safari
Ссылка. Не очень понимаю, откуда мог взяться этот перечеркнутый текст в лисе и сафари. Наследовать он его не мог, так как перечеркивание не где не используется. Поставил для всего блока даже text-decoration : none; Не помогает. В чем можеть быть проблема?
0 votes4 answers -
Этика правильной верстки
1) Ребят подскажите можно использовать тег fieldset /legend вне формы, а также использование картинки вместо текста( legend) технически можно, а вот правильный ли тон кодинга? 2) Можно как-то регулировать отступ левого края линии ( fieldset /legend)? У меня он получается без отступа, а иногда с отступом, как повезет, глупо конечно, но факт. 3) При использовании JаvaScript (например, мелкая интерактивность) лучше оставлять его в странице или внедрять в отдельный файл, как СиСС?
0 votes15 answers -
Вопрос по обслуживанию сайта
Вопрос наверное вызовет удивление или усмешку, но всё же мне интересен ответ. При планировании своего первого сайта сталкнулся с таким фактом, что сайт который хочу сделать будет иметь более 100 страниц, вопрос о его обслуживании не даёт покоя. По этому хотел поинтересоватся у Вас, как Вы меняете что ли бо на своих сайтах, Вы пользуетесь какими либо программами для его обслуживания или же со временем заказываете у программистов создание CMS для своего сайта, или же всё делается в ручную? Просто меня немного напряг тот факт, что при добавлении одной сылки в меню придётся перелопачивать уйму страниц.
0 votes6 answers -
Фон страницы по центру
Добрый день! Верстаю страницу из PDS файла, размер тела задал жестко. На некоторых сайтах (к сожалению не помню на каких, помнил бы - сам бы посмотрел) видел, на больших мониторах фон продлевается за границу тела страницы (по ширине). Это нужно делать фоном, а содержимое ставить по центру (нужно, чтобы при изменении разрешения цент фона не двигался относительно центра страницы (в горизонтальной плоскости)), или же добавлять элементы с картинками по боках, которые будут равномерно отсекаться (и слева и справа) при изменении разрешения.
0 votes2 answers -
подскажите как заставить блоки располагаться в одну строку
Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…
0 votes1 answer -
Как сделать, чтобы не все поля меняли свой размер?
Как сделать, чтобы не все поля меняли свой размер, так как в css уже прописан определённый размер и там он устраивает, а в некоторых местах хотелось бы, чтобы он не применялся к некоторым полям и они были бы меньше. И размер шрифта водимый в эти поля не изменялся. Пример поля: <input name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму"/> ... <select name="LMI_PAYEE_PURSE" title="Выбор валюты" style="min-width:30px;"> <optgroup label="Выбор"> <option value="1">WMR</option> <option value="2">WMZ</option> …
0 votes8 answers -
Подключение js к html
Есть код, к которому надо подкл js файл, но файл не хочет выполняться, а когда скрипт в html, то выполняеться Сам скрипт <script type="text/javascript"> $(document).ready(function(){ $(".mymagicoverbox").click(function() { $('#myfond_gris').fadeIn(300); var iddiv = $(this).attr("iddiv"); $('#'+iddiv).fadeIn(300); $('#myfond_gris').attr('opendiv',iddiv); return false; }); $('#myfond_gris, .mymagicoverbox_fermer').click(function() { var iddiv = $("#myfond_gris").attr('opendiv'); $('#myfond_gris').fadeOut(300); $('#'+iddiv).fadeOut(300); }); }); </script> Так не работает <html&…
0 votes1 answer -
Не получается с двумя слоями.
Не могу совместить два слоя в одной ячейке таблицы (такое вообще, возможно?). Ж?лтая область - это область, где по умолчанию должна находится строка "On-line заказ.....", эта область растягивает ячейку по высоте, да и вообще портит вид, какого бы цвета не была. Саму строчку я передвинул (но ж?лтая область осталась), однако в этой же ячейке находится рисунок, который тоже описан отдельным слоем. Вобщем отрывок кода ячейки такой: <td colspan="2" class="menubar"> <span class="pic_left"><img src="images/left_bar.gif"></span> <div id="menubar_text">On-line заказ</div> </td> CSS: .menubar { background: #fc0 /* ж?лтый для наглядно…
0 votes2 answers -
Книги по xml
Здравствуйте, подскажите хорошую книгу по xml пожалуйста.
0 votes1 answer