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
-
картинка не выравнивается в ИЕ6 и 7
задаю такую конструкцию <img src="media/image002.jpg" align="right" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.. доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD X…
0 votes5 answers -
Изображение Налезает На Навигацию
Скажите,как сделать чтоб навигация закрывала часть изображения,если размер браузера уменьшен и уже меньше 800 в ширину,дело в том что при уменьшении окна браузера получаеться вот такое,скажите, как сделать чтоб навигация закрыла часть его, а не на оборот,картинка навигацию как в моём случаи. Вот сайт: http://tort-tort-tort.narod.ru/
0 votes4 answers -
Шрифт с font-size:7px
Подскажите, как можно сделать читабельный шрифт размером в 7px Желательно font-family:Arial; размер разумеется font-size:7px.В фотошопе он сглаживается, а в реальности в браузере отличия с фотошопом хорошо заметны. картинку выложу чуть позже. Спасибо.
0 votes4 answers -
Резиновый сайт
Сделал резиновую верстку, но все равно появляются горизонтальные полосы прокрутки как это можно исправить и все элементы отображаются с права, как можно сделать чтобы они были по центру.Заранее очень благодарен за советы и ответы. Это CSS: * { margin: 0; padding: 0; } html { height: 100%; width:100%; } header, nav, section, article, aside, footer { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; width:100%; background-color:#000033; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wra…
0 votes5 answers -
Проблема с выравниванием по центру в InternetExplorer
Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…
0 votes4 answers -
Растягивающийся по высоте div при вертикальной прокрутке
Уважаемые гуру, подскажите пожалуйста. Дизайн состоит из двух колонок фиксированной ширины, расположенных по центру экрана. Левая колонка маленькая - для меню, рекламы и прочего, имеет цветной фон. Правая колонка для контента. Изначально колонки растянуты но вертикали на 100%. Верстка сделана следующим образом: левая колонка имеет внутри несколько div-ов с абсолютным позиционированием для вывода фиксированных бэкграундов, а потом идет див, у бакграунда которого стоит repeat-y, для заполнения до низа браузера. Однако, если контента больше, чем на экранную страницу, то при скроллинге левая колонка съезжает вверх, отрываясь от нижнего края браузера: Верстка тут: http://fil…
0 votes4 answers -
Выравнивание по центру блока плавающей ширины
Совершенно никак и никогда не был связан с версткой, а теперь понадобилось сделать простое, легкое и понятное решение для сайта маленькой конторки. Точнее не сделать, а показать что оно существует, дабы проект отдали нормальному верстальщику и дали на это денег. Проблема (решена): сделать блок с кнопками выровненным по центру. При разных разрешениях в нем может быть как 8 кнопок в ряд, так и 2-3. Спасибо: Морда сайта представляет из себя: Шапку: Название, основные контактные данные, микроменю с двумя пунктами "Прайс-лист, контакты" (тоже сделал). Основной блок: набор кнопок 180х130 px. Каждая кнопка - понятная пользователю товарная категория ("пылеварки", "кофесосы", "с…
0 votes8 answers -
Стилевое оформление тега select
У тега select есть стрелочка вниз, которая раскрывает список. Как на место этой стрелки поставить свою картинку? Не могу найти решения. Шаблон посмотреть вот тут можно: http://www.freepsd.ws/80-psd-maket-dlya-sochineniy-i-referatov.html
0 votes6 answers -
Схлопывающиеся отступы
Читаю http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy 1) В Konqueror и Opera наличие padding'а схлопывание чёт не отменяет. Да и сомнительно, чтоб такое было, не вижу логики - зачем внутреннему полю влиять на работу со внешними полями? 2) Что значит "задана граница"? Что такое "граница"? Как она может быть задана или не-задана? Спасибо
0 votes5 answers -
Если нет тега <P>
Правильно ли я понимаю, что текст в BODY заданный без тега <P> будет форматироваться как с тегом <P> всё равно? Можно ли опускать тег <P>?
0 votes10 answers -
Проблема с версткой.
Есть фоновая картинка шириной в 1500 пикселей и блок со ссылками-рисунками. Как привязать этот блок к нужному месту на фоновой картинке, то есть чтобы при разных разрешениях браузера и разных браузерах не было сдвига. И второе - как сделать, чтобы фоновая картинка всегда на 100% ширины экрана растягивалась (или сужалась). пытался сделать табличной версткой, но таблица не хочет масштабироваться с width=100%, не влезает в окно браузера, подстраивается под размеры картинок в ячейках. Пытался сделать с помощью дивов, но не получилось задать соотношения для координат блока ссылок, чтобы они были на строго одном месте. Что делать?
0 votes3 answers -
резиновая горизонтальная менюшка
Каждый делает как то по своему менюшки, плюшки и т.п. Я вот задался впросом, а кто как делает свои горизонтальные менюшки резиновые. Хотелось бы сделать как то иначе, не так как всегда. Пример такой Просьба не предлагать табличную верстку, и вариант когда li с процентной шириной тоже не предлагать. Желательны примеры где в менюшку можно добавить новые элементы свободно, без изменения других.
0 votes6 answers -
Помощь
Дело в том что после изменения одного из кодов сайт изменился до неузнаваймости. Вот скриншот до изменения. Вот сайт теперь. http://websuperwarez.ucoz.ru/
0 votes4 answers -
Фото галерея
Доброго времени суток коллеги! Стоит задача сделать гламурный сайт для фотографа в стиле Wordpress, но только на своём движке. Суть заключается в следующем, что позиционирование фотографий нужно сделать вот так: http://pavelparshin.ru/portfolio-item/beauty/ Но без явы! Тупо, подобное позиционирование. на деле у меня выходит не шибко-складно. http://81.200.25.57/dot/templates/gallery (это опытный образец галереии) CSS: #gallery { margin:0 } #gallery .photo { width: 240px; min-height: 156px; max-height: 383px; display: inline; } #gallery img{ width:240px; vertical-align: top; margin:0 25px 25px 0; } #gallery img.expand:hover { opaci…
0 votes7 answers -
Вертикальное меню
Подскажите, как создать такое меню - http://css-live.ru/articles/zadanie-po-vyorstke-17-vertikalnoe-menyu.html Мыслей нет никаких по этому поводу.
0 votes5 answers -
Яндекс карта и ругань валидатора
На символ & в скрипте от яндекс карты - ругается валидатор. Это можно каким-то образом исправить, чтобы все стало валидным?
0 votes5 answers -
Разваливается кусок верстки
Подскажите новичку - почему верстка разваливается при уменьшии/приближении страницы? Тут небольшой кусок кода который как раз и разваливается.Почему это происходит? http://cssdeck.com/labs/gp3kwbe1
0 votes4 answers -
панель классов в sublime
подскажите пожалуйста существует ли в sublime панель, которая показывает названия классов или функций, которые есть в открытом файле? проблема в том, что сейчас у меня в файле >20 классов и перемещаться по ним, двигая скролл неудобно
0 votes6 answers -
Выровнять ссылки по центру
Помогите выровнять ссылки по центру сверху картинок... <div style="width: 100%; height: 1px; clear: both;"></div> <div style="width: 110px; height: 50px; float: left; margin-left: 0px; text-align: center;"><nobr><span style="display: block; font-size: 12px; font-weight: 700; padding-bottom: 5px; color: #cb2027;"><a href="/bronirovanie_gostinits/banya_sauna.aspx">Гостиницы или гостевые дома <br />с баней или сауной</a></span> <a href="/bronirovanie_gostinits/banya_sauna.aspx"><img width="210px" height="158px" src="/bania-i-sauna.jpg" alt="Баня и сауна" style="text-align: center;" /></a></nobr>…
0 votes0 answers -
Короткие тексты с картинками
У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?
0 votes4 answers -
Помогите опустить фон под теги p
Проблема собственно в следующем. Есть div в котором 3 колонки с текстом сделанные с помощью p, далее идет новый div в который я хочу поместить фон через background url, но он ставиться не под блоком с текстом, а на его задний план. Подскажите как его поставить на место? Мне кажется это из-за того что p строчный тег из-за этого он не хочет ставиться, а как исправить понять не могу. http://pastenow.ru/DYKB
0 votes7 answers -
Как добиться плавного отображения при transform: rotateY( 180deg )?
Здравствуйте. Пробую использовать данное правило совместно с transition и псевдоэлементами, но браузеры уж очень коряво рендерят анимацию. Вот результат http://hismith.smartfreelancer.ru/ При наведении на столбец происходит вращение. Кто-нибудь решал уже такую проблему, и если да, то как? Код: .jaluzi { display: flex; flex-direction: row; height: 90%; } .jaluzi__elem { width: 100%; } .jaluzi__elem:hover .jaluzi__column-content { transform: rotateY(180deg); transition: transform 1s; } .jaluzi__column-content { background: linear-gradient(to right, #b2b6bc 0%, #f4f4f5 25%); padding: 85px 0 0; transition: transform 1s; …
0 votes4 answers -
как сделать чтобы кнопка не отображалась в мобильной версии сайта
Всем привет. Как сделать чтобы кнопка не отображалась в мобильной версии сайта <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326" style="cursor: pointer; position: fixed; left: 0; top: 30%;"/> </div>
0 votes2 answers -
Редактирование тега <audio>
Здравствуйте,хотел бы попросить о вашей помощи.Я делаю сайт,связанный с музыкой.Как сделать,чтобы при включении второго аудио трека выключался предыдущий? Иначе они воспроизводятся все вместе.Заранее спасибо!
0 votes1 answer -
Почему не работает min-height: 50%
Вот код https://codepen.io/lrenzlui-the-sasster/full/abwGbPG
0 votes2 answers