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
-
Боковая колонка вылезает ниже подвала страницы
Натягиваю тут сайт на новую CMS, и столкнулся с такой проблемой - по словам заказчика, в подвале страницы наблюдается косяк, левая колонка продолжается ниже подвала страницы. Не могу никак повторить проблему, смотрю на разных компах в IE, FF и Opera - все нормально в подвале, нет косяка. А у них - есть. И скриншоты шлют. Гляньте плиз: http://tinyurl.com/mrvncz (адрес временный, косяк наблюдается якобы на любой внутренней странице) - вылезает там левая колонка ниже уровня подвала или нет? Если вылезает, то из-за чего? Не могу устранить проблему, т.к. не могу ее повторить у себя Просьба сапогами в меня не кидать если там совсем все плохо, я больше программер чем верстальщи…
0 votes1 answer -
Длина ячейки таблицы
Попробовал прсото без применёных стилей ничего обычный код написать,чтоб потом применить стили,от меню отступилось 250 пикселей, а второй столбец не пошёл до конца, а на расстояние только сделал. Если пробовать менять ширину второго столбца ничего не меняется. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>Главная</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <table width="900" cellpadding="0" cellspacing="0" > <tr> <td><img src="verx.jpg"> <…
0 votes8 answers -
Объясните поведение элемента во всех браузерах
http://vsegarazd.com/nikita/test/ на этой странице список отображается вертикально в ряд, а должен горизонтально в ряд я не первый день версткой занимаюсь, но принцип отображения понять затрудняюсь, ul абсолютно отпозиционирован, если убрать left:900px; отображение становится правильным пример кроссбраузерный, кода совсем чуть-чуть, профессионалы помогите разобраться
0 votes6 answers -
растянуть страницу вертикально
Имеем с нуля таблицу в 3 строки TR. Верхняя TR строка шапка. Нижняя строка TR копирайт и тп. В средней TR допустим всего несколько строк тескта. Нужно, чтобы средняя TR растягивалась на всё окно браузера, так чтобы нижняя TR оказывалась у нижнего края окна. Если в простом коде, то так примерно <HTML><HEAD></HEAD><BODY> <table> <tr><td> -1- </td></tr> <tr><td height="90%"> -2- </td></tr> <tr><td> -3- </td></tr> </table> </BODY></HTML> Перерыл яндекс и спецификации , но по названию этой темы в кавычках ничего нет. Интересу…
0 votes5 answers -
Тень у блока с трех сторон, как?
Как сделать тень у дива только с трех сторон? Только ухищряться? Два дива идут один под другим без отступа, образуя одно целое. Это все должно быть с тенью. Присваивая тень обоим блокам, получаю тень посередине, а это лишнее. Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать. А более простого нет решения, нету такой опции присваивать тень отдельно сторонам?
0 votes10 answers -
<header>
Есть сайт, на сайте есть <div id="header"></div>, в котором содержаца элементы списка и другие дивы. Я переделываю код сайта под HTML5 ,правильно ли брать такую большую шапку в новый тэг <header></header> На данный момент она выглядит так.. <div id="header"> <div id="top_wrapper"> <div id="top"></div> </div> <div id="bottom_wrapper"> <div id="bottom"> <div id="right_side"> <ul id="lang"> <li class="uk"></li> <li class="est"></li> <li class="rus"></li> </ul> <p>Активные объявления: 3 99…
0 votes3 answers -
плавное изменение размера изображения
помогите пожалуйста создать эффект при наведении как на этойстранице в блоке .item здесья примитивно повторил нужную часть кода, но эффект реализовать не могу. в моём случае при наведении всплывающее изображение только плавно меняет прозрачность, а нужно чтобы изменялся размер - от меньшего к большему(от изменения прозрачности можно даже отказаться) всплывающее изображение должно остаться именно такое, какое сеичас в моей версии - попугайское кольцо пробовал разобраться как организован эффект на указанном сайте, но не получается. к тому же там немного другой случай - не картинка, а border
0 votes12 answers -
Смещение background в css
И так у меня проблема. http://test123234.ucoz.ru/news заказали сверстать, не могу решить одну проблему. в правой колонке видим - фон тайтла блока (картинку), background-position: 40px; этим способом я сместил фоновую картинку за границу шаблона так сказать. перед этим увеличил длину блока .blocktitle { width: 240px; что позволило сместить. слева этот метод увы не работает, т.к. сам шаблон рисуется слева на право как бы. вобщем нужно сделать аналогичное смещение для левой колонки. просто хотябы увеличить ширину blocktitle, с расширением в левую сторону. немного ломанно сказал. прошу помощи. background-position: 40px; это лишнее вобщем) нужно только блоктайтл сместить
0 votes2 answers -
font-weight: bold или отдельный шрифт?
Всем привет. Есть два шрифта: обычный и жирный. Можно ли с помощью font-face подключить только обычный шрифт, а жирный имитировать с помощью font-weight: bold. Экономия в 200Кб получается. Чем это чревато? Искал в интернете, не нашел ответа.
0 votes7 answers -
Задать правильную структуру html
Прохожу онлайн курс от htmlacademy в одном из испытаний было задание сделать сетку по приложенному примеру. Для этого я использовал много блоков с классом .wrap структура вышла не очень привлекательной и не логичной. Можете написать лучшую html структуру (с классами) для этой задачи, где фон некоторых разделов на всю ширину экрана, а контент центрируется или подскажите статью в которой это описано.
0 votes6 answers -
Плавающие блоки - стыковка
Пытаюсь сделать блоки шириной 50%, 1\3 (т.е. 33%) и 2\3 (т.е. 67%) Соответственно блоки 50% только между собой вставляются (лефт и райт) А блоки 1\3 и 2\3 компонуются между собой (лефт и райт) Проблема в следующем: почему-то после первого "третичного" блока перестает воспринимать стили... ошибку увидеть сам не могу Исходник HTML: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" rev="st…
0 votes4 answers -
datetime в MySQL
можно сделать так, чтобы это поле само заполнялось при добавлении записи, или придётся вызывать time() ?
0 votes3 answers -
Можно ли скрыть информацию от различных групп?
Мне интересно а можно ли каким либо образом скрыть любую информацию от пользователей различных групп!? например: я хочу чтоб ссылку :<li><a href="Url" >URl</a></li> видили только пользователи или только админы
0 votes8 answers -
Вертикальная резина
Сайт резиновый по ширине - понятно, много раз видел. Но что значит сайт вертикально резиновый?? Как выглядит вертикально резиновый сайт?? Можно примеры с отличиями от вертикально нерезиновых?? Заранее Спасибо!!
0 votes7 answers -
Как сделать горизонтальное меню со звуком?
Подскажите пожалуйста, как сделать меню со звуком. Звук при наведении курсора на кнопочку. Можно ли добавить звук к уже готовому меню на CSS?
0 votes6 answers -
Можно ли сделать ссылку на Facebook для тех кто там не зарегестрирован.
Клиент просит ссылку на свою страницу в Facebook. Все прекрасно если вы уже туда залогинились. А если нет? А если вообще вас там нет? Тогда открывается страничка, которая прости вас зарегистрироваться. Можно ли это дело миновать и сделать прямую сылку? Спасибо!
0 votes5 answers -
Верстка - правильное наложение слоев
Хочу сделать так так как на картинке, но не выходит Я там вырезал прозрачную область, игрался с z-index но так и не вышло. т.е. хочу чтобы картинка слайдера немного спускалась вниз и была под кнопкой навигации для слайдера, т.е. при активной кнопке чтобы появлялся под ней текущий слайд. Вот живой пример, верстка того что есть.
0 votes14 answers -
В firefox 29.0 неправильно отображается border, где-то 1px, где-то 2px
Во всех других браузерах проблемы не наблюдаю. Именно Firefox, версия 29.0. Масштаб >=100%. При 80% - нормально, а при 100% и больше делает некоторые линии жирнее. Подскажите пожалуйста как бороться с этим багом? код: <!DOCTYPE HTML><html lang="ru"><head> <meta charset="UTF-8"> <title>JavaScript уроки</title> <style type="text/css"> table { border-collapse:collapse; } td { padding:4px; border:1px solid black; } </style></head><body><!-- <script type="text/javascript" src="operatpry_cikla.js"></script> --><table> <tr> <td> random_text </td> <td> rand…
0 votes2 answers -
ковычки такие ковычки
Есть форма, после отправки формы должно вываливаться окно всплывающее <?if (isset ($_POST['messageFF'])) { mail ("свой@yandex.ru", "заполнена контактная форма с ".$_SERVER['HTTP_REFERER'], "Имя: ".$_POST['nameFF']." \nEmail: ".$_POST['contactFF']." \nСообщение: ".$_POST['messageFF2']); echo (" <div id='parent_popup'> <div id='popup'> <p style='cursor: pointer;' onclick='document.getElementById('parent_popup').style.display='none';'>Закрыть</p> <p>Текст в окне</p> </div></div> "); $_POST['nameFF'] = $_POST['contactFF'] = $_POST['messageFF2'] = '';}?><form method="POST" id="feedback-for…
0 votes5 answers -
input text
Подскажите пожалуйста нужно чтобы ввод в поле был 1.не меньше допустим пяти 2.только на анг 3.только цифры проблема ещё в том что я не знаю как правильно пописать вопрос поэтому получается как то так это три разных поля
0 votes12 answers -
Помощь гуру CSS !
не могу понять ничего... Есть страница сайта http://roza.org.ua/sovetyi-i-rekomendatsii/ По непонятной мне причине некоторые миниатюры отображаются сверху анонса, хотя должны быть сбоку. код через firebug проверил 5 раз, он одинаковый... Буду очень рад советам или помощи, тк сам не знаю, что с этим сделать.
0 votes1 answer -
Сайт отображается хорошо, а шапку режет
Здравствуйте! Я мало разбираюсь в веб-дизайне, но вопрос отправила сюда, потому что в теме для начинающих подходящей категории не было. Проблема в следующем - на сайте тема Мистик "с резиновой шириной, но не более 1200 px". Установила шапку размером 1200 на 170. На моем ноутбуке все отлично отображается, но на смартфоне и большом широкоформатном ТВ, к кот подключен другой комп шапку режет справа. При этом сама страница четко входит по полям - прокручивать не нужно. Подскажите, пожалуйста, что мне сделать с шапкой, чтобы она нормально масштабировалась на устройствах с шириной экрана, отличной от 1200 пикселей. Повторюсь, что страницы входят по полям, все отлично…
0 votes5 answers -
Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?
.down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код: HTML <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="up"> <div class="wrap"> <div class="up__head"></div> <div class="up__foot"></div> </div> </div> <div class="down"> <div class="wrap"> <div class="footer"></div>…
0 votes5 answers -
Расположение текста на странице
Помогите, пожалуйста, у меня текст расположен просто по ширине страницы, а надо, чтобы контент занимал 70% ширины страницы и был выровнен по середине с помощью CSS. В общем надо такой вид, как на изображении, что я прикрепила.
0 votes2 answers -
"Проваливается" блок
Привет! Сразу к делу Страница (пример) http://rubasket.com/novosti/nba/94--mario-...om-sostave.html . На сайте пытаюсь реализовать скругление углов(путём наращивания блока ещё одним блоком с уголками по бокам.. Снизу под див блоком right есть блок bloko2d ,в нём- фишка скругления -блоки lb_cor2 (слева) ,c_bar2 (по центру) ,rb_cor2 (справа). так вот,весь блок bloko2d (который ниже right и содержит 3 подблока) почему-то проваливается вниз. Можете поcмотреть,почему(это в правой нижней части сайта)?
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-