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
-
Не полностью отображается сайт в Internet Explorer
Под IE не отображается половина добрая главной страницы. Нет левого меню, половины текста и партнеров. На других страницах это все есть, но отображается тоже некорректно. Например, кнопки в левой нижней части (карнизы SunDeco) обрезаются. Вот адрес моего сайта : http://www.rolsistem.ua/ - посмотрите пожалуйста в чем может быть проблема, кто сталкивался с этим и может есть какие способы устранения. , где что нужно исправить?
0 votes18 answers -
Opera && <button></button>
Есть к примеру такая разметка и Opera 11.01 (в остальных браузерах работает нормально) По идее при нажатии на кнопку скролл не дожен прокручиваться, а он улетает вниз. Помоги те решить сию проблемку.
0 votes0 answers -
Таблица HTML
Здравствуйте ув. коллеги. У меня такая проблемка. Просматриваю сайт, информация отображается в виде таблицы. Мне нужно данную таблицу перенести в ексель. Вариант сохранить mht (htm) и потом открыть офисом не подходит, т.к. даные выстраиваюся в столбик, а мне нужно чтоб оставалась табличка. И исходные даные "оставались" по ячейкам. Люди добрые, помогите кто чем может.
0 votes7 answers -
Приоритет
Добрый день! Такая проблема. В главном каталоге моего сайта есть 2 файла index.php и index.html при открытии моего сайта загружается index.php как сделать так чтобы при вводе ссылки http://мойсайт.ру загружался файл index.html P.S без переименования файла index.php
0 votes1 answer -
Почему нельзя переправить свойство через класс, если оно задано для всех элементов?
Проблема такая, для всех div задано свойство рамки, то есть вот так без никаких классов div {border: 1px solid #000;}. Однако в коде есть такие дивы, которым рамка не нужна и этих дивов подавляющее меньшинство. Между тем, когда им пишешь border: none, ноль реакции. Как я понимаю, это происходит из-за того, что рамка задана для всех div глобально. Это можно как-то обойти, потому что иначе придётся писать уйму ненужных строк, чтобы ввести классы, где нужна рамка? А так как их большинство, то код увеличится на немалое количество строк типа class="див с рамкой". А между тем, зачем это делать, если можно только пару раз указать, где рамка не нужна. Или при глобально заданной р…
0 votes1 answer -
Проблема с выравниванием div
Как сделать так, чтобы один див прижимался к левому краю, а другой к правому и при этом никуда не пропадал базовый div? Вот, что имеется в виду: <div style="background: #f6f6f6;"> <div style="float: left;">123</div> <div style="float: right;">456</div> </div> Проблема в том, что при таком раскладе базовый div (тот, что с бекграундом) как бы схлопывается. Однако если ему указать высоту в 1 пиксель, то в IE всё работает просто замечательно. Базовый div сразу подстраивается под высоту двух других. А вот в FF и Opera этого почему-то не происходит . Как решить такую проблему без задания высоты каждому диву, так как она может быть разной?…
0 votes5 answers -
Слои, кроссбраузерность
Здравствуйте, помогите пожалуйста разобраться. Делаю сайт на joomla1.5(залил на тест-хостинг) - http://alex.z83.ru. Проблемы две (...пока, насчет IE еще не заморачиваюсь): 1. Справа от герба расположен блок <div id='head_photo'> , в него встроен модуль вывода сучайного фото, размеченный как еще один div , внутри которого ссылка с изображением( div->a->img). В стилях я сделал для #head_photo бэкграунд-картинку(corners.png-прозрачную) с белыми уголками, чтобы фото выводились под ней и были со скругленными углами, выставил z-index: 100; а для самой картинки- div#head_photo div a img { display: block;position: relative;z-index: 9;} чтобы она была под картинкой с…
0 votes24 answers -
Странный отступ
Ребята, подскажите. Я не профи в верстке, поэтому бьюсь и не могу понять в чем проблема. Вот 2 снимка страницы и файл css. На первой вы можете увидеть подвал страницы и отступ между подвалом и другими частями страницы. На второй то как мне нужно чтобы все было (без отступа). Причина видимо в стиле .copyright, которым описаны авторские права. Как только я убираю эту строку с правами, подвал встает на место. Как мне сделать, чтобы и тест был в нужном месте и подвал был на месте. Я расчитывал, что текст внутри подвала будет делать отступ от границ подвала, но он почему-то этого не делает, хотя текст в других кусках страницы отступы отсчитывает от правильных границ. Подскаж…
0 votes5 answers -
Про необязательные тэги и необязательность закрытия всех тэгов — беспардонное враньё?
Всегда ранее я предпочитала строгий синтаксис xhtml, считая вольный html с незакрытыми тэгами чем-то абсолютно недостойным. Но в конце концов стало интересно: ведь как-то же люди и такой синтаксис используют, и всё работает, да и спецификациями одобрено. Но однако что замечено: если не использовать тэг <body>, то в отдельных случаях IE любой версии просто не кажет содержимое страницы. В частности, это происходит, если использовать html5shiv или схожие по смыслу скрипты. если не закрывать <p> (или любой другой типа не требующий закрытия тэг), и за этим незакрытым элементом закрывается </section> или </aside>, то FF игнорирует эти закрывающие тэги, с…
0 votes12 answers -
Ролловер. Работает в FF, Chrome, Safari. В IE8 - нет :)
Сделал ролловер : <div id="Tools"> <ul> <li><a href="#"><span>aаааа</span></a></li> <li><a href="#"><span>bbbbb</span></a></li> <li><a href="#"><span>ccccc</span></a></li> <li><a href="#"><span>ddddd</span></a></li> </ul> </div> Стили: #Tools { width:180px; height:400px; background-color:white; float:left; padding:20px 0 0 20px; } #Tools ul { list-style-type:none; } #Tools a, a:vis…
0 votes4 answers -
растянуть блок по высоте
сайт ребята, подскажите как сделать так, чтобы левый див с айди leftcolumn растягивался по высоте полностью.
0 votes5 answers -
Форум
всем привет, я тут учусь верстать, как бы главную страницу, я верстаю, ф форум вообще не знаю как. И собственно просьба, если кто то видел видеоуроки или статьи, на эту тему. Дайте ссылку мне пожлуйста, а то я чет не могу найти Зарание спасибо.
0 votes5 answers -
И опять IE
Приветствую. Это мой первая верстка, поэтому сильно не ругайте. В процессе верстки возникли некоторые вопросы. В частности с IE. Верстка - http://test-platform.ucoz.ua/Somara/home.html CSS - http://test-platform.ucoz.ua/Somara/css/master.css То как должно быть - http://itmages.ru/image/view/125718/17747cd5 Проблема возникает с блоком логотипов.
0 votes5 answers -
Отступы в списке
Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…
0 votes33 answers -
Кривые input-ы
Как видите, во всех браузерах отступы разные... Как сделать, чтобы в любом браузере кнопки были посередине? CSS: input.pass {background: url(template/pass.png) no-repeat; border:1px solid #494949; background-color: #858585; background-position: 0 50%; color: white; padding-left: 65px; margin-top:6px; width:90px; height:16px; font-family:arial;} input.login {background: url(template/login.png) no-repeat; border:1px solid #494949; background-color: #858585; background-position: 0 50%; color: white; padding-left: 60px; margin-top:6px; width:90px; height:16px; font-family:arial; margin-left:5px;} input.white_button {background: url(template/white_button.gif) repeat-x; borde…
0 votes5 answers -
Проблемы при переносе списка на след. строку
Всем привет. Есть такая проблема - я расположил изображения на странице с помощью списка по горизонтали. При меньшем разрешении то что не влезает переносится на следующую строку. Но, если добавить к изображениям подписи, нижняя строка начинает съезжать вправо. Никак не могу от этого избавиться. Помогите!
0 votes3 answers -
Не указывается размер в %
Имеется скрипт, который позволяет видеть записи твиттера пользователя на любом сайте. Но у этого скрипта ширина и высота указаны в пикселях. Я пробовал указать в процентах, но тогда скрипт пропадает. Тогда я сунул этот скрипт в отдельный DIV и указал размеры этого самого DIV'a в процентах. Но это тоже мало чем помогло. Вот код: <div style="position: absolute; top: 31%; left: 18%; width: 58%;"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 10, interval: 6000, width: "100%", height: 470, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#…
0 votes2 answers -
float: left
http://borber.ru/htmlbook/template5.html Вот тут обычный вариант «двухколоночного макета». Меню идёт с float: left. Далее нам нужно вставить много (неизвестно сколько именно) блоков 100×100, которые бы тоже бы были с float: left; А потом ещё раз такие же блоки. Само собой, надпись «Вторые блоки» тоже попадает под раздачу. Что делать, думаю я про себя. Вставляю пустой блок с clear: left, который до кучи хватает ещё и колонку с меню. http://borber.ru/htmlbook/template6.html Как бы вот так сделать, чтобы и left «почистить» и меню не захватывать?
0 votes6 answers -
Выпадающий список сдвигает нижние элементы
C днем Святого Валентина всех! Сделала select с помощью скрипта, который преобразует в div и ul. Все хорошо, только выпадающий список сдвигает нижние элементы при выпадении Можно это как-то CSS вылечить?
0 votes3 answers -
Народ нужна помощь...
Привет всем ) Решил сверстать страничку ... так ради опыта ... скачал с нета макет... Начал верстать... и все бы ни чего но в конце чё то отступы от body до footer в разных браузерах разные(( Как с этим бороться возможно есть какие то хаки ??? или еще что то ..... подскажите кто знает) Вот код и ссылка на страницу(http://portfolio-ka4erovskii.narod.ru/Hammer/index.html) Код: html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Hammer</title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /…
0 votes0 answers -
мокрый пол
Кто-нибудь умеет далать «мокрый пол» для картинок? Мне не надо готовое решение — в интернетах их полно, но они все какие-то неуниверсальные. Мне бы хотелось, чтобы кто-нибудь объяснил суть как и что делается, а я уж сам реализую.
0 votes25 answers -
Тег b
Как сделать так чтобы с помощью тега b окно закрывалось при наведении на текст курсора? Заранее всем спасибо
0 votes1 answer -
размер изображения в %
Всем привет! Подскажите. У меня блок с контентом задан в %, а в нём есть фото. так-вот, указываю изображению ширину 100% (чтоб было на весь блок), а в IE8 изображение отображается в реальном размере, то есть растягивает блок с контентом. как сделать так чтоб фото было только на всю ширину блока, а не в полном размере в мозилле и опере все норм (когда указываю изображению параметр width="100%"), а IE как всегда все портачит подскажите пожалуйста решение этой проблемы, уж очень нужно =) заранее всех благодарю!
0 votes11 answers -
Главенство одного стиля над другим
Пожалуйста помогите. имею такой код a { тут стиль} a:hover {тут стиль} block a {тут стиль} block a:hover {тут стиль} Так вот, в <div class=block> выводится ссылка. по цвету и шрифту она совпадает со стилями описаными block a и block a:hover. НО text-decoration этой уловке не поддается. т.е text-decoration заимствуется от основных стилей а не от тех что я описал для класса block. что делать. помогите
0 votes7 answers -
Изображение на всю ширину макета
Прочитал статью на вашем сайте: http://htmlbook.ru/content/izobrazhenie-na...-shirinu-maketa В целом интересно, хотя я до этого уже использовал схожие приемы. Что меня смутило: Однако я всегда делал такие нарезки шириной именной в 1 пиксель. Даже если такой картинкой заливаешь весь фон браузера, то никогда ни каких тормозов не наблюдалось (в том числе и на не самых быстрых компах). Может кто-то пояснить эту рекомендацию или она уже устарела (т.к. все современные компы справляются с такой заливкой на ура) и можно смело резать картинки шириной в 1 пиксель?
0 votes6 answers