HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Помогите с выравнивание изображения под любое разрешение.
Привет всем. У меня возникла проблема и я не могу е? решить,надеюсь вы сможите мне помоч. Я плохо разбираюсь в хтмл поэтому и попросил помощи. Что мне нужно,привратить это: Вот код этого: <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" height="204" width="100%"> <tr><td align="left" width="357"><img src="http://src.ucoz.ru/t/601/1.jpg" border="0"></td><td style="background:url('http://src.ucoz.ru/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Главная"><img src="http://src.ucoz.ru/t/601/3.gif" border="0" alt="Главная"></a><img src="http://src.ucoz.ru/t/601/4.gif" width="10" …
0 votes15 answers -
как сделать невидимую кнопку
Господа, собственно говоря суть проблемы изложена в названии темы. У меня есть допустим кнопка Мне очень нужно сделать ее невидимой на страничке. Как это можно сделать?
0 votes2 answers -
Центирование слоя
Требуется установить слой по центру страницы с текстовым контентом. У слоя следующие данные: position:absolute; width:65%; height:831px; z-index:11; left: 174px; top: 222px; Как лучше всего это сделать?
0 votes13 answers -
BUTTON - backgroud, фоновое изображени
Привет! Я тут первый раз. Не знал где это спроить, поэтому спрашиваю здесь Народ, вот у меня такой вопрос: наверное все знают что такое кнопки. Я про те кнопки, которая например находится на http://yandex.ru На этой кнопке написан ТЕКСТ "Искать" Чтобы забабахать себе такую же кнопочку с каким-либо текстом, надо прописать вот что: С этим я разобрался. А вот скажите плиз, как сделать так, чтобы заместо ТЕКСТА на кнопке была какая-нибудь КАРТИНКА? Мне именно не код для картинки нужен типа как а код, который поместит КАРТИНКУ на кнопку. Заранее спасибо
0 votes3 answers -
Растянуть по высоте на всю страницу
Кто то подскажет как сделать что бы при растяжке среднего блока по высоте на 100% IE не прибовлял высоту первого блока . Из за этого нижняя часть вылезает за перделы экрана, и появляется полоса прокрутки ((( Знаю только вариант с хаком в css но он не коректен с ИЕ7 - http://forum.oszone.net/post-612994.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=iso-8859-1" /> <title>Untitled Document</title> <style> body,html{h…
0 votes3 answers -
frD-Горизонтальная полоса прокрутки: почему появляется?
Есть макет сайта, фиксированная табличная верстка ширина 1000 пикселей, при разрешении 1024 на 768 появляется горизонтальная полоса прокрутки, хотя сам каркас визуально вмещается в экран и вроде ничего не выползает(видны маленькие белые полосы по бокам). Даже скрин сайта тоже ровно 1000 точек. На больших разрешениях все нормально. Что это может быть?
0 votes4 answers -
Выпадающее меню и инпуты
Здравствуйте, на сайте есть выпадающее меню, и ниже, идут инпуты, однако, слой с меню всегда оказывается ниже слоя с инпутом, z-index менял, не помогает. Есть какой-нибудь способ обойти это?
0 votes16 answers -
frD-Как отодвигать бокс
Доброго времени суток. Вот простенький сайт http://nwmost.ru/csstest/nd/index.html Вроде бы все нормально, но если кликнуть на "Прайс-лист", то видим, что если контент выходит за рамки, то получается белиберда. Подскажите: как сделать, чтобы нижняя полска отодвигалась под контент.
0 votes15 answers -
FORM - в таблице появляется отступ
Когда вставил в ячейку таблицу, это элемент формы: <td height="35" class="header7"> <form> <select> <option selected>Выберите для перехода</option> <option>Меню 1</option> <option>Меню 2</option> <option>Меню 3</option> </select> </form> </td> вот cllass - header7, который заливает ячейку фоновым рисунком: td.header7 { background: url(images/img_header11.jpg); text-align: left; } все съехало Подскажите как сделать обтекание этого элемента формы и выравнить по центру и по левому краю ячейки таблицы, и как оформить элементы формы select (цвет границы, цвет стрелки на бегунке)?
0 votes7 answers -
Как оформить элементы SELECT на css
Собственно есть выпадающий список, как можно формить его границы, бигунок и другое?
0 votes4 answers -
Невероятная проблема с png
При реализации очередного проекта я столкнулся с невероятной трудностью в настройке отображения прозрачности png для IE<7. Дело в том, что я постоянно пользовался трюком с созданием .htc-файла, этого было достаточно. Но текущая задача заставила меня убрать тег img и вставить .png-файл в background. И тут начались невероятные трудности... Задача: сделать скругленные края у картинки. Решение: Поместить картинку в background , внутри которого будут лежать еще 4 с полупрозрачными .png-уголкамиРеализация: Ограничения, накладываемые задачей: размеры всех div должны быть одинаковы Думаю, идея ясна. Теперь проблема: в IE<7 как известно прозрачность зад…
0 votes12 answers -
img - размер изображения
Большая просьба! Не могу найти код для такого случая: У меня картинка отображается во фрейме и выходит за рамки него, появляются полосы прокрутки. Можно ли сделать так, чтоб картинка сама подгонялась под фрейм, при этом не хочется изменять размер ни картинки, ни фрейма... Подскажите как это сделать. Заранее благодарен.=)
0 votes5 answers -
hr в Опере
Народ, подскажите пожалуйста, как сделать,чтобы линии в опере отображались как эксплорере или мозиле (то бишь показывался цвет и размер), а то она не реагирует на эти параметры.
0 votes2 answers -
TABLE - высота 100%
Есть таблица, но она не растягивается на весь экран Подскажите, плз, что не так. {...отредактировано kiD}
0 votes11 answers -
Текстовое поле раскрытое на несколько записей
Как сделать текствое поле или выпадающий список (лучше выпадающий список), чтобы оно было раскрыто на несколько записей, в выпадающем списке выбирается один из элементов, но как его раскрыть на несколько пунктов и каждый элемент выбирался отдельно? Типа этого: Подскажите код, плиз
0 votes8 answers -
Проблема с "display: block" при разметке в XHTML
Привет всем! Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #menu { font-size: 13px; } #menu a { display: block; float: left; height: 32px; border: 1 solid gray; padding: 0 10 0 10; line-height: 32px; background-color: lightgray; } #menu a:link, #menu a:visited, #menu a:hover { color: black; text-decoration: none; } </style> </head> <body> <div id="menu"> <a href="item1.html">Item_1</a>…
0 votes12 answers -
frD-Изменение блока меню при наведении на ссылку
Как реализовать на css, такое: есть меню, сверстано таблично, один стобец и строки, нужно что при наведение на ссылку менялся цвет всего блока ячейки или заливался фоном картинки?
0 votes13 answers -
Наложить картинку на фон
Помогите пожалуйста! Надо наложить изображение на фон сайта, чтобы не было белых пятен по краям изображения. Вот страница - www.megamat.ru/in.html - надо исправить картинки "Заказать работы" и "найти книги"
0 votes4 answers -
Форматированный текст.
Есть форматированный текст Необходимо вывести его на сайт. Пытаюсь делать это через Но если встречаются очень длинные предложения или абзацы все выводиться в одну строку, появляется горизонтальная полоса прокрутки. Как этого избежать?
0 votes2 answers -
Мигающий текст
Подскажите, пожалуйста, как можно сделать эффект мигающего текста
0 votes2 answers -
Как указать класс для списка?
Как указать класс для маркированного списка, задающегося тегами и [*], чтобы стиль CSS применялся только для данного списка, а не для всех ссылок на странице, у которых есть теги и [*]
0 votes2 answers -
frD-Картинки в таблице
Здравствуйте! Искал по форуму ненашел решения этой проблемы, можно ли одну ячейку в таблице замостить повторяющимся изображением по вертикали и если это возможно как это сделать? Заранее благодарен.
0 votes2 answers -
Прокрутка в таблицах
Здравствуйте! Подскажите пожалуйста, можно ли сделать полосу прокрутки в ячейке таблицы. Если да, то как. Заранее спасибо.
0 votes5 answers -
Как определить стиль для конкретного браузера?
только с помощью css..
0 votes4 answers -
frD-не могу притянуть слои, помогите.
сделал каркас /коменты убрал./ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title here</title> <link rel="stylesheet" href="shablon.css" type="text/css"> </head> <body> <div id="container"> <div id="header">header <div id="baner" align="center">baner</div> </div> <div id="vrezka"> <div id="polosa">poloska</div> <div id="men-css"> <div id="container">vertical menu css</div> </div> </div> <div id="wrapper"> <div id="content">Lorem ipsum dolor sit amet, consect…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-