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
-
Сделать кнопку без помощи тега <button>
Тег не поддерживается только браузером Internet Explorer... Обидно! Но кнопку ещ? можно сделать так: , это не проблема. А как можно создать свою кнопку, с тремя положениями (активна, неактивна, нажата) и возможностью переименовать е? в любой момент я не знаю.. В Delphi это очень легко сделать можно, а с веб-дизайном только начинаю работать и не очень освоилась ещ?...
0 votes1 answer -
Отступы у кнопки в IE 8
Проблема появилась в IE 8 с отступами у кнопок при верстке html. В IE 7 все в порядке. Вот код кнопки: <a href='http://www.site.ru'><img src='001.jpg' width='200' height='30' border='0' alt='Кнопка' /></a> Какой фокус появился в ИЕ? СКРИН:
0 votes1 answer -
Нужна помощь в ограничениях на сайте
Приветствую! Есть шаблон. <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="http://maltin.ru/artlemon/shablon/css/layout.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="top">Предоплата 100%. Бесплатная доставка примерно 1-2 недели.<br /> <span>ВНИМАНИЕ!</span> Кликайте по кнопке <em>«Купить сейчас»</em&…
0 votes0 answers -
Пропадает подвал
Есть макет на трех колонках. Для формирования используется связка relative и absolute у position, при этом подвал оказывается под колонками. Есть какие-то способы сдвинуть его под все колонки, чтобы он опускался автоматически исходя из высоты контента? <!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" /> <title>Три колонки</title> <style type="text/css"> .header, .footer { background: #D5BAE4; } .layout { position: relative; /* Относитель…
0 votes4 answers -
Верстка и smarty
Все привет. Есть задача вывести на страницу сайта некоторое кол-во фотографий ( в миниатюре ). Процесс стандартный php берет данные ( имя изображения, описание т.д. ) и сдает это smarty ( assign ) . Шаблон: <table border="0" style="width: 100%;"> <tr> {section name=index_last_photo loop=$id} <td> <a href="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].photo_file_id}.jpg" rel="lyteshow[vacation]" title="{$id[index_last_photo].rus_photo_name}"> <img style=" border: 1px solid silver;width: 128px; height: 128px;" src="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].p…
0 votes10 answers -
Проблемы с IE
Электронная Финляндия Проблемы с IE6, IE7. Левая колонка "едет". Нижнее меню в IE6 "едет". И еще куча мелких косяков с отступами. Буду благодарен, если подскажете как решить или дадите ссылки на описания похожих проблем с их решением. Первый раз столкнулся с такими проблемами, времени пока нет искать решение самому. Есличо - верстал не я. Я ток помогаю решить проблемы с кроссбраузерностью.
0 votes6 answers -
секундомер на сайте (скрипт, код и т.д.)ю Как сделать?
Друзья, а как сделать секундомер (просто счётчик) на сайте (какой скрипт или код) чтобы можно было время, минуты и секунды прикрутить отдельно? и еще какой скрипт позволяет отрывать одну картинку из фотогалереи (разумеется, увеличивается на весь экран, а фон прозрачно — чёрный)?)
0 votes1 answer -
Подскажите статейку
Приветствую, о гуру! Подскажите ка статейку хорошую, "Как создать флеш" Мне там особых наворотов не надо. Просто надо будет по готовой картинке jpeg расставить 110 ссылок)
0 votes12 answers -
Изменение изображения
Нужно сделать вкладки как тут http://pyha.ru/ (фишки,мини-FAQ,Библиотека,статьи,кухня,форум) проблема в том что если делать: <a href="http://><img src='img/proba.png' onmouseover="this.src='img/probahi.png'" onmouseout="this.src='img/proba.png'" border=0> и картинку повернуть боком как например "статьи, форум" то при наведении в область квадрата картинка уже сменяется, а на пыхе только при наведении на картинку. пробовал в фотошопе убрать фон, всё так же. (если не понятно объяснил могу скрины дать)
0 votes6 answers -
Chrome, Opera отображают криво страницы
Доброго времени суток! Товарищи, подскажите как решить проблему отображения сайта в Chrome и Opera. В мозиле и IE сайт отображается как надо, а в Chrome главная страница сползает влево, а при переходе на остальные страницы все хорошо; а в опере наоборот главная наместе, но все остальные странички съезжают вправо (при этом ссылка на главную страницу сделаная через div остается на месте, а все остальное съезжает). Буду признателен за советы!
0 votes7 answers -
сайт долго грузится
когда открываю главную страницу сайта все нормально но когда открываю любой фильм сайт все грузится но в окне браузера грузится и грузится не знаю в чем проблема помогите пожалуйста http://lybrook.net/1128-godzilla.html .
0 votes3 answers -
Как сделать, чтобы Окрашивался выбранный пункт меню, в который перешёл
Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и не пропадал, пока не переду в другой пункт. Вот ссылка сразу для онлайн правки: https://jsfiddle.net/zzvewxhw/ Там и html и css стили. Буду благодарен за помощь!
0 votes5 answers -
Верстка меню ломается в Firefox (wordpress)
Ломается верстка меню в FireFox (40-ая версия и ранее) Меню отскакивает вправо: Сайт на worspress
0 votes1 answer -
Не работают Медиза запросы с Grid layot. Помогите понять проблему.
Приветствую друзья не могу понять почему не работает адаптивка. Осваиваю адаптивную верстку на основе Grid . По задумке у меня несколько колонок которые при сжатии экрана менее чем 500 пикс., должны стать в две колонки. Не могу понять в чем подвох. Вроде бы пример элементарный. Может какая синтаксическая ошибка. Буду оч признателен если подскажете.
0 votes0 answers -
Помогите разобраться с макетом
Помогите пожалуйста разобраться с макетом, не пойму как это реализовать. Пример на картинке. Необходимо чтобы центральный блок был фиксированного размера, а боковые растягивались по бокам до краев экрана и вниз по высоте центрального блока. При этом, фон страницы желтый, а в боковых блоках в качестве фона используется изображение с прозрачностью которое в результате должно оказаться на том, нижнем, желтом цвете. Тут заготовка которая не работает (блоки стоят друг на друге) - https://jsfiddle.net/26fen5mk/1/
0 votes3 answers -
map и area
Недавно поручили администрирование сайта, сайт вроде делали профессионалы, но сколько их не просили исправить ошибку, так все и осталось... Проблема в следующем: на сайте навигация представляет собой карту-изображене. В opera и FF все отображается корректно, но в IE ссылки куда-то уезжают и находятся совсем не в том месте, где должны быть. Вот код: <div id="flash"></div> <script type="text/javascript"> var so = new SWFObject("assets/flash/flash2.swf", "flash", "527", "256", "9", "#FFFFFF"); so.addParam("wmode", "transparent"); so.write("flash"); </script> <div style="position:absolute;left:0px;top:0px;text-align:center;z-index:3;width:100%;"&g…
0 votes4 answers -
несколько вопроов
Для наглядности привожу пример и код: html, css Итак, наверно уже пора задавать вопросы=) 1) Подскажите пожалуйста на сколько по фен шую центровать блоки с помощью div.centered и нет ли более минималистичного способа? 2) Почему бэкграунд от div#main_bg не применяется к вложенному div#content? я так понимаю это как-то связано с свойством float у div#content? 3) Почему бэкграунд заданный для div#header_bg применяется ко всей странице, игнорируя бэкграунд у body? Вопросы возникли в связи с тем, что до этого момента версткой как таковой не занимался, а когда верстать все таки приходилось спасали таблицы=)
0 votes6 answers -
Выравнивание меню
Столкнулся с такой проблемой, как кросбраузерно выравнять меню по центру, когда меньше пунктов то меню прижимается к правому краю: .header-menu { position: absolute; width: 930px; height: 31px; background: url('../images/bg_menu.jpg') repeat-x; bottom: 0; } .header-menu ul { position: relative; padding: 4px 50px 2px 0; margin: 0; display: block; overflow: hidden; } .header-menu ul li { float: right; display: block; padding: 0 12px 0 18px; text-align: center; } .header-menu ul li span { display: block; font: normal 13px Arial; padding-top: 2px; padding-left: 32px; background: url('../images/pkt.jpg') 0 5px no-repeat; } .header-menu ul li a { displ…
0 votes7 answers -
Вопрос по ширине и макету
Нашел хороший сайт с макетами. Там ширина всех макетов 1024px. Читая статьи в сети многие пишут, что ширину макета желательно делать 1000px, так как часть пикселей уходит на всякие браузерные отступы, скроллы и все такое. Соответственно лучше мне изменить ширину макета с 1024px до 1000px?
0 votes10 answers -
"Падают" некоторые блоки в IE
Здравствуйте. Сразу суть проблемы: - IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку). Адрес проблемного сайта: www.simplyfitcanada.com/test Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице и…
0 votes6 answers -
Вопрос по overflow: scroll
Нужно сделать как тут. Я имею ввиду именно это так скажем "внутреннее окошко". Там оно сделано на фреймах, хотелось бы блочными элементами сделать тоже самое. Попробовал с overflow: scroll, но скролится по вертикали. Смотреть Попробовал добавить float:left; для первого изображения, но ничего не изменилось. Смотреть с float:left Помогите пожалуйста
0 votes8 answers -
Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?
У меня есть див с шириной 500px. В нём есть широкое изображение, где-то 1000 px шириной. А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?
0 votes10 answers -
Видео в изображении
Помогите сделать чтоб видео ( стрим канал) был в картинке (телевизор)?! Срочно нужно
0 votes14 answers -
Проблема подключения LightBox 2.5
Собственно ниже код, проблема в том что я так и не подключил этот код, хотя перетыкал все места. Всё отображается - не работает сам скрип. Скажите пожалуйста в чём может быть ошибка. Сайт скрипта http://lokeshdhakar.com/projects/lightbox2/ . <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=cp-1251"> <TITLE>hello world!</TITLE> <link rel="stylesheet" type="text/css" href="reset.css"> <link rel="stylesheet" type="text/css" href="main.css"> <link rel="stylesheet" type="text/css" href="style/screen.css" media="screen" /> <link rel="stylesheet" type="text/css" href="style/lightbox.css"…
0 votes3 answers -
Горизонтальное меню
Добрый день! Подскажите как с помощью маркированного списка сделать такое горизонтальное меню и работало в IE 6? При наведении ссылка выделяется вот таким фоном Само горизонтальное меню имеет фон - градиент: Выделяется ссылка также градиентом: У каждой ссылки в меню справа добавляется иконка (для примера ссылка - наши объекты): Код HTML <div class="navbar"> <ul> <li><a href="#">О продукции</a></li> <li><a href="#">Наши объекты</a></li> <li><a href="#" class="icon-calculator">Оконный калькулятор</a></li> <li><a href="#">Задать вопрос</a></li&…
0 votes13 answers