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
29,542 questions in this forum
-
Парочка проблем
Вот выложил заготовку Моя ссылка 1)Проблема следующая.. В Хроме заголовки h7 (которые красные) выглядят растянутыми по ширине.. В ИЕ все гуд... Как решить проблему? 2)Нужно сделать чтоб в левой и правой колонках, нижний контент прилип к футеру на небольшом расстоянии, не зависимо от количества контента над ним.. Как это реализовать? Должно быть как тут
0 votes4 answers -
Верстка.
Всем привет! До сих пор понять так и не могу.Вот все говорят,что дабы div`ами верстать надо,всё же мне более удобно верстать на таблицах.Буду благодарен за Ваши ответы ...
0 votes6 answers -
Отступы внут. блоков.
Доброго времени суток! Есть проблема с отступами блока внутри блока, при попытке сделать отступ внутреннего блока вот так Html <div id="osnova"> <div id="content"> </div> </div Css #osnova { width: 1280px; min-height: 1900px; } #content { width: 1024px; min-height: 900px; margin-top: 80px; } Отступ идет от края окна браузера а не от родительского элемента. Но если добавить верхний бордер к #osnova то отступ будет нормальный (от родительского элемента) но я понимаю что это не правильно. Варианты с position: relative; top: 80px; мне не очень нравятся т.к. появляются проблемы с …
0 votes2 answers -
Движется хедер, а не должен.
Делаю меню списком, меню вложено в хедер. При выставлении margin-top для меню,движется весь хедер, вместе со списком. Немного кода: #header {width:100%; height:167px; background:#353a33; position:relative;} ul{ list-style:none; background:url(images/menubg_06) repeat-x; width:1024px; height:64px; margin-top:103px;} Помогите пожалуйста
0 votes1 answer -
Объясните на пальцах про позиционирование
Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код: <div id = "found"> <div id = "Left"> <div> <div id = "Right"> <div id = "Right_l"> <div> <div id = "Right_r"> <div> <div> <div> CSS: #found { height:600px; width:800px; } #Left{ width:250px; display:block; position:relative; } #Right{ width:550px; display:block; position:relative; float:left; } Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r] То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать... Получается сейчас…
0 votes2 answers -
Вёрстка таблицами
Часто вижу вёрстку и оформление страниц, сделанную таблицами. Не обязательно вся страница сделана, а бывает, что какой-то участок страницы свёрстан с помощью таблицы. Известно, что вёрстка таблицами это признак дурного тона, но более недостатков я не слышал. Поэтому хотел бы обсудить особенности такой вёрстки со знающими людьми. Во первых, мне кажется, что вёрстка таблицами это вполне приемлемо. Но вот что настораживает. Является ли для таблиц обязательными вложенными элементами такие теги как <caption>, <thead>, <tbody>, <tfooter> и <th>. Даже не знаю, какой последний изданный w3c стандарт есть, где описывается нужность (ненужность) этих…
0 votes24 answers -
Неравные ячейки таблицы
Есть сайт http://zav.ucoz.net/. Скрин http://zav.ucoz.net/bezymjannyj.png Нужно чтобы граница слева и справа были одинаковыми, т.е. центр не залазил на правые блоки. Хэлп!!!
0 votes0 answers -
Не правильное отображение css
#sddm div a:hover { background: #49A3FF; color: #FFF} .ib, .ib2 {height: inherit;z-index: 1;} .ibt, .ibtl, .ibtr {background: url('/images/ibt.png') top left repeat-x;height: 34px;overflow: hidden;} .ibtl {background-position: bottom left;float: left; width: 14px;} .ibtc {float: left;margin-left: 4px;line-height: 34px;padding-top: 2px;width: 86%;overflow: hidden;} .ibtr {background-position: bottom right;float: right; width: 15px;} .ibtc a.bl, .ibtc a.bl:visited, .ibtc span.bl {border-left: 3px solid #fcbc26;color: #09364c;font-size: 11pt;font-weight:bold;padding-left: 7px;} .ibb, .ibbl, .ibbr {background: url('/images/ibb.png') top left repeat-x;height: 20px;overflo…
0 votes10 answers -
Движки
Объясните пожалуйста, для чего нужны движки, какие виды существуют и кто какими и для чего пользуется? Как они пишутся? Спасибо)
0 votes3 answers -
Вертикальное меню
Здравствуйте, я бы хотел узнать ваше мнение. Была задача сделать верстку вертикального меню, уже с готовой структурой, как показано здесь Появилась проблема что при переключении пунктов, меню смещалось (вниз вверх), из-за того что выделенный пункт имел большую высоту, для этого я сделал одинаковую высоту как выделенным и невыделенным пунктам. Появилась следующия проблема, расстояние между пунктами было слишком большое. Вопрос возможно ли уменьшить расстояния и при этом что б пункты не смещались? (Основная проблема в картинке которая обозначает выделенный пункт) Ссылка на сайт: http://aca.computers.net.ua/ru/cus_env/ Структура меню: <div class="vert-menu-box"> &l…
0 votes2 answers -
phpstorm
Привет, долго думал куда же выложить вопрос, решил в этот раздел. Суть вопроса вот в чем. Использую PHPStorm, хочу изменить такую вещь - к примеру пишем ксс #div{m+ teb;o+tab} - получаем #div{ margin:; outline:;} как можно сделать чтобы он не переносил на новую строку а продолжал текющуу.. что то уже несколько часов копаюсь, не могу найти( Подскажите плз.
0 votes0 answers -
Что нужно прописать при верстке в css чтобы не растягивался сайт
Добрался наконец до практики верстки, и тут сразу же возник вопрос. В общем сделал пока только верхнюю часть сайта, прописал в css значения, но вот при проверке в др браузер все растягивается и получается ерунда. Как запретить это и где в css файлике это нужно прописать?
0 votes3 answers -
align=middle в хром
Делаю выравнивание текста по картинке - <img src="/upload/medialibrary/1a2/clock.png" align="middle"> текст. В браузерах Opera и IE отображается как надо, текст по середине картинки справа, а вот в хроме текст справа вверху от картинки. Причём, если вместо align, написать valign="middle" в хроме как надо отображается, а в остальных браузерах не так.. Как сделать, чтобы в хроме отображалось как положено align="middle"?
0 votes2 answers -
Отображение изображений с удаленного фтп
Здравствуйте. Даже не представляю как решить такую задачку. Есть доступ к фтп серверу по логину, паролю. В корне сервера лежат файлы изображений. Количество постоянно пополняется. Есть веб-страничка на другом сервере. Как отобразить на страничке изображения с фтп, при условии, что ни количество ни имена файлов заранее не известны. Может есть какое готовое решение на jquery, например.
0 votes3 answers -
Как убрать разрывы между глобальных блоков сайта
Здравствуйте. Подскажите пожалуйста как на сайте http://www.stmclimat.com/ Убрать разрывы между шапкой сайта и центральной частью и между центральной частью и подвалом, т.е. чтобы между ними не было видно фона, а сайт выглядел как единое целое. Где искать устранение данной проблемы или какие коды надо выложить???
0 votes1 answer -
Вертикально-резиновый сайт
Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…
0 votes4 answers -
Как избавится от тормозов?
Сделал работу http://www.webapps.itsblog.org/ - презентация на HTML5 и CSS3. По мере наполнения слайдами столкнулся с проблемой тормозов - слайды дергано сменяются. Можно ли избавится от них? Вот здесь http://slides.html5rocks.com/ тоже много слайдов напичканных спецэффектами, но работает шустро. Нужны советы по оптимизации скорости отображения в браузере без потери оформления.
0 votes15 answers -
javascript
Скажите пожалуйста,что я делаю нетак. Я хочу создать 2 слайдшоу на одной странице,вот код <table height='15'><tr><td></td></tr></table> <table border="1" cellspacing="0" cellpadding="0" frame="hsides" width='1068'> <tr><td> <table border="0" cellspacing="0" cellpadding="0" frame="hsides" width='1068'> <tr> <td> <table border='0'> <tr> <td> <table border='0'> <tr> <td> <img src='world/1.jpg' name='a' width='160' height='80' onClick='f("world/1.jpg");'> </td> </tr> <tr> <td> <img src='world/2.jpg' name='b' width='160' height='80'on…
0 votes0 answers -
Помогите сделать три DIV блока
Здравствуйте. Хочу решить задачу, решение которой вижу в табличном варианте: таблица из трёх колонок (первая 540px, вторая 200px, третья 200px) Как реализовать через DIV блочную вёрстку? Заранее очень благодарен.
0 votes1 answer -
Позиционирование фонового изображения
При задании позиции фонового изображения оно просто исчезает. Какую ошибку я допустил?
0 votes3 answers -
Убрать текст у формы
Есть стандартная форма поиска: <form id="search"> <input class="s_inputtext" type="text" name="q"/> <input class="s_button" type="submit"/> </form> как у кнопки поиска убрать текст "отправить запрос"?
0 votes2 answers -
ПОМОГИТЕ!Как выровнять в таблице изображение!
Люди добрые, плиззз!!!Мне нужно что бы изображение было в низу таблицы, а текст писался с верху. Пробовал в td valign="bottom", все выравнивается по низу. Пробовал img привязать css vertical-align:bottom ноль эмоций!!! Пож. помогите!!! :(
0 votes1 answer -
Проблема с положением дива position:absolute в IE
Такая беда: в ИЕ див с position:absolute отображается справа от текста, а в остальных браузерах - под текстом. Подскажите пожалуйста, как сделать, чтобы див в ИЕ был под текстом (а еще лучше, чтобы див вообще не зависил от текста). Вот код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>111</title> </head> <body> <div style="position:relative; width:500px; height:200px; background:#CCC"> Text <div style="position:absolute; width:200px; height:300px; background:#666"></div> </div> </body> </html> Вот пример: http://goodtime.com.ua/max/wtf2…
0 votes3 answers -
Несколько бакграундов в IE
Возможно ли отрисовать с помощью DXImageTransform реализовать в IE поддержку нескольких бакграундов по аналогии с CSS3: #element { background: url('img.png') 20px 0 no-repeat, url('img.png') 40px 0 no-repeat, url('img.png') 80px 0 no-repeat; } Пробовал сделать вот так: var Element = document.getElementBuId('element'); Element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 40)" + ", progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 20)"+ ", progid:DXImageTransform.Microsoft.Al…
0 votes0 answers -
совместное изучение html
Когда то давно изучал хтмл вместе с ксс _ все шло гладко но вскоре одному сталоо скучно, не интересно.Так например нескем обсудить ново изученную тему, свои идеи и так мое изучение прекратилось. на данный момент планирую начать сначала изучение html . Кто хочет приступить к совместному обучению просьба обратиться по следующим адресам gentius@mail.ru или в скайп kreker151 Всем удачного дня и новых успехов !
0 votes0 answers