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
-
padding "ломает" верстку
Здравия желаю всем форумчанам. Прошу помощи в тривиальном вопросе. Нужно сверстать три колонки 40 20 и 40 процентов по ширине. Все нормально до тех пор, пока для внутренних элементов этих блоков я не указываю padding. В результате их(внутренних элементов) реальная ширина становится больше указанной. На примере верхние текстовые поля со стандартным padding-ом, нижние - с увеличенным. Есть ли какое-нибудь решение проблемы??? Спасибо! И еще смежный вопрос: почему родительский див, содержащий несколько детей с float:left по высоте будет 0px? В данно примере div#containerMain имеет высоту 0px... И как это исправить? Всем спасибо за помощь! <!DOCTYPE html PUBLIC "-//W3C//D…
0 votes16 answers -
не могу разобраться с div
Подскажите,где я не прав - есть div(main),в котором находятся еще 2 div,и все хорошо,пока вставляешь текст во второй блок,тогда второй блок просто выезжает за границы основного блока.Вот пример: html <body> <main> <main_content></main_content> <second_content></second_content> </main> </body> css main { border: 3px solid #000000; width: 960px; min-height:600px; margin: 0px auto; display: block; } main_content{ background-color: #00FF00; width: 650px; min-height:600px; float:left; } second_content{ background-color: #8B0000; width: 300px; min-height:600px; float:right; } понимаю,что вопрос …
0 votes13 answers -
Форма обратной связи
Доброго времени суток. Очень нужна помощь, на форуме ответа не нашла, простите. Но буду пизнательно если хотябы укажите где читать. Задача такая: Добавить форму обратной связи + возможнсть выбора адресата(и высылать на соответствующие адрес электронной почты) Сайт написан на HTML, соответственно вопросы: Реально ли это сделать? И если да, то как?) Уточню, как сделать форму я нашла, а как возможность выбора адреса сделать?
0 votes2 answers -
При удалении текста, блок смещается
Добрый день! Подскажите пожалуйста в чем дело. Вот ссылка на блок с текстом http://s43.radikal.ru/i099/1109/8e/4bb66c3a0cd5.png тут все нормально Блок без текста http://s002.radikal.ru/i200/1109/9a/335fd5832508.jpg а здесь если текст убрать весь блок смещается в левый угол Вот коды http://jsfiddle.net/MJ2Ac/ не пойму что не так.
0 votes2 answers -
Неправильное отображение в браузерах.
Добрый день! У меня есть 3 проблемы вот по этому сайту - vipdoma.kiev.ua 1 по Хрому, и 2 по IE. 1. Во всех браузерах идет абсолютно нормальное отображение бэкграунда, кроме Google Chrome. Пытался понять в чем проблема так и не смог. Все фоны у меня прописаны в .css файле, ниже идет выдержка из него: body { font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing:-0.04em; color: #666; font-size:67%; line-height: 1.538em; background: #afb1b4 url("../../images/bg_body.gif") repeat; } 2. Когда открываю сайт IE любой версии, в левом нижнем углу флажек о том, что на странице ошибка, что он…
0 votes4 answers -
Админка для сайта
Если ли такие? Не CMS ли это? Если ли способность в админке добавления статей( к примеру у меня новостной портал, нужно обновлять каждый день), назначить пару человек в качестве модераторов(обновление новостей, изменение текста на сайте)
0 votes8 answers -
путь к css и js
Есть основная папка(new8) с сайтом? в ней расположены папки: css, js, images, section и сам сайт index.html Есть такой путь: section/creature/n1/index1.html Я никак не могу для файла index1.html прописать путь к css и js Пробовал ../css/style.css но не получается. Возможно на хостинге этот путь верный?
0 votes4 answers -
Правый блок заезжает на футер
Добрый день. При перевёрстке сайта с таблиц на блоки появилась проблема -- правая колонка начала упрямо залезать на футер. Padding в футере почему-то даёт отступ от основного контента (аналогично контент от футера), а "правый" div, находящийся между ними, игнорирует. Пробовал справиться с помощью float, clear: both -- увы, не помогает. Нужно чтобы подвал в любом случае находился ниже основного содержания и правого блока. Фрагмент CSS-кода: #content { margin-right: 231px; padding: 10px; border-right: 1px dashed #183533; } #content p { margin-top: 0.3em; } #rightcol { position: absolute; right: 0; top: 131px; width: 220px; font-size:…
0 votes2 answers -
Как называется..
Здравствуйте ребята. Подскажите, как называется такой вид рекламы когда на странице нет никаких рекламных объявлений а только случайно может открыться еще одна вкладка при нажатии пользователя на какой-либо участок сайта. Спасибо за внимание.
0 votes7 answers -
Слайдшоу как картинка
Здраствуйте! Есть такая проблемка! Большой блок-ссылка и в нём маленький блок со ссылками. Как сделать так, чтобы эти ссылки из маленького блока были над блоком-ссылкой родительского? (2два блока позиция апсолют) Спасибо! С уважением Андрей!
0 votes1 answer -
Отступ от низа экрана. Помогите найти.
Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...
0 votes4 answers -
Изображения
Добрый день. Сделал фон и дизаин блоков и разрезал все на кусочки. Нужно разместить фон по бокам основного блока. Как сделать чтобы изображение не повторялось и фиксировалось в нужном мне месте? background-repeat и его значения не помогают, background-position тоже самое.
0 votes8 answers -
НЕ ВИДНО ШРИФТ
Суть проблемы заключается в том что не видно руский шрифт, только английский Вот сам код менюшки <ul class="sf-menu"> <li class="active"><a href="#">PC</a> <ul> <li><a href="#">Топ игры</a> <ul> <li><a href="#">Последние 6 мес</a></li> <li><a href="#">Последние 12 мес</a></li> <li><a href="#">Этот год</a><…
0 votes15 answers -
dl dd в опере
На страничке http://vm3378.vps.agava.net/catalog/colorr.php?SECTION_ID=8259 во всех браузерах кроме оперы, маленькие картинки (справа от большой картинки нормально показываются) Я сам не верстак, не знаю всех тонкостей. Может кто подскажет как сделать чтобы и для оперы они отображались так же как и во всех других браузерах? А именно справа от картинки.
0 votes2 answers -
3 элемента в ряд width:33%; float:left;
<div style="width:33%; float:left;"> <a id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg"><img src="/upload/iblock/d32/d3274baea244fb82b4a2b858ece608d8.jpg" width="230px"></a><br> <div align="center"><a style="color: #b1593c; width: 125px; vertical-align: top; display: inline-block; padding: 0 0 3px 4px; position: relative; font: normal 14px/110% trebuchet ms, helvetica cy, sans-serif;" id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg">Jercy Cremini, Albert Bronze</a></div> </div> Первые три ряда идут 3 элемента в строку, потом один, а потом через два ряда еще один …
0 votes3 answers -
Библиотека и FLash
Доброго времени суток, у меня такая проблема Есть таблица, которая находится в библиотеке <!-- #BeginLibraryItem "ссылка где находится библиотека" --> <!-- #EndLibraryItem --> В ячейках присутствую flash объекты <object> <embed src="ссылка?normal=ссылка&pressed=ссылка&hover=ссылка&clipboard=9605902" width="100" height="15" /> </embed> </object> Если таблица будет не в библиотека, то flash Объекты работают. Если таблица будет в библиотеке, то то flash Объекты не работают. Помогите разобраться, чтобы в библиотеке все объекты работали.
0 votes5 answers -
Проблема со шрифтами
При одинаковых значениях у меня почему-то получаются разные шрифты в браузерах, разница особенно с эксплорером. Вот, допустим в IE: А вот, в лисичке: В ИЕ у меня текст более сглаженный(приятный на вид)и немного жирнее всегда выглядит, а в других какой-то пиксельный. Попробовала !important(не знаю уместно было или нет), не помогло. Как бы мне их к одному виду привести? Спасибо!
0 votes7 answers -
Подгрузка *.swf в Safari = белый прямоугольник
Подгружаю *.swf-ролик (никакого активного содержимого только короткое видео, типа Intro), для всех браузеров справился а с Safari не получается. Суть проблемы: пока сафари грузит ролик, на его месте остаётся белый прямоугольник по размерам swf-a для IE решился вопрос через библиотеку swfobject для всех остальных браузеров (кроме сафари) стандартным указанием <param name="wmode" value="transparent"> и только сафари не могу никак победить ... Вот проблемная страница: _http://alfabet.ru/test/ Вот значимый код : <!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.…
0 votes2 answers -
Скачущий блок
Начал верстать свой первый макет. Проблема в том что, текст "News and announcements" в ie8 и сhrome отображается одинаково, а в ff текст приподнимается где-то на 5-10px вверх, и еще как можно сделать чтобы текст переносился одинаково во всех браузерах, а то опять же в cи сhrome текст переносится одинаково, а в ff уже немного по другому. ff ie8 сhrome
0 votes3 answers -
Border как фон текста
Нужны свежие мысли) Необходимо вот так оформить текст: То есть слева и справа от текста идет border, между чертой и текстом есть отступ, черта должна занимать все свободное пространство. Под текстом абстрактный фон с градиентом, поэтому вариант "задать основному блоку фон с линиями, а поверх положить текст с таким же фоном но без линий" не канает. Может у кого-то уже такое попадалось? P.S. HTML нет, так как на данном этапе сверстать можно как угодно.
0 votes5 answers -
Таблица - ячейка
Есть <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td><?substr('$GLOBAL_AHEADER$',18,-38)?></td></tr> <tr> <td><?substr('$GLOBAL_CLEFTER$',18,-38)?></td> <td>$CONTENT$</td> <td><?substr('$GLOBAL_DRIGHTER$',19,-39)?></td> </tr> <tr> <td><?substr('$GLOBAL_BFOOTER$',18,-37)?></td> </tr> </table> Как сделать отображение первого <td> в полную таблицу как будто тут три <td><td><td>
0 votes3 answers -
Div вылазит за границы
Привет. заранее Извеняюсь за ламерский вопрос ))) есть некий div класса column он вылазит за пределы родительского. Тоесть в column динамически скрипт добавляет содержимое и тот вырастает больше контейнера и спокойно вылазит за его пределы. Надо чтобы контейнер рос вместе с column. контейнер сейчас обычный Div без класса. вот css column. cursor: auto; display: block; float: left; height: 347px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; margin-top: 0px; min-height: 250px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 404px;
0 votes5 answers -
Как убрать отступ правого блока?
Как убрать отступ правого блока? скрин в ссылке Моя ссылка <div id="all"> <div id="shapka" href=""> <div id="logo"></div> <h1>ШАПКА</h1> </div> <div id="mybox"><!-- Контейнер для 3х блоков --> <div id="nav"></div> <div id="text"> НАПОЛНЕНИЕ </div> <div id="rek"></div> </div>
0 votes13 answers -
Target="_blank"
Во всех браузерах Target="_blank" открывается на новой вкладке, а у IE в новом окне, можно его как-нибудь уговорить открываться тоже в новой вкладке?
0 votes8 answers -
Поиск на сайте и проблема с aside
Я хочу поставить поиск на сайт. Предположительно он будет находится справа, под лентой новостей. В самом низу шапки. Как бы лучше его туда поставить чтобы лучше смотрелся? Можете что-нибудь посоветовать? Да и ещё вопрос, у меня на странице при уменьшении экрана правый блок с менюшкой наезжает на контент, как лучше сделать чтобы он не наезжал на контент (просто совет)? а забыл сайт: _sdcvoy.ru
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-