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
-
legend по центру
Здравствуйте. Возникла проблема с отображением текста/картинки в теге legend по центру в разных браузерах. Пытался искать на сайте и форуме, но ничего толкового не нашёл Итак, вот код: <!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"> <body> <table><tr><td> <fieldset><legend align="center">Заголовок по центру</legend> <center>Мой текст</center> </fieldset> </td></tr></table> </body> </html> В FireFox и Google Chrome всё отображается нормально, как и задума…
0 votes11 answers -
Скорость загрузки сайта
Здравствуйте! У меня скорее аналитический вопрос: Недавно я доделала свой сайтик и для пробы выложила на бесплатный хостинг, а именно на Народ. Но сразу же начались проблемы с загрузкой. Начиная с первой главной страницы (и дальше-больше) страницы оооочееень меееедлееено грууузятся. Я показывала своих знакомым и друзьям , предполагая что может быть у меня проблемы с провайдером, но все как один жалуются на тоже самое. Я почти весь сайт выгрузила. Но несколько страниц оставила, чтобы вы могли убедится Собсно вопрос: что может замедлять загрузку сайта? Картинок вроде не много и весят они нормально, не так чтобы 5 минут ждать загрузку главной странцы.
0 votes4 answers -
Отрывается блок от потока
Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.
0 votes46 answers -
Замена бэкграунда контента
Ребят, скажите пожалуйста, я хочу поменять бекграунд контента, правильно ли я пишу код? <content style="background-image: src="images/fon_10.jpg">
0 votes10 answers -
Дополнение в код?
Извините, но возникла проблема, для того чтобы рисунок на всех страницах отличался от рисунка на главной странице я добавил строчку <div style="background-image:url(images/fon_10.jpg)"> Но при переходе по страницам в зависимости от того какой длины содержит текст страница, такой длины и появляется новая картинка, а всю остальное пространство продолжает картинка установленная на главной странице. Например: если я перехожу в меню на страницу "контакты", то в центре у меня появляется текста примерно на 1/3 страницы, и на эту часть у меня открывает новый фон, а на остальные 2/3 фон с главной страницы. Как это можно исправить? Спасибо.
0 votes2 answers -
Едет на разных разоешениях
Делаю сайтик на Html,но там почему то при разных разрешениях меняют положение ссылки.Что не верно в коде? СпС все кто откликнется) подскажите плизз ) http://batikgallery.ru/ вот код: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0; font:18px "Comic Sans MS", Verd…
0 votes1 answer -
CSS
Сейчас создаю свой сайт. Сделал несколько страниц. Перенес папку с сайтом с ноутбука, на котором делал сайт, на ПК. И тут выяснилось, что CSS частично не работает на некоторых страницах (т.е. некоторые куски из CSS файла, к которому обращаются все страницы, на некоторых страницах не работают) Причем на ноутбуке сайт работал корректно во всех браузерах, а на ПК одинаково неправильно во всех браузерах. Например: не подсвечивается меню; картинки ведут себя так, как будто между ними не задан промежуток и др. Что это может быть? Заранее спасибо.
0 votes1 answer -
Расчёт высоты в IE6
Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.
0 votes7 answers -
Разбивка по колонкам в зависимости от количетсва пробелов
вопрос: не получилось текстом задать, чуть ниже сейчас попробую вставить картинко
0 votes8 answers -
Выравнять содержимое div-a
Добрый день, есть следующая задача: в div динамически добавляется n картинок. Кроме картинок слева и справа от ряда картинок могут добавиться стрелочки влево и вправо. Получается стандартная листалка превьюшек. Проблема заключается в следующем: Высота картинки - 100 пикселей. Стрелочки надо по высоте равнять по середине картинки, т.е. отступить на 50 пикселей от верхней границы div'a контейнера. Пробую так: div id="imgList" style="vertical-align: middle;"> <div id="goLeftArrow" style="margin-left: -3em; margin-right: 2em; display: inline;" onclick="goLeft()"> <a style="text-decoration: none;" href="#">←</a> </div> <img style="padding-right: …
0 votes4 answers -
Полоса прокрутки
Не подскажите почему на страницах моего сайта где нету полосы прокрутки изображение выравнивается по центру без проблем с помощь align="center", а на с страницах с полосой вертикальной прокрутки это же изображение, с этим же align="center" смещаться от центра примерно на 10 px, в чем дело?
0 votes11 answers -
Проблема с отступами внутри блока
Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;…
0 votes24 answers -
Проблема с меню
Имеется вот такое вот меню. По сути своей оно 2х уровневое, при наведении на "Меню" выпадает вся остальная часть. Средствами CSS за 2е суток создать такое меню так и не получилось, может быть кто нибудь подскажет как решить данную проблему(я понимаю что с помощью JS, очень хочется научится создавать такие меню самому, но перерывания справочников и книг результатов не даёт ). Контекст 3о уровня меню не меняется в зависимости от выбранного пункта 2о уровня!
0 votes2 answers -
Едет или нет?
Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 1024 и на 1280.Вроде всё сделал,у меня нормально всё выглядит,но есть подозрения что что то не так...гляньте плизз: http://batikgallery.ru/ Задумка чтобы ссылки были между первыми двумя картинами и чуть ниже. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; …
0 votes18 answers -
Проблема с CSS
Я хочу создать сайт и применить ко всем его страницам CSS-дизайн. Когда я указываю в CSS параметр: body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } , то текст в HTML, заключённый в теги <P> и </P> имеет размер 13 пт, НО если я ещё указываю в CSS, что в теге P тоже Arial 13pt., то шрифт становится крупнее, чем 13! Помогите исправить! P.S. XHTML 1.0 Transitional
0 votes2 answers -
кнопка меню ( текущая страница выделяется цветом)
Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…
0 votes8 answers -
помогите выровнить банер
Подскажите решение , я уже замучился <table class="tablebg" cellspacing="1" width="100%"> <tr> <td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF --> </td> </tr> <!-- BEGIN forumrow --> <!-- IF forumrow.S_IS_CAT --> </table> <br clear="all" /> <table class="tablebg" cellspacing="1" width="100%" > <tr> <div align="center"><!-- IF ADS_10 --> {ADS_10} <!-- ENDIF --></div> <th colspan="2"> {L_FORUM} </th> <th width="50"…
0 votes18 answers -
превью фоток с другой страницы
Ещё раз всем привет, ...И ещё вопрос (неверное, это даже не хтмл, но тогда подскажите, на каких форумах узнавать?) Допустим у меня есть страница , куда я загружаю фотографии произвольного размера И я хочу сделать на стартовой странице сайта некий раздел превью этих фотографий, допустим 3х случайных, и размер строго 300*100, то есть высвечивается не фото целиком, а случайный её фрагмент.. КАк это сделать?
0 votes3 answers -
Добавление разметки для оформления посредством js
Здравствуйте! Недавно пришлось верстать макет, где блоки были обернуты в специфическую рамку, которую пришлось порезать на картинки с уголками и четырмя сторонами. В итоге получился примерно такой код: <div id="wrapper"> <div class="left-top-corner"></div> <div class="left-vertical"></div> <div class="right-vertical"></div> <div class="right-top-corner"></div> <div class="right-bottom-corner"></div> <div class="left-bottom-corner"></div> <div id="content"> <div class="top-gorisontal"></div> <div class="right-top-corner"></div> <div class="right-ve…
0 votes8 answers -
Как сделать бордер по краю окна?
Есть сайт http://sommaire.qphost.net/total-art/ Нужно для него сделать бордер в50px по краю окна браузера, чтобы бордер все время был 50 пикселей и контент не заезжал на эту рамку. Я сделал там позиционирование по средине вертикальное, теперь вот сложнова-то с рамкой. Мож кто что подскажет? или может предложите решение + другой способ вертикального выравнивания по центру, относительно окна браузера.
0 votes20 answers -
Подскажите по list-style-image ?
Добрый день. Подскажите плиз - сделал в качестве маркера списка картинку 32х32. Стиль: list-style-image (...url к файлу); list-style-position:outside; display:list-item; Собственно вопрос в том, как можно этот маркер выровнять по центру относительно текста ( типа align="middle" ), а то текст начинается по базовой линии.
0 votes20 answers -
Сглаживание границ
Со всем что было разобрался) Теперь новая проблема) Скажите пожалуйста, я выбрал фон для бэкграунда, и пустил по всему экрану на повтор, но при повторе на стыках видны границы, это происходит из-за того что картинка не монотонна, а где-то темнее, где-то светлее. Как с этим можно бороться? Спасибо!
0 votes2 answers -
Стыки на границе фона
Скажите пожалуйста, я выбрал фон для середины боди, пустил по Y на повтор, но при повторе на стыках видны границы, это происходит из-за того что картинка не монотонна, а где-то темнее, где-то светлее. Как с этим можно бороться? Спасибо!
0 votes1 answer -
блок
Люди, у меня такая проблема, вот делаю блок на сайте из трёх картинок(верх, подстилка и середина) и выходит в результате чтоб под верхом и низом видно ту подстилку(картины с прозрачность) Выходит это можно сделать только в несколких таблицах\дивах? Или как эт сделать в одной?
0 votes4 answers -
Выравнивание изображения
подскажите мастера, как можно выровнять изображение по центру в топике форума, вставленного по ссылке с помощью bbкода img ? как вот это
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-