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
-
Ширина дива
Как сделать так, чтоб при увеличении текста, ширина дива тоже увеличивалась? К примеру, есть код echo '<div class="a">'.$a.'</div>'; Значение переменной $a может как увеличиваться, так и уменьшаться. Нужно чтоб ширина дива была равна длинне $a как такое сделать в css?
0 votes5 answers -
footer внизу, проблема с Mozilla
Добрый день. Ситуация такая: нужно сделать, чтобы футер был всегда внизу страницы. При этом фон контента всегда должен заполнять всю область страницы до футера. Может, не совсем понятно объяснил, мозги уже не работают. Вот работающий пример, который мне удалось сделать. Все работает нормально в браузерах IE6+, Opera и Google Chrome. Не работает в Мозилле - фон контента, если его мало, не заполняет всю область страницы до футера. Уже не знаю, что делать. Подскажите, в чем может быть проблема? Заранее спасибо за любую помощь. Исходный код: (основной блок main, в нем лежат блоки контент и футер. В блоке контент добавляется пустой блок empty, равный высоте футера, чтобы содер…
0 votes6 answers -
помогите сделать выпадающее меню
Всем привет! У меня глобальная проблема с выпадающем меню, я очень долго уже мучаюсь с этой проблемой, нашёл кучу примеров, но как вставить именно в свой сайт понять не могу , вроде всё делаю правильно, но всё безуспешно( Помогите мне вставить это меню, дело в том, что в разделе "рубрики" это слева внизу нужно где раздел "всё о подводном мире" при наведении на него мышкой выпадало два раздела "морской мир" и "пресноводный мир", и так же при наведении на раздел "все о наших материалах" выпадало три меню: 1) Каркас 2)Стекла 3) Крышки под аквариумы ССЫЛКА НА САЙТ Помогите это сделать буду очень благодарен! Заранее спасибо!
0 votes5 answers -
float-поведение без переноса
Подскажите пожалуйста, как такого добиться. Если содержимое зеленого блока может обтекать синий - это стандартная ситуация, а так - я не знаю.
0 votes7 answers -
@font-face и безопаснные шрифты
Допустим, я хотел бы использовать на сайте какой то нестандартный шрифт, например, представленный на картинке. И я собираюсь подключить его через директиву @font-face. Отсюда: Вопрос 1: Шрифты подключаемые через @font-face лежат на сервере вместе со всеми файлами которые составляют сайт. Т.е. по идее они будут доступны всегда, когда доступен сам сайт. Нужно ли в этом случае указывать другие "безопасные шрифты" в свойстве font-face? Допустим указывать нужно (мало ли что). Отсюда Вопрос 2 Как определить какой из "безопасных шрифтов, т.е. тех шрифтов, которые есть у практически любого пользователя нужно указывать? Как я понимаю, нужно найти список этих безопасных шрифтов,…
0 votes1 answer -
кнопка меню - прямоугольник под наклоном
Добрый день. У меня кнопки меню в виде прямоугольников под наклоном: создала с помощью transform: http://htmlbook.ru/faq/kak-sdelat-gorizontalnoe-menyu-s-naklonom Все замечательно, только не знаю как сделать, чтобы в последнем пункте меню справа не было наклона, то есть нужно как на этой картинке
0 votes5 answers -
Лучший Thumbnail Slider
Господа, уже много заданий делал с такими слайдерами, но до сих пор никак не могу прийти к одному варианту. Какой вы используете самый проверенный скрипт для вот такого вот типа слайдера? Без цмсковых плагинов. Хэлп плиз, опять встала эта задача, а сёрфить каждый раз и тратить время надоело Верю что есть настоящие спецы
0 votes2 answers -
Всплывающие окна
Здравствуйте, буду признателен, если сможете помочь решить проблему с сайтом. Проблема заключается в том, что на сайте существует кнопка "Получить консультацию" которая вызывает всплывающее окно с формой. Однако при создании такого же окна при клике на изображение(пока есть только при клике на левое верхнее) окно не появляется, а встраивается в готовый блок сайта. Можете подсказать как решить эту проблему?(По поводу оформления и изображения знаю, меня интересуют только окна) Ссылка на архив с сайтом https://github.com/Mat-CauThon/-
0 votes0 answers -
Реализация элементов фона
Добрый день. Очень нужен совет. Есть макет лэндинга, ничего в принципе сложного, но не могу понять, как лучше реализовать некоторые элементы (выделил красной рамкой на пикче). Либо с помощью svg, но тогда сложно будет редактировать толщину линий при адаптиве. Либо создавать div'ы и стилизовать их. Или не заморачиваться и запечь эти элементы с фоновый изображением. Делаю тестовое для собеседования, хочется грамотно к вопросу подступить. Как вы реализуете подобное? Лично я первый раз с таким дизайном в практике встречаюсь, вот и колеблюсь. Заранее спасибо.
0 votes2 answers -
Как гридами разместить дивы по углам родителя?
у меня 4 квадрата и я хочу разместить каждый из этих квадратов в каждый угол флекс-контейнера,решил сделать это командой justify-self и когда задаю для дива one параметр justify-self: start, то реакции не идет. Можно ли разместить каждый див по углу через грид? https://codepen.io/tempest2708/pen/ZEWaepy
0 votes1 answer -
Замененные галки и радиокнопки смещаются
Прочитал здесь как менять галки и радиокнопки на свои картинки http://www.markupartist.com/lab/styled-che...d-radiobuttons/ Они работают, но замененные появляются не на тех местах, где были стандартные, а после всего содержимого ячейки и на строку ниже. Вот все, что про них написано в css .splash, .splash-default, .heart, .heart-default { margin: 0 0px 0 0; width: 15px; height: 15px; } .splash { background: url(splash.png) no-repeat; } .splash-default { background: url(splash-default.png) no-repeat; } .heart { background: url(heart.png) no-repeat; } .heart-default { background: url(heart-default.png) no-repeat; } Пробовал вписать "display:inline;" - Opera9 совсем пере…
0 votes3 answers -
Проблема с selectом
В и задаю фон с помощью CSS через вот часть кода: background: url(../images/gold_sem.gif) center center; все нармально, а вот в не получается.Что вы об этом думаете?
0 votes5 answers -
как сделать ссылку на внтуреннюю часть документа с другой страницы?
У меня на одной странице есть ссылка, мне нужно чтобы она перекидывала на внутреннюю часть другой страницы. То есть я сделала сейчас так: <a href="/...shmtl" name="w1">GGG</a> Это не работает...
0 votes4 answers -
Выравнивание содержимого DIV
Верстаю страницу при помощи DIVов со свойствами display: table*. Всё выравнивается, но содержимое разных DIVов зависит друг от друга. Допустим, что: <DIV class="post"> ___<DIV class="picture"><IMG src="image.png"></DIV> ______<DIV class="text">Без постановки рук и элементарной музыкальной грамоты польза от занятий сомнительная. Для второго инет сгодится а вот постановку заочно тебе никто не сделает. Можешь найти инфу но не факт что она достоверна и контролировать правильность будет в любом случае некому.</DIV> ______<DIV class="answer"> ____</DIV> </DIV> В левом DIV отображается картинка, а текст среднего DIV идёт от…
0 votes2 answers -
Помогите с html
Всем привет! У меня такой вопрос. Как зделать такой сайт http://oblom.com У меня сам html есть. <html> <head> <title>Ololo</title> <head> <html> <head> <body bgcolor="Black" text="Silver"> </html> <br/> <br/> <br/> <br/> <br/> <div align="center"> <font size="15"> <h1>Бугага</h1> <p></p> </body> </html> Ну как с доменом?
0 votes16 answers -
Проблема с офромлением меню выпадающего списка
Сделал выпадающее меню, также при наведении на "Женская одежда", у неё появляется фон рисунком, хочу прилепить еще недостающий рисунок к правой части основного рисунка. Как это сделать? У меня не получается. Меню сделал так: <div id="menu"> <ul> <li> <a href="#">Женская одежда</a> <div> <ul> <li><a href="#">Платья</a></li> <li><a href="#">Топы</a></li> </ul> </div> </li> <li> <a href="#">Мужская одежда</a> <div> <ul> <li><a href="#">Костюмы</a></li> <li><a href="#">Рубашки</a></li> </u…
0 votes13 answers -
Inkscape
Кто пользует для вёрстки макетов? Давайте обмениваться опытом. Очень удобный редактор, можно собирать макет из картинок, потом нарезать его, делать кнопочки, фоновые рисунки, градиенты и т.д.
0 votes4 answers -
исчезновение дива?
у меня есть див, как сделать что бы он через 5 сек плавно исчез?
0 votes11 answers -
Что это за элемент управления?
Подскажите, что это за элемент управления
0 votes7 answers -
Нет плавной CSS3- анимации в Chrome
работает только в опере и мозилле http://jsfiddle.net/qrTA8/ -webkit-transition-duration: 100ms; - есть, но не помогает
0 votes6 answers -
Блик, не мешающий ссылке
https://taxi.yandex.ru/?from=morda — при первом посещении этой страницы можно наблюдать модальное окошко, в котором находится слайдер. Он выполнен в виде смартфона. По клику по экрану смартфона или на кружочки справа от него, слайдер будет листаться. Я делаю нечто похожее. И столкнулся с такой проблемой: если делать блик на девайсе в виде png с прозрачной вырубкой (скажем, в виде телефона, в котором прорублено прозрачное окошко с бликом для картинок слайдера) и блок (<div>) с этим девайсом поместить над картинками (при помощи z-index), то ссылки (у каждой картинки в слайдере своя) работать не будут — ну, само собой: ведь png с телефоном наверху лежит. Если же положи…
0 votes6 answers -
Верстка меню
Как сверстать такое меню используя по максимуму css
0 votes13 answers -
Устранение ошибок верстки
Добрый день, помогите, пожалуйста, не спецу устранить некоторые ошибки шаблона, которые не проходят валидацию, верстальщик куда-то пропал вот и приходится самому. В<head></head> есть такой тег: <link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' /> который дает кучу ошибок при проверке кода. Есть ли какая возможность, написать эту строку так чтобы она не выдавала ошибок и без потери ее назначения. Заранее всем спасибо. Сайт сверстан на: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…
0 votes3 answers -
Проблемы с выпадающим меню (jQuery)
Пациент: http://demo.imatte.us/fomru/project_people.html Выпадающие меню при клике на эти ссылки работают не правильно. При клике открывается меню, но при выводе курсора из этих меню оно скрывается. Если после этого наводить курсор на любую из этих ссылок, то откроется их меню. Подскажите, как сделать чтобы при unhover'е меню не скрывалось, и при уже открытом меню при наведении на другую ссылку не открывалось другое меню. Спасибо.
0 votes3 answers -
Структура файлов
Добрый день, товарищи! Я новичок, два дня только html осваиваю. Интересует вопрос о структуризации всех файлов сайта. Может я пропустил это вначале обучения. Но не суть. Я написал index.html таким образом: <!doctype html><html> <head> <title>Магазинчик</Title> </head><body> <h1 align="center">Городская кофейня "Гадюшник"</h1> <p align="center" ><big><big>Добро пожаловать!</p> </big></big> <hr> <p> <big>Прежде чем приступить к поглащению всякой гадости предлагаем Вам выбрать то, что Вас интересует: </big></p> <a href="some/menu.htm…
0 votes8 answers