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
-
Блок под блоком
уже часов 6 сижу и немогу допреть как сделать так чтобы блок под логотипом выводился не под ним, а справа от него.. подскажите пожалуйста.. пробовал float:left для обоих блоков... вроде начал выводить но только текст второго блока смещался всеравно под логотип. main.tpl - <a class="webmacter" href="/index.php" title="*********.ru"><img src="{THEME}/images/webmacter.png" alt="********.ru" /></a> <!--ТАБЫ--> <div class="tabsContent"> <!–- tabs -–> <ul class="tabNavigation"> <li><a href="#zero">Приветствие</a></li> <li><a href="#first">Погода</a></li> <li&g…
0 votes11 answers -
Float
Подскажите пожалуйста почему так вот два блока один плавающий 2ой нет ,2ой находится под ним.Почему он его не обтекает с левой стороны а ноходится под ним и у него пропадает фон?? [ code ]http://savepic.su/638264.jpg[ /code ] .blok1 { width:200px; height:150px; background:orange; border:1px solid; float:left; } .blok2 { width:200px; height:150px; background:yellow; border:1px solid; } <div class="blok1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="blok2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam …
0 votes11 answers -
Резиновый список товаров
Здравствуйте. Попробую описать внятно суть моей проблемы: Есть таблица, ширина которой зависит от ширины окна браузера. Например, она равна 60% от ширины окна. Есть некоторая минимальная ширина одной ячейки таблицы. Допустим, что 200px. Мне нужно, чтобы было так: Когда ширина таблицы 900px - отображаются 4 ячейки по 225px, когда 801px - четыре по 200px, а когда ширина таблицы становится 799px - должны отображаться 3 ячейки по 266px. Ну, и так далее. Реализацию видел на ozon.ru - там собственно список товаров так работает. Но принцип не пойму. И так пытался, и эдак - не выходит. Помогите пожалуйста.
0 votes11 answers -
Как правильно поставить тег leech
У меня кнопка сделана: <div class="button1" align="center"><a href="http://domen.ru/">Текст кнопки</a></div> Подскажите как правильно поставить тег leech, что бы скрыть ссылку. спасибо
0 votes11 answers -
Разорвать бордер...
Есть такая проблема: Хэдер выделен нижним бордером, а бэкграунд с картинкой ложится под него. Хочется разорвать бордер в месте пересечения с картинкой... clip не поможет - блок в нормальном потоке и позиционировать его низя. был вариант поверх бордера налепить кусок скопированый с бэкграунда... Но вёрстка полу-резиновая (1024-1280), проценты точно не обсчитаешь - боюсь будет разъезжаться... Какие нибудь варианты есть?
0 votes11 answers -
<div> шире окна браузера без появления скроллера.
Доброе время суток! Есть такая конструкция: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Content-language" content="ru" /> <style type="text/css"> .pole_1 { width: 200px; height: 100px; float: left; background: #974C97; } .pole_2 { width: 200px; height: 100px; float: left; background: #3E5896; } #container { width: 800px; margin: auto; } #slider { width: 1600px; margin-left:…
0 votes11 answers -
Вопросы по Html+Php
Привет Всем !У меня такой вопрос : я начал учить html по курсу Попова .И там у меня загвоздка я не могу в Денвере зделать следующее у него там есть урок в котором он перекидывает все файлы которые он сделал на сервер и после этого он нажимает на кнопку отправить и оброботчик ему выдает данные которые он ввел а у меня при нажатии на кнопку получается что он выдает окно и пишет сохранить ,или нет Как зделать так чтобы обработчик выдавал то что я ему ввел на экран?
0 votes11 answers -
auto для height и width
Как обсчитывается?
0 votes11 answers -
Background-image к низу сайта
Хочу сделать бекграунд сайта таким: к низу прикреплено изображение а все что выше него - текстура неба. Но фоновое изображение категорически не хочет сползать вниз. Вот код: body { background-color: #000000; /*цвет фона*/ background-image: url(/img/23.jpg); /*подключаем изображения*/ background-position: left bottom; /*позиция изображения, по центре екрана, прижатый к вверх*/ background-repeat: no-repeat; /*не повторять изображение ни по одной оси*/ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
0 votes11 answers -
Список li в несколько колонок
Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…
0 votes11 answers -
Разметка в фотошопе / автофайл HTML
Прочитал глазами новичка статью http://2people.ru/?p=23 У автора маловероятно спросить, написанному более 3х лет. Поэтому спрашиваю опытных верстальщиков: Зачем нарезать PDS файл инструменом Slice? Кстати, Влад Мержевич описывает такой подход тоже. Если PDS файл содержит слои, созданные дизайнером то, мне кажется, вместо порезки правильнее сохранить нужные изображения слоями как отдельные картинки. При таком подходе, вероятно, не сработает автогенерация HTML файла Фотошопом. Но автофайл представляет собой табличный вариант вёрстки, который менее предпочтителен по многим причинам, если я правильно понимаю материалы выложенные Владом Мержевич. Использовал ли кто нибудь авт…
0 votes11 answers -
Насчёт иероглифов на сайте.
Приветствую всех! Бегал по форуме, находил темы насчёт Иероглифов, но так и не нашёл чёткого ответа. http://beloved-mc.hut4.ru/ вот сайт, те кто заходит с оперы и мазины, всё время пишет ерунду "Р?РіСЂРѕРєРё, фанаты Minecraft. Рады вам сообщить, что открылся новый сервер РїРѕРґ названием " что то типа того, я вставлял вот такие мета теги: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Type" content="text/html; charset=koi8-r" /> <meta name="keywords" content="text/html;charset=utf-8"> /> Толку от них нет . Помогите пожалуйста!
0 votes11 answers -
При установке галки на ckeckbox переход по ссылке.
Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.
0 votes11 answers -
Как сделать ссылки относительно корня сайта?
Как сделать ссылки относительно корня сайта? Чтобы, например, ссылка с внутренней страницы на главную была вида href="/" ну и так далее, а то с относительными ссылками замучился.
0 votes11 answers -
новостной блок аки на тут.бае...
Какими способами можно реализовать такое же отображение новостного блока как на tut.by?
0 votes11 answers -
в dive таблица
Добрый день. Помогите плиз. Есть страничка где 2 div слева потом посередине div и справа div. Вставляю текст в центральный div, а потом после текста сразу таблица идет. А она уезжает вниз. Что делать не знаю. Ваши варианты:
0 votes11 answers -
Фон на форму
Добрый день! У меня вопрос, как сделать фоновое изображение на форму обратной связи.
0 votes11 answers -
Подключаемые шрифты в Win 7
Привет! Проблема такова. Я подключаю шрифты следующим образом @font-face { font-family: 'HeliosC'; src: url('../font/HeliosC.otf'); font-family: 'HeliosCBold'; src: url('../font/HeliosC-Bold.otf'); } @font-face { font-family: 'HeliosThin'; src: url('../font/HeliosCondThinC.otf'); } Кроме браузеров в Win 7 везде подключаются..как так??
0 votes11 answers -
Rewrite в .htaccess при наличии QUERY_STRING
update: Ответ я нашёл, но родился другой вопрос (в следующем сообщении) Поиск не помог мне ответить на этот вопрос, так что обращаюсь к вам. Есть сайт собранный с применением SSI, может он и не лучшим образом собран, но работал. И тут я озаботился редиректом с www.digga на просто digga В .htaccess добавил RewriteEngine On RewriteCond %{HTTP_HOST} ^www.digga\.ru$ [NC] RewriteRule ^(.*)$ http://digga.ru/$1 [R=301,L] Он работает в 90% работает. 10% выпало на ссылки с QUERY_STRING Имя файла вставляемого в шаблон Silnoe Koldunstvo.bg.shtml В шаблоне следующий код: <!--#if expr="$QUERY_STRING" --> <!--#include virtual="$QUERY_STRING.bg.shtml" --> <!--…
0 votes11 answers -
Проклятый height: 100%
Столкнулся с такой проблемой как блоки внутри таблицы. Как сделать блок #second высотой в 100% от родителя? http://jsfiddle.net/rDfgW/
0 votes11 answers -
Как должен работать font-weight
Здравствуйте. font-weight работает почему-то только в двух режимах: обычный (от 100 до 600) и жирный (от 600). По идее шрифт ведь должен и при других значениях? Пробовал в опере, хроме, фаерфоксе на разных шрифтах. И еще не по теме. Что такое с кодировкой?
0 votes11 answers -
учу сь верстать
Здравствуйте, <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <style> BODY { } #pic {height:500px; width:500px; background:#000 url(pic2.png) no-repeat; position: absolute; /* Абсолютное позиционирование */ bottom: 15px; /* Положение от нижнего края */ right: 15px; /* Положение от правого края */ } </style> </head> <body> <div id ="pic"> </div> </body> </html> мне нужно, чтобы половина стебелька была черной http://olga153b.freetzi.com/ola/index.html Некоторые тексты из макета перенеслись нормально, а остальные не переносятся, чт…
0 votes11 answers -
Выравнивание прокрутки текста по вертикали
Здравствуйте. В который раз не могу выставить в нужное место блок div, блок прокрутки текста div id="target". Он должен стоять корректно под заголовком, но уходит по вертикали, вниз, вытесняя вниз код перехода страницы и нижний колонтитул рисунка. Пробовал через CSS, не получается. Как все таки вставить текст с прокруткой под заголовок? http://savepic.su/1317510.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" />…
0 votes11 answers -
Как сделать валидную кнопку-ссылку
Добрый день, вот код: <div style="width: 100px; height: 100px; background-color: blue;"> <p style="border: 1px solid; height: 100px;"> <a href="#" style="display: block;">Кнопка</a> </p> </div> Хочу сделать кнопку,чтобы при наведении на любую ее часть она определялась как ссылка, пока получается, что ссылка только текст. Что не так? И как вообще лучше сделать посоветуйте.
0 votes11 answers -
Невидимый пробел
Добрый день форумчане, вот сижу уже час и не могу понять...вот код: <div class="system-message-error"> {if $bLoginError} <li>{$aLang.user_login_bad}</li> {/if} </div> .system-message-error{position:absolute;width:460px;margin-left:-230px;top:18px;left:50%;border:1px solid rgba(190,40,40,0.4);background:rgba(145,0,0,0.2) url(../images/box_warning.png) 0 0 no-repeat;color:#d67f76;} .system-message-error li{display:block;margin:10px 0 10px 70px;} вобщем отображатся пиксельная полоска, FireBug показывает пробел в диве, но его там нету Может чего не доглядел? Заранее спасибо!
0 votes11 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-