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
-
Проблема с блоком - обвёрткой
Добрый день. На принте видно, что основной блок - обвёртка <wrapp> как то странно себя ведет, налазиет на свои дочерние блоки при уменьшении окна, другими словами он не растягивается по высоте дочерних блоков, а вытягивается по высоте экрана. Такого же быть не должно. Как сделать так, что бы у него минимальная высота была не меньше чем суммарная высота его дочерних блоков? Заранее спасибо. Пример кода HTML <!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" /> &…
0 votes1 answer -
ie
http://school528.spb.ru/main/newspaper/index.php Вот страница сайта, в гугл хроме работает и в мазиле в ie ,хоть один из последних,все равно вылетают подписи в фотографиях и текст в рубрике читайте в номере Уважаемые знатоки, дайте пожалуйста совета Заранее спасибо!
0 votes4 answers -
оформление при дроблении статьи
Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…
0 votes3 answers -
Отступ
Как убрать отступ у фреймов, чтобы даже когда прокручиваешь ползунок текст не залезал наверх как на картинке http://screenshot.su/show.php?img=4a1efdce2729c3971289c6608b89f642.jpg Также подскажите как увеличить отступ по краям (хотя бы слева)
0 votes2 answers -
Не изменяется ширина ячейки!
Помогите изменить ширину ячейки! Вот html код: <table border="0" width="100%" cellspacing="1" cellpadding="2"> <tr><td class="footer-createbtn1" colspan="2"><?if($NUM_ENTRIES$)?><!--<s5225>-->Фотографий в альбоме<!--</s>-->: <b>$NUM_ENTRIES$</b><?endif?></td></tr> <tr><td colspan="2" class="footer-createbtn1"><?if($SORTING_MENU$)?><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<?endif?></td></tr><br> <tr><td colspan="2" align="center">$BODY$<hr/><div align="center">$SLIDESHOW_BUTTON$</div><…
0 votes1 answer -
Сделать высоту tr меньше содержимого
Делаю удаление строки из таблицы, есть желание сделать не просто исчезновение строки, а плавное ее уменьшение по высоте до нуля. И вот вижу, что если задать height для tr меньше, чем содержимое, он не уменьшится. Можно как-то сделать строку с высотой меньше, чем у содержимого?
0 votes3 answers -
Треугольники-картинки
Начал верстать сайт и столкнулся с проблемой. По задумке эти треугольники должны быть как кнопки и при наведении спускаться,но альфа канал перекрывает друг друга и получается каша. С тегом map тоже не получается. Как можно это прописать?(если треугольники будут не чистые заливки, а фото)
0 votes1 answer -
Обрезать картинку
Здравствуйте. Подскажите, пожалуйста, способ, как можно обрезать изображение. Сейчас вот так: Нужно вот так: Код можно посмотреть тут
0 votes4 answers -
посоветуйте адаптивный слайдер
есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.
0 votes0 answers -
Клон изображения
Можно ли сделать клон имеющейся на странице картинки только средствами CSS?
0 votes4 answers -
Адаптивный текст
Можно ли как-то сделать чтобы заголовок подстраивался под отведенное для него пространство. Например, есть блок длинной 100% с текстом, необходимо чтобы текст по длине как-раз в него влезал. Причем на разных экранах этот блок будет разным и текст (размер шрифта) должен автоматически подбираться чтобы растянуться на всю ширину блока. Как выход вижу только перебор вариантов в медиа-запросах с корректировкой размера. Возможно есть какой-то другой выход?
0 votes3 answers -
Отмена загрузки элемента для мобильной версии
Здравствуйте! Вопрос в следующем: на странице есть элемент, например слайдер изображений, который не нужно загружать для мобильной версии сайта. При display: none он загрузится, но просто не будет отображаться. А можно ли как-то с помощью JavaScript отменить загрузку элемента?
0 votes3 answers -
Скачет гармошка
Взял за основу такой аккордион: http://ruseller.com/lessons.php?rub_id=2&id=1195 Начал вставлять его в движок, но чето работает не так как в демке, при клике экран смещается http://cssdeck.com/labs/upg89em0 Как сделать чтобы экран не скакал? Или может подскажите другой рабочий аккордион с похожим эффектом? (плавное раскрытие при клике на один из пунктов и закрытие другого пункта) Нашел еще один скрипт и тоже не работает... Нашел третий скрипт - он заработал. Но там надо jquery подключать в начале
0 votes1 answer -
Вопрос по функционалу HTML
Добрый день. У меня на сайте есть карта Google, с указанием места организации. Подскажите, пожалуйста, есть ли в HTML функция начала навигации по маршруту к указанному месту? На подобии функции набора телефонного номера "tel:*******". Т.е. можно ли с помощью HTML сделать так, чтобы по нажатию на карте на адрес начиналась навигация? Заранее большое спасибо.
0 votes0 answers -
position:absolute; и колонки равной высоты
Использование: margin-bottom:-32767px;padding-bottom:32767px; для создания макетов с колонками одинаковой высоты, имеет не приятный момент - не корректная работа меток-якорей. Предлагаю ознакомиться с иным решением проблемы: Статья Пример
0 votes0 answers -
IE плохо показивает страницу
Делал верску ,в всех браузерах нормально показивает (скрин) но в IE плохо (скрин) Там 2 ошибки ,тоисть профиль наежает на лого и перекривает и контейнер держитса профиля(на скрине видно ,так как профиль дал в бордер так же как и контейнер) Как можно решить проблеми,кто подскажеш??? Демо сайта : http://fefeq.ucoz.ru/ Спасибо
0 votes2 answers -
размещение кода баннера на сайте для партнера
Здравствуйте, подскажите, пожалуйста, как разместить код баннера для партнеров на своем сайте, что бы его могли копироватьи размещать на другие сайты?
0 votes1 answer -
Проблемма с таблицей в таблице
Вот мой сайт: www.ttalgarve.com (ето я чтоб вы могли просмотреть код) После того как я уже думал что закончил сайт вспомнил что надо его проверять в разных браузерах (сначала делал все в Opera), и сразу столкнулся с проблемой что в Internet Explorer (дальше просто IE) при открытие шапка выходит криво(http://clip2net.com/s/14iR3) хотя в Opera все правильно (http://clip2net.com/s/14iT0) начал разбиратса и при удаление таблици в таблице (у меня шапкасостоит из div в котором находиться таблица в которой еше одна таблица(посмотрите код)) все показует правильно. Для решения побывал разные теги добавлять но ничего не помогает. Помогите чем сможете =) И еше можно узнать skype ког…
0 votes8 answers -
Центрирование Попапа...
Здравствуйте! При центрировании всплывающей формы столкнулся со следующем проблемой: если окно браузера становиться меньше высоты попапа - то содержимое начинает залазить за верх и до него невозможно доскролится... Другие варианты центрирования не подходят т.к. плагин построен именно на этом принципе и если например всё это дело помещать в таблицу(для центрирования) и т.п. то попап просто не функционирует!(почему именно понять по скрипту пока не могу...) Ещё одна проблема заключается в том, что фон на котором всплывает форма в ie-7,8 становится вместо серо-прозрачного чёрным!(браузеры не поддерживают св-во "opacity"!?) P.S. Буду благодарен ,если кто подскажет, что конкрет…
0 votes4 answers -
web сервер отдаёт поврежденные картинки.
Привет, есть сайт на xampp: new.sandart.in.ua как Вы можете видеть картинки на нем повреждены, в них вставляется текст: /* * Sizzle CSS Selector Engine - v0.9.3 * Copyright 2009, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * More information: http://sizzlejs.com/ */ в исходниках сайта картинки внорме. Ктото видел такое раньше?
0 votes0 answers -
как реализовать поиск на сайте
Доброго времени суток! Подскажите как реализовать поиск на сайте,чтобы при вводе слова находились выражения или ссылки где содержится данное слово? только без php
0 votes3 answers -
class
Здравствуйте! а можно однному блоку присвоить 2 класа? типа <div class="class1,class2"> и какая кросбраузерность у этого метода?
0 votes1 answer -
500 ошибка при добавлении правила в mod_rewrite
Почему вылазит 500 ошибка если в строке встречается русская буква "Р" в начале слова? сам .htaccess в utf-8 при ansi проблема исщезает но не работают правила с русскими символами.. RewriteRule ^страна/Россия$ ?county=russia [NC,L]
0 votes1 answer -
Помогите с отображением спойлеров.
Добрый вечер. На странице есть два спойлера, для отображения по горизонтали объединенных в таблицу. При открытии одного спойлера материал открывается не на всю страницу(как и при открытии другого) и сдвинутый вправо, в то же время другой спойлер уезжает вниз, и наоборот. Как можно решить данную проблему ? Пример.
0 votes1 answer -
Оцените верстку/укажите на ошибки
Сайт Оцените/подскажите, буду благодарен.
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-