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
-
Внешний блок с Float тянется на всю ширину, ИЕ6,7
Есть такой урл http://kirtour.undersite.ru/, там есть менюха верхняя со странами ЯПОНИЯ, АВСТРАЛИЯ и т.д. Есть внешний блок .whole_div в котором находятся 3 дива, два из них отфлоачены по бокам (.left_div и .right_div), а третий тянущийся посерединке (.center_div), сам внешний блок тоже отфлоачен слева, в 6 и 7 версиях ИЕ, почему то как бы не работают, при флоатах же обычно если не указавать ширину то блок тянется по контенту, а тут .whole_div ведет себя словно флоата то у него нет ) хм, впервые на такое наткнулся, кто нить знает?
0 votes27 answers -
CSS галерея
CSS #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:320px; height:425px; border:1px solid #888; background:#fff url(windows/win_back.gif); } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:320px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:320px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } XHTML <ul id="gallery"> <li><a href="#nogo"> <img src="windows/win7.jpg" alt="#1" title="#1" /></a>&l…
0 votes7 answers -
Основы создания сайта и его работы
1. HTML ? язык разметки страницы 2. CSS - неотъемлемый параметр при создании веб- страницы(сайта), одно из главных условий! В простонародье работа со стилями твоей странички (сайта) 3. JS ? то, что активное, с чем ты работаешь (кнопки, менюхи и т.д.) Работает с базами данных, но гораздо сложнее, чем использование php! не так ли? 4. PHP ? исполняемые файлы на сервере. (например, apache) Прогу можно поставить как виртуальный сервер и проверить без выхода в инет! Или не так? Ставил, но что-то не выходит! Помогите, пожалуйста с данной проблемой!?
0 votes13 answers -
Хром и Опера не видит шрифт.
Привет! Нужна помощь. Начал верстать сайт , скачал шрифт который выбрал дизайнер. font:36px/36px "Yanone Kaffeesatz",Arial,sans-serif;. Скаченый шрифт не видит хром и опера. Причем фаерфокс и ие видят его. В чем мб проблема? Кэш обновлял, истоиию удалял не помогло.
0 votes4 answers -
IE — говно
<!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' lang='ru' xml:lang='ru'> <head> <style type="text/css"> ul li, ul li img { display: block; margin: 0; padding: 0; line-height: 0; height: 22px; width: 120px; } ul { margin: 0; padding: 0; list-style: none; } ul li { background: green; } </style> </head> <html> <div> <ul> <li><img src="" alt="234234"></li> <li><img src="" alt="234234"></li> <li><img src="" alt="234234"></li> …
0 votes19 answers -
Ширина viewport в iOS при смене ориентации экрана
В браузере под iOS, одинаковая ширина вьюпорта при портретной и ландшафтной ориентации. Из-за этого в ландшафтной ориентации страница просто увеличивается и выглядит плохо. Как сделать чтобы вьюпорт изменялся?
0 votes6 answers -
три колоники (боковые колонки тянутся по ширене, средняя фиксированна)
Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px). Примерно так: |<—100%—>|<—200px—>|<—100%—>|
0 votes7 answers -
Обрезка фона блока при уменьшении размера экрана
Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?
0 votes3 answers -
Из горизонтального в вертикальное меню!
Помогите. На неком сайте имеется прекрасный образец горизонтального меню. Мне нужно, чтобы оно было вертикальным! Как сделать - ума не приложу! ВОТ ПРИМЕР ЭТОГО МЕНЮ: http://www.shtogrin.com/design/menu/horizo...ts/example.html Вот сайт: http://www.shtogrin.com/design/menu/horizontal_lists/ Вот сам код: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <script language="javascript" src="example.js" type="text/javascript"></script> <title></title> <…
0 votes9 answers -
Проблема с свободным пространством при использовании Z-index
Всем доброго дня. Начал верстать себе страничку, пришлось воспользоваться z-index'ом. Пример как работать с ним, посмотрел тут Вот что получилось Все классно только вот после использования z-index, начало с низу появляться свободное пространство, от которого не могу избавиться. Интуиция подсказывает что сама описанная технология работы с z-index через "-top" не совсем корректна. Подскажите пожалуйста как можно избавиться от свободного пространства или сверстать иначе. Заранее благодарен.
0 votes25 answers -
Подскажите. как через стили наложить текст ссылку на картинку
Хочется чтоб выглядело примерно так же: http://www.24open.ru/index.php ссылки на главную, блог, самые самые, вап версия и стань популярным. Я поглядел. это сделано через див, но не могу понять как именно. Если кто то сможет кусок кода в пример привести, будет отлично. Если это уже обсуждалось, ткните носом. Заранее спасибо.
0 votes4 answers -
Бекграунд дива в зависимости от высоты и без скриптов
Есть див с бекграундом, заданным с помощью стилей (см. скриншот) высота которого (дива) изменяется при изменении размеров окна (разрешения монитора). Нужно сделать так, чтобы все было красиво Я сделал это с помощью скриптов: поставил обработчик события onload, onresize и меняю класс дива в зависимости от его высоты (двох картинок хватает). Вариант, в принципе нормальный, но хотелось бы сделать без скриптов. Без скриптов придумался такой вариант: 1. в див кладем еще один див, в которого бекграунд - небольшой прямоугольник цвета такого же как и цвет нашего дива и расположен в нижнем левом углу 2. позиционируем бекграунд по точным координатам, вместо left center теперь пр…
0 votes10 answers -
Горизонтальные полосы прокрутки
Доброго вечера уважаемые! Помогите пожалуйста, не знаю уже что и делать, делала сайт на большом экране, а когда повесила в инет появились внизу полосы прокрутки, причём у кого мониторы меньшего разрешения смотреть сайт очень не удобно, сегодня целый день билась, картинки уменьшала, думала поможет, но нет, не помогло, не знаю что делать! Помогите плиззз, кто чем может! Вот ссылка: http://www.flmebel.ru
0 votes12 answers -
Растянуть блок по ширине содержимого без span
Есть следующий код: <div style="width:300px"> бла бла бла <code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code> бла бла </div> Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code. Посоветуйте, как избавиться от семантически лишнего span.
0 votes7 answers -
Как сделать всю карточку товаров целиком ссылкой
Решение, скорее всего, очень простое. У меня есть карточка товара. Название товара и изображение я могу сделать ссылками. Но вот как сделать ссылкой всю карточку - не знаю. Ведь блочные элементы и другие ссылки нельзя вкладывать внутрь ссылки. Есть ли идеи, как это сделать?
0 votes5 answers -
Позиционирование элементов внутри ячейки
Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр
0 votes7 answers -
как прописать кодировку в стилях
здравствуйте. Возник такой вопрос , можно ли указать кодировку непосредственно в стилях. Вот так: <div style=" тут указывается кодировка текста " > тут сам текст </div> Столь экзотический метод нужен для переделки шаблона ос коммерс, который у меня не распознает в некоторых местах кодировку . заранее спасибо))
0 votes11 answers -
BACKGROUND - наложение
привет всем !!! люди подскажите как наложить один бакграунд поверх другого ?
0 votes7 answers -
задержка выпадающего меню
Помогите реализовать задержку выпадающего меню, скрипт на уровне копи паст, пытался реализовать через transition:delay, но почему то не работает!
0 votes14 answers -
Css Style
uc5:ToolBar1 ID="ToolBar1" runat="server" /> uc5:ToolBar1 ID="ToolBar2" runat="server" /> ToolBar содержит: asp HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://***.ru">Forum</asp></td> asp HyperLink ID="HyperLink2" runat="server" NavigateUrl="http://****.ru">Box</asp></td> тд тп.. вот нам надо чтоб в ToolBar1 Hyperlink1 был например зел?ный а в ToolBar2 Hyperlink1 был например красный как это описать в CSS файле??
0 votes23 answers -
про безопасность
в опщем дело в следущем, у меня есть сайт, написанный на Flash. он вставляется на html следущим образом: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="920" height="700" id="index" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="index.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <embed src="index.swf" quality="high" bgcolor="#000000" width="920" height="700" name="index" align="middle" allowScriptAccess="sameDomain" type="applicati…
0 votes22 answers -
Как опустить меню и выровнить контент?
Добрый вечер! Как вы поняли у меня два вопроса, но прежде чем их задать, взгляните, как должен выглядеть макет (Макет). Что у меня получилось (ДЫК) Вопросы: Как опустить меню вниз? Как сделать высоту контента по высоте экрана, так, чтобы он не зависел от введённого текста? Ставил width: 100% страница вниз улетала. Поправка! Но если текста больше, чем высота страницы, то контент уже зависит от ведённого текста.Спасибо. <html><head><title>Hello</title><meta http-equiv="Content-type" content="text/html; charset=utf-8"><link rel="stylesheet" type="text/css" href="/css/style.css" /></head><body><div id="head"><nav clas…
0 votes2 answers -
переопределение стилей, подключение html файла
Собственно возник вопрос можно ли переопределить стили подключив не просто css а простой документ Html со стилями... собсвенно что то работает что то нет... кто сталкивался или если где почитать. докумет со стилями для P и для заголвка H1.ex <html > <head> <title>Размещение описания стиля в заголовке документа</title> <style type="text/css"> p {color:darkerd; font-size:9px; text-align:right; } H1.ex { font-weight:normal; font-style:italic; font-size:10px; } </style> </head> <body> <h1 class="ex"> Заголовок первого уровня</h1> <p> Пример описания стиля для стандартного элемента HTML - разметки </p>…
0 votes8 answers -
Навигация списками - картинка плюс заголовок
Никак не могу справиться с небольшой задачкой. Хотел сделать на CSS, не получилось. Бросил, перешел на табличную верстку. Но в ее рамках не удается отработать одну фишку, и решил снова вернуться к CSS. Теперь подробнее. Есть блок, отображающий список статей. Заголовки статей, оформленные в виде ссылок, и слева маленькие квадратные картинки-превьюшки, иллюстрирующие статью. Причем надо, что заголовки не обтекали картинки, а просто были правее. Так аккуратнее смотрится вся эта навигация. В таблицах реализуется просто. <tr> <td valign="top"><a href="#"><img src="pic.jpg" border="0"></a><td> <td width="100%" valign="top"><a hre…
0 votes13 answers -
Выравнивание по нижнему краю
Всем привет! Подскажите, плз, как с помощью слоев раилизовать следующее: <table border="0"> <tr> <td align="right" valign="bottom"><img src="icon.gif" alt="12" /></td> <td align="left" valign="bottom">Такое объявление, прогнозирует The Times, вскоре появится на сайте NASA</td> </tr> </table> т.е., чтобы и картинка и текст были всегда выравнены по низу независимо от кол-ва текста.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-