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
-
Помогите мне, как понять верстку?
Помогите мне, как понять верстку? Т.е. я знаю основы, но не умею верстать, просто не получается и бросаю дело(
0 votes24 answers -
как растянуть на 100% div-блок (position:absolute;)?
В общем, проблема такова: есть div-блок, котрый позиционирован по абсолютным координатам, допустим, слева:100px и сверху:100px; Мне нужно его растянуть до низа страницы - т.е. сделать высоту:100%. Пишу, значит: height:100%; и происходит следующее: этот div-блок "вылезает" за низ экрана ровно на столько, на сколько я его отодвинул сверху - на 100px!!! Что делать? Может я изначально неправильно делаю? Как растянуть этот блок ровно до низа экрана? А, еще, доктайп: quot;-//W3C//DTD HTML 4.01 Transitional//EN"> В IE этот прикол со 100% работает корректно - ниче никуда не вылазит, а в Мозилле глюки - вылазит!
0 votes23 answers -
картинка и фон в IE
здравствуйте,господа! Извиняюсь сразу если вопрос глупый, но все же.. есть страница с размещенной на ней ссылкой , по которой открывается картинка, но.. в мозиле, опере все нормально... а в IE открывается на белом фоне... что делать?(открывается в том же окне..) спасибо.
0 votes23 answers -
Как сделать рамку одинаковой и в ИЕ и в Мозилле?
В ИЕ все отображается как надо. Но в Мозилле - нет. Как сделать их одинаковыми? Замучалась уже Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo" align=…
0 votes23 answers -
Какой заголовок выбрать?
Подскажите пожалуйста, при использовании такого синтаксиса: <h1><span>Текст заголовка<span/></h1> <style> h1 { background:url(logo.jpg) no-repeat left top; height:70px;} h1 span { display:none;} </style> будут ли использованы преимущества тэга заголовка? Или другими словами будет ли лучше индексироваться сайт поисковиками ( в частности Гуглем) нежели использование простого img с атрибутами alt и title? И стоит ли овчинка выделки? Заранее спасибо.
0 votes23 answers -
Сlass=link1 отказывается работать.
Почему ссылки класса линк1 не становятся красными??Заранее спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Var1</title> <style type="text/css"> body { background-image: url(Ôîí1.jpg); } .block1 { margin-top: 150px; margin-left: 18px; font-family: courier; font-weight: bolder; color: #646464; font-size: 18px; } .block2{ margin-top: 0px; margin-left: 80px; } p { margin-top: 10px; margin-left: 50px; color: Black; font-weight: bolder; font-size: large; font-family:…
0 votes23 answers -
Оптимизация
Доброго дня суток Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода? Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы? Буду очень благодарен.
0 votes23 answers -
не корректное отображение png в ИЕ
Суть проблемы заключается в следующем: Для таблицы прописан следующий бекграунд,который должен тянуться на всю ширину таблицы. В CSS .png { //background-image: none ! important; behavior: url('pngfix.htc'); } В html <td valign="top" width="100%" class="png" style="background-image:url('picture/punkt.png');" > </td> punkt.png-это рисунок 10 на 10 пикселей- маленький кружочек.Эфект пунктирной линии. В фаерфоксе и опере отображается идеально.А в ИЕ тоже отображается только он не тянется (не повторяется),а это точка просто растягивается. Получается размазаная линия. Хотя когла вставляю png не на фон а как картинку то все отображается как надо во всех брауз…
0 votes23 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 -
Бегает текст от выпадающего меню
Бегает текст от выпадающего меню через цсс... причину понять не могу. может кто то сталкивался
0 votes23 answers -
Проблема масштабирования в IE7
В общем, схема такая: сайт (airclubkmw.ru/testing/) состоит из таблицы в 3 столбца и 4 строки. Каждая ячейка таблицы имеет класс, описанный by CSS. Описывал я так, чтобы сайт растягивался на 100% и по вертикали и по горизонтали браузера, НО! при этом полностью верхняя строка (вернее там 2-е строки) была фиксированной, нижняя строка была фиксированной, левый и правый столбики, заключённые между верхней и нижней строками были зафиксированы. То есть, все масштабирование получается путём изменения площади ячеек (x,y)=(2,1) (2,2) (2,3), по-русски: 3 серединные ячейки сверху (у нижней средней ячейке размер фиксирован height'ом). Не поверите! но у меня получилось - всего недел…
0 votes23 answers -
один каталог image несколько сайтов
На одном хостинге есть несколько сайтов, хочется сделать для них общую папку с картинками. Вопрос как ? Как правильно прописать путь к такому каталогу, как правильно его создать? Указание ../ а так же ../../ и подобные вариации ничем не помогли
0 votes23 answers -
Автоматическое растягивание Div'а + очередность
Всем привет ! Предварительно воспользовался поиском, просмотрел все найденные темы, но решения для себя не нашел. Проблема похоже вечна и частая - растягивание слоя автоматически. Имеется CMS, в отцентрированном слое делаю картинку с закругленными краями + растягивающуюся в зависимости от ширины экрана. Круглые уголки каждый в своем слое, растягивающиеся стороны "квадрата" в своих слоях. На примере верхней части: CSS: #woodboard_tl { float:left; height:30px; width:30px; top:0px; background:url(../images/druzhina/woodboard_t_l.png) 0 0 no-repeat; z-index:2; } #woodboard_t { float:left; top:0px; height:30px; width:100%; background:url(../images/druzhina/woodboar…
0 votes23 answers -
Древовидная структура комментарием
Привет всем. Вот захотел у себя в блоге сделать древовидную структуру комментариев. Только не знаю как реализовать, у кого есть какие идеи?
0 votes23 answers -
Помогите с примером!
http://www.getincss.ru/2008/10/19/oformlen...u-css/#more-609 вот статья о том как сдлеать иконку для внешнего сайта. Но нет примера, все написано кусками, не могли бы вы поделиться или обяснить как сделать такой пример. Помогите пожалуйста
0 votes23 answers -
Растянуть часть background'а
Проблема такая: есть 3 изображения *.png ,заключены в таблице, одинаковые по ширине, первое и третье необходимо оставить в вверху и внизу соответственно, а среднее необходимо либо растянуть либо продублировать в зависимости от кол-ва контента. Контент также ложится на верхнее и нижние изображения. .ba {position: relative; width: 679px; height: 100%; display:block; } .ba img.first {width: 679px; height: 124px; display:block;} .ba img.second { position: absolute; left: 0px; right: 0px; top: 125px; bottom: 680px; display:block;} .ba img.third {width: 679px; height: 393px; display:block;} .ba div { position: absolute; left: 38px; top: 10px; right: 0px; bottom: 0px; displ…
0 votes23 answers -
Фоновый рисунок в таблице
Здрасьте. Скажите пожалуйста, как сделать так, что бы фон (рисунок) в ячейке был не справа налево как всегда, а слева на право, ну и конечно же не повторялся.
0 votes23 answers -
две неподвижные фоновые картинки. как?
Здрасти) Вобщем такая ситуация, заказчик попросил сделать тянущийся по ширене сайт чтоб по бокам были фоновые картинки неподвижные. Картинки имеют определенную ширину, рабочаю область 80% но не менее 800рх. как я понимаю картинки должны быть именно в фоне или дивы привязать. они также должны скрываться если рабочая область не помещается и в то-же время от них не должен появляться скрол. при маленьких размераш рабочая облость не должна скрываться (обычно левый край) за облости видимости браузера. Если кто-то понял этот бред, можете поделится идеями или код
0 votes23 answers -
Помогите задать цвет текста
В общем,есть кус от кода Ему надо задать белый FFFFFF цвет . Вопрос как? Пробовал Не помогло.Подскажите ,плз!
0 votes23 answers -
Невалидный код ICQ , Skype, Yandex
Кто подскажет как сделать страницу полностью валидной т.к. размещенные на странице ICQ , Skype, Yandex(ссылка на яндекс показывающая ТИЦ сайта). В Яндекс писал ответили, что амперсанд надо заменить, заменил потом опять код изменился на невалидный (ответили что не критическая ошибка). Самое плохо что на главной странице эти ошибки, тем более Яндекс дает сразу не одну ошибку, а по-моему две. Кто реально без флуда подскажет что необходимо делать, я думаю с подобными фактами встречаются все и кто как решает эту проблему. Спасибо. Тему пытался найти подобную, но не нашел. СПБ
0 votes23 answers -
Обтекание
У меня есть вот такая проблема: есть логотип #logo и заголовок сайта #title. По логике логотип должен находится слева, а заголовок справа обтекает логотип, но заголовок остается сницу. в чем проблема? Вот код: <div id="header"> <p id="logo"><img src="style/logo.png" width="193" height="200" /></p> <h1 id="title">Природа Мурманской области</h1> </div> #logo {float:left;} #title {font-size:50px; color:#150098;}
0 votes23 answers -
Как заставить формы отображаться одинаково во всех браузерах?
Как заставить формы отображаться одинаково во всех браузерах?
0 votes23 answers -
z-index не работает.
Попробую описать всё объективно. Делаю школьный сайт(попросила одна знакомая учительница) В общем с html когдато разбирался полностью, но вот до css очередь тогда так и не дошла, сейчас вот начал учить. Вроде бы всё просто, но почему-то нихрена не получаеться web page maker делает такой код: <div id="image1" style="position: relative; overflow:auto; left:0px; top:0px; width:798px; height:858px; z-index:0"><img src="images/back(css).jpg" alt="" border=0 width=798 height=6></div> <div id="image2" style="position:absolute; overflow:hidden; left:0px; top:12px; width:771px; height:242px; z-index:1"><img src="images/Шапка.png" alt="" border=0 wi…
0 votes23 answers -
Убрать границы у дива
иемеется такой вот див .container { background:url(pic/bg.jpg) center top repeat-y; margin:0 auto; width:1000px; height:100%; min-width:100%; } я поставил "height:100%;" и думал, что это даст желаемого результата. Я хочу что бы верх и них контейнерера (в котором содержится весь сайт) касались верха и низа браузера. А вместо этого они отступают примерно на 5-6 пикслей. Не мог ли бы мне подсказать как это поправить?
0 votes23 answers -
Работа с макетами
Добрый день! я не могу понять как работать с макетами для верстки и что для этого нужно. не могу найти тему что бы почитать. допустим есть PSD файл, а что дальше, как с ними работать, чтобы создать сайт. если не сложно подскажите!, или ссылку на материал. спасибо.
0 votes23 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/
-