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
-
frame, hover, ie9
такой код <div> <frame> </frame> </div> блок div виден частично при div:hover он весь появляется и видно frame, но когда навожу на область frame-а, div сворачивается (hover отключается) такое только в ИЕ
0 votes7 answers -
Валидно ли расширять блок шире родительского блока?
Здравствуйте! На странице есть блок <div class="additional-images">, расположенный внутри блока <div class="width60 floatleft">, который и ограничивает первый блок по ширине. Я расширил вложенный блок, компенсировав сужение малой кровью так сказать, без выноса его за пределы <div class="width60 floatleft">. Так можно поступать с точки зрения валидности?
0 votes3 answers -
Странное поведение after в ie
В ие разных версий у формы, которой сделана тень через псевдоэлемент - наблюдается странный эффект. Тень скачет - то на месте, то вниз (при прокрутке), то на место становится, то уходит куда-то. Непонятно, почему. В других браузерах все нормально. сам сайт http://zverushka.zz.mu/water/ Cам стиль тени задан так :after { position: absolute; content: ""; display: block; top: 100%; left: 0; background: url("../img/form-shadow-green.png"); width: 300px; height: 240px; z-index: -1; }
0 votes13 answers -
Анимация фона
Сделал вот такой пример. Почему-то время движения субъективно различается в браузерах. В хроме быстрее, в IE и Firefox медленнее. Почему так может быть? http://jsfiddle.net/04yvqa25/ Если движения сразу не видно, надо чуток подождать.
0 votes14 answers -
Header пропадает, если в нём просто фон или картинка
Делаю свой первый сайт. http://cssdeck.com/labs/fxuxxevq При любом из !DOCTYPE тег header не показывает содержимое (фон или картинка), но может показывать заголовок - тогда и фон отображается. Как сделать, чтобы только фон или картинка отображалась без употребления заголовка?
0 votes3 answers -
Как скрыть блок при недостаточной высоте
Имеем: блок 1 — с динамической высотой блок 2 — определенной высоты, виден в любом случае блок 3 — определенной высоты. Его нужно скрывать, если сумма высот 2 и 3 больше, чем высота 1. Как это лучше придумать? Спасибо.
0 votes3 answers -
Верстка темы Wordpress в контенте старницы
Добрый день дорогие читатели форума! Обращаюсь к профессионалам по верстки тем на wordpress. Работаю с joomla и знаю что куда лепить, а вот с wordpress кодом практически не знаком. Хотя сам давно хотел уже для себя закрыть этот вопрос. И тут мне была поставлена задача сверстать шаблон на wordpress. Покопавшись в самом структуре кода, я понял что есть html разметка, в которую обернуты php вставки кода с выводом информации бд . Также регенерация классов происходит тоже за счет php. К сожалению разбираться с php у меня времени не так много, хотелось бы сделать все быстрее и как можно лучше. Свое внимание я обратил на редактор контента в woredpress. http://hkar.ru/FCjb …
0 votes1 answer -
Как сделать постепенное появление блоков и их обводку
Уважаемые форумчане! Нуждаюсь в вашей помощи! Есть такой замечательный сайт http://pervolo.com/. Если прокрутить его до фиолетового блока с названием "WITH OUR CORE VALUES OF HARD WORK AND HONESTY", то можно увидеть как вокруг иконок плавно появляется круглая граница. Как это можно сделать? И еще вопрос как реализуется постепенное появление блоков с текстом, какие хорошие плагины вы для этого может быть знаете?
0 votes0 answers -
Не работает вертикальный скрол на странице
Ув. форумчане! Искренне надеюсь на вашу помощь в решении не самой сложной проблемы. На некоторых мобильных устройствах не работает вертикальный скрол странички. На пк все работает (если уменьшить ширину браузера), не работает именно на мобильных устройствах. Самостоятельно решить проблему не удалось, гугл не помог. Ссылка https://test.5shoes.com.ua/3/index.html Если у вас помещается вся страница на экране, то нажмите *контакты* там точно ничего не будет работать =) Заранее спасибо за помощь! Всем добра.
0 votes1 answer -
Порядок при обтекании плавающего блока
При обтекании плавающий блок указывается в коде над обтекающим текстом. Если уменьшать ширину рабочей области обтекающий текст уйдёт под обтекаемый блок. Есть ли способы, чтобы при нехватке места текст уходил не под обтекаемый блок, а оказывался над ним?
0 votes1 answer -
min-height
Ставлю блоку с контентом min-height: 936px, в хроме и опере все ок выглядит и он по высоте совпадает с меню, а в ие и фф блок на 5 пикселей больше нужного становится. Контента в блоке мало и он ничего не тянет. self::println('<div class="in_box'.($main?' main_box"':'" style="min-height:936px;"').'>'); .global_box .content .in_box {float:left; background-color:#FFF; width:100%; margin-bottom:10px; min-height:804px; border: 1px solid #DDD} на всякий случай)
0 votes4 answers -
Оцените работу пожалуйста!
Все добрый вечер. Наконец-то сверстал свой первый сайт из psd, раньше баловался просто ковыряясь в чужом коде. Я уверен что код просто ужасен а, так же сделал много чего не эффективного, то есть более сложно чем можно было, а так же не смог подобрать шрифт, а картинки не хотел вставлять, вместо текста. Прошу пожалуйста критики! Заранее спасибо! Именно по части верстки, как можно было сделать все проще! Вот сам макет Вот результат Вот Файлы
0 votes9 answers -
Проблема с шрифтом
http://jsfiddle.net/5HzmC/
0 votes7 answers -
Меню css
Помогите переделать меню из горизонтального в вертикальное <!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 charset="utf-8" http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="author" content="styledmenus.com" /><link href="sty.css" rel="stylesheet" media="all" /></head><body><ul id="cssmenu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Проект "Зами…
0 votes2 answers -
таблицы и блоки
В чем отличие в верстке блоками и таблицами? Почему сейчас почти никто не использует таблицы в шаблонах? Влияет ли это на скорость загрузки страницы? и Вообще?
0 votes6 answers -
Как можно сделать адаптивной линейку превью?
Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть свой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. Плагин создает галерею с превью. В настройках можно задать видимое количество превью, остальные (если есть) можно видеть промоткой. Если количество видимых привью не помещается на экране в одну строчку, они начинают рисоваться в несколько, что не очень красиво. (точнее очень не красиво) При уменьшении разрешения (т.е. при просмотре через телефон) если превью много и на большом экране они были в одну строчку, то на мобильнике - начинаются показываться в несколько. Можно ли средствами CSS заставить "лишние" прев…
0 votes1 answer -
Отличие отображения вёрстки в iPad и в Сhrome
Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…
0 votes1 answer -
Изменения позиционирования
Есть контейнер DIV с двумя блоками Р которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит? <div> <p class="q1"></p> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; position:relative; } p{ position:absolute; left:0; top:0; width:50px; height:50px; border:1px black solid; } div p:first-child { right:110px; }
0 votes7 answers -
Элементы по центру в html5
Всем привет! Как правильно расположить элементы по центру страницы в html 5? Читаю тут http://htmlbook.ru/html/center что <center> в html5 запрещен, тут http://htmlbook.ru/html/div/align что <div align="center"></div> тоже не айс (написано - осуждается... что?). Так как же нужно центрировать элементы в html5? У меня есть, например, input, как тогда мне поместить его по центру страницы?
0 votes5 answers -
почему у ссылки у которой есть href="#" при нажатии на неё остается пунктирная граница
<div class="header__nav-logo"> <a href="#">zippy</a> </div>
0 votes4 answers -
Иконки (акцентирую) новости
Всем добрый вечер, прошу: 1.Помочь сделать JS для того, что бы отображались иконки новости на главной странице, а точнее можно было бы выбирать иконку новости при добавлении новости, в uCoZ`e...Для этого можно взять поле $OTHER1$, что бы там была замена текстового поля на выбор изображения, как к примеру здесь...[Необходимо знание uCoz] 2.Обработать JS который мне дали на другом форуме без каких либо комментариев и соотвественно мне обсолютно не понятно что с ним делать :\ : <div id="newsIcons"> <img src="/.s/sm/1/smile.gif" id="selected" alt="icon" /> <img src="/.s/sm/1/sad.gif" alt="icon" /> <img src="/.s/sm/1/happy.gif" alt="icon" /> <img sr…
0 votes0 answers -
Заполнение ячейки символами
Здравствуйте! хотел спросить у вас каким образом можно сделать так, чтоб в ячейке после введенной суммы оствшееся пустое место заполнялось знаками "="?
0 votes2 answers -
Проблема с выравниванием
Есть елемент: <input type="text" value="поиск по каталогу"> А так же стиль к нему: input { display:inline; float:left; height:28px; margin-top:6px; border:1px solid #dddddd; border-left:0; font:12px Arial, Helvetica, sans-serif; color:#6c6b6d; vertical-align:middle; } Как сделать так, чтобы во всех браузерах текст внутри елемента выравнивался по середине по вертикали? В даном случае он выводится так только в Опере. В Файрфоксе и ИЕ - выравнивается по верху
0 votes3 answers -
Кнопка и её свойства
Вот встретил вот такое: <html> <head></head> <body> <form action="mysql_insert.php" method="post" name="form"> <p><input name="submit" type="submit" value="Занести нового сотрудника в базу" > </form> </body> </html> Меня смущает вот это: input name="submit" type="submit" Что означает в первом, а что во втором случаи?
0 votes4 answers -
использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума
это правда, что использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума, т.е. присоединенных к сообщениям с других сайтов и форумов "тормозят" работу форума
0 votes5 answers