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
-
Вопрос!
Здравствуйте! Я полный ноль в html i css, поэтому прошу вас помочь.. Хочу добавить на главную страницу в меню пользователя отображение аватарки, но у меня не получается Скажите пожалуйста строку кода отображения аватарки на главной? Заранее спасибо!
0 votes22 answers -
3d глобус - возможно?
Как и на чем можно реализовать следующую вещь? У заказчика возникла идея - он продает туры по миру. Чтобы сделать глобус, который можно было вертеть как я поняла в 3д пространстве и еще и по итогу кручения появляется где-нибудь внизу слоя страна - вы едете в тайланд, америку итп (набор туров определенный). Куб я себе еще представляю, как реализовать - там 6 границ, каждому из которых задается положение в пространстве, но.. но шар?.. ??? Можно реализовать и как можно проще. Основная идея - сопоставить набор туров с положением на глообусе и чтобы он вертелся по мышке к примеру. И насколько то, что будет реализуемо - кроссбраузерно?
0 votes11 answers -
Прозрачность картинки при наведении
Привет!!! Я недавно начал изучать разработку web-страниц и столкнулся с проблемой, помогите, люди добрые!!! Есть две картинки. При наведении на 1-ую, должна появиться вторая, причём первая должна затемниться. У меня практически всё получилось, вот только с затемнением получилось всё наоборот, как добитиься нужного результата, не знаю. Помогите!!!!!! Ниже ссылка (30 Кб) моей работы, если можете, подскажите пару строк кода, где я ошибся. http://www.kaa.zdorovie.starinet.com/tmp/help.rar
0 votes6 answers -
Проблема с фоном в Опере
В файле css установлен следующий параметр: body{ background-color:#000; } В FF5, Chrome, IE8 все отображается как задуманно (фон страницы - черный), но вот в Опере фон почти везде белый почему-то... Помогите разобраться чего не хватает Опере для корректного отображения. Сайт - http://ilonapalfi.com/. Валидацию html прошел. Заранее большое спасибо за добрый совет.
0 votes4 answers -
Отступы в dreamweaver
Чего-то я не знаю и делаю не так. Проблема такая: структуру html в дриме размечаю табуляцией, но, когда нажимаешь enter, то дрим автоматом создаёт отступы не табуляцией, а пробелами. В итоге структура рушится. Как сделать, чтобы он делал отступы табуляцией, равной 4м пробелам? надоело вручную каждую строчку исправлять
0 votes3 answers -
Формат А5 при печати
Подскажите, пожалуйста, как решить проблему: - формируем макет документа предназначенного для печати на А5 - в IE по умолчанию установлен формат страницы А4 - если изменить настройки параметра страница на А5, то печать на принтере А5 происходит нормально, но - в параметрах следующего документа снова стоит параметр А4. Получается, что перед каждым выводом на печать необходимо изменять параметры страницы с А4 на А5 - издевательство Вопрос: Каким тегом можно установить (и можно ли вообще) параметр страницы А5 "по умолчанию"? Спасибо
0 votes2 answers -
Текст сверху border
Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top? Скриншот:
0 votes21 answers -
Растягивание div-а под текст.
Имеется такого рода проблема: http://www.progcom.sumy.ua/template/cod/ Как сделать, чтобы див справа растягивался? Чтобы текст не налезал... css div.main { width : 780px; height : auto; margin : 0px auto; padding : 0px 0px; border: 1px solid black; } div.content{ width:780px; height:auto; margin : 0px auto; padding : 0px 0px; min-width: 780px; width: expression(document.body.clientWidth > 780 ? "100%" : "780px") } img.fix { vertical-align: bottom; } table.content_table_first{ margin-top:10px; text-align: top; vertical-align: top; } div.left{ width:190px; height:327px; margin-left:5px; margin-right: 0px; padding : 0px 0px; border: 1px solid grey; } div.right{ width:5…
0 votes3 answers -
Css. изображения выстроились лесенкой, хотя мне нужно в один ряд.
Приветсвую, помогите пожлауйста чуток. У меня на сайте изображения выстроились лесенкой, хотя мне нужно в один ряд. Какой класс за это отвечает, немогу понять где править. http://photo.sukurtisvetaine.lt/?page_id=80
0 votes3 answers -
свойство 'right': IE и FF
есть такая разметка страницы <html> <head> <style type="text/css"> body { background-color: #FFFFFF; } #header_div, #links_div { position: absolute; display: block; } #header_div { font-family: Helvetica; color: #990000; font-size: 18pt; height: 80px; right: 10px; left: 10px; top: 10px; } #links_div { left: 10px; right: 10px; top: 100px; text-align: right; background-color: #FFE0E5; } #menu_div, #main_div, #right_div { position: absolute; display: inline-block; } #body_div { display: block; position: absolute; top: 150px; left: 10px; right: 10px; } #menu_div { width: 200px; left: 0px; top: 0px; position: relative; } #…
0 votes6 answers -
Выбор средств при верстке
Всем привет! Опыта мало, поэтому прошу помощи! Есть задача - не могу определиться со способом ее решения. Поэтому вопрос к бывалым знатокам. Какие средства Вы бы использовали для создания "резиновой" странички следующего макета? ——————————————————————————-- | | | | | | | | 3 | | | | | …
0 votes15 answers -
Отступы в % и отрицательные margin
Возникла проблема с версткой вот такого макета: белое и красное - в % синие и желтое - фиксированно зеленый блок выходит за пределы красного на фиксированную длинну (в px) Проблема в зеленом блоке - если задать ему отрицательный маргин, то в ИЕ6 всё, что за пределами красного блока - не показывается. Подскажите - реально ли такое сверстать? UPDATE Код для примера: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Заголовок страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h…
0 votes8 answers -
Найстрока Superfish
Добрый день, в общем понадобилось для меню Superfish сделать плавное исчезновение, посмотрел документацию $('ul.sf-menu').superfish({ hoverClass: 'sfHover', // the class applied to hovered list items pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass delay: 800, // the delay in milliseconds that the mouse can remain outside a submenu without it closing animation: {opacity:'show'}, // an object equivalent to first parameter …
0 votes4 answers -
Выпадающее меню vs Opera 9.1 и выше
Помогите пожайлуста! Есть сайт www.sdl.net.ua И есть проблемка, как исправить?
0 votes3 answers -
Кто знает как сделать как на Google?
У меня разрешение моника 1280px по ширине. При поиске картинок вмещается в строку 6 изображений. Если браузер начать сворачивать, уменьшая полезную область, то 6 картинок сначала прижимаются вплотную друг к другу, а через секунду уже в строке их оказывается 5, а не 6. Продолжаем аналогичные действия: вместо 5-ти встроке становитсяя 4 и потом 3. На тройке вс?, стоп: количество изображений в строке не уменьшается. Рандомная ссылка для примера и проверки эффекта http://images.google.com/images?imgsz=huge...%BD%D0%BE%D0%BA Как такое сделать?
0 votes11 answers -
Заменяющиеся картинки
Хочу сделать такую хрень: есть меню, берём в пример раздел "Новости", там картинка "Новости".png Как прописать в ЦСС так, чтобы при наведение на эту картинку появлялась другая? Знаю, a:link, a:visited { background-image: url('image1.gif'); } a:active, a:hover { background-image: url('image2.gif'); } только как это "умно" применить? Например: <div id="news"><a href="index.php?case=news"><img src="i/news.png" /></a></div> к нему цсс: #news { a:link, a:visited { background-image: url('news1.png'); } a:active, a:hover { background-image: url('news2.png'); } } Так у меня ЕСТЕССТВЕННО не пашет)) Объясните дураку как надо))
0 votes12 answers -
ie7, position: absolute, width: 100%
Есть конструкция типа <div style="position: absolute"> <div style="width: 100%"></div> </div> Ширина внешнего блока определяется конентом. Внутренний блок не растягивается на всю ширину внешнего в ie7. В остальных браузерах нормально. Пробовал html, body { margin: 0; padding: 0; } Не помогло. Заранее спасибо.
0 votes2 answers -
Закругленные рамки для таблицы
Довольно долго гуглил, нашел аж 38 методов создания рамок с закругленными углами, но так и не понял, как же это сделать для таблицы. У меня есть большая таблица (структура моего сайта) и я хочу в ней сделать закругленные края. Подскажите, как это сделать.
0 votes4 answers -
DIV: в центре по вертикали, независимо от разрешения экрана.
По горизонтали это делается так: .center { width: 500px; height: 500px; background-color: #FFCC66; position: relative; margin: auto; } А как по вертикали? - что бы квадратик был по центру и при 800х600 и при 1920х1080. P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?
0 votes10 answers -
html5 <video>
Поставила видео ориентируясь на статью http://htmlbook.ru/html5/video Почему то не работают некоторые встроенные элементы управления. Например в firefox не срабатывает кнопка play/pause. И при нажатии на само видео ...видео не останавливается. В IE9, chrome, opera, safari тоже не срабатывает кнопка play/pause. Что это может быть?
0 votes1 answer -
Обязанности верстальщика
Здравствуйте, уважаемые профессионалы верстки! Хотел бы уточнить такой вопрос: Что должен сделать верстальщик, если в шаблоне есть различные формы, например, такой: Или например, форма подписки на рассылку, голосование или анкеты? Какой функционал входит в обязанности верстальщика?
0 votes8 answers -
CSS для нескольких страниц
Подскажите, как скрепить в CSS стили для нескольких страниц? Спасибо
0 votes10 answers -
Почему не рекомендуется использовать идентификаторы?
Доброго всем времени суток! В последнее время все чаще слышу (в основном, на Хабре), что оформлять элементы следует только с помощью классов, но никак не с помощью идентификаторов. Учился я основам верстки давно, во всех книжках тогда предлагалось верстать так: если одинаковых элементов более одного, то используем класс. Если один на страницу - id. В связи с чем такие изменения в сознании?
0 votes5 answers -
Изображения выходят за пределы слайдера. Задание 100% ширины не выручает
В конец сайта поставил слайдер. Сначала Owl Carousel, потом Slick. Но в обоих слайдерах изображения выходят за его пределы. Ставил 100% ширину абсолютно всем элементам, не спасает. Даже оборачивал <ul> в <div> греша на float, но не тут то дело
0 votes1 answer -
Как сделать рамку из текстуры?
Возникла необходимость сделать рамку вокруг div'а, примерно вот так: http://miron.in/images/untitl-1319037614.png Различие в светлых и темных градациях серого можно отбросить, главное сам смысл - текстура с повторяющимся рисунком, обрамляющая блок. Проблема в том, что высота блока заранее неизвестна. Немного подумав (и погуглив) решил попробовать вариант с четыремя вложенными div'ами, каждый из которых можно залить такой текстурой и поставить по периметру. Но тут возникнет другая проблема - ведь текстура может и не совпасть. Еще читал про border-image, но он в IE вообще не работает. Что можно попробовать в такой ситуации?
0 votes8 answers