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
-
Резкая прокрутка вверх в Opera
Вроде всё хорошо, а в браузере Opera на одной единственной странице при установке курсора в самый низ страницы вдруг страница резко прокручивается вверх, т.е. прочитать то что внизу страницы нельзя. Вот та страница: http://e-dotu.ru/2011/05/razreshenie-problem-natsionalnyih-vzaimootnosheniy-v-rusle-kontseptsii-obshhestvennoy-bezopasnosti-3-1/ Что же может вызвать такое поведение? Кто сталкивался с таким?
0 votes1 answer -
Проблема со стилями
Сначала страничку сделал при помощи таблицы. Все работало на ура, только не корректно отображалась в IE. Решил переделать с использование DIV. Все правильно отображается, но при первом открытии страницы не применяются стили. Когда следом обновляю страницу все становится как положено. Как я понимаю с первого раза таблица стилей не подгружается. Может кто сталкивался с этим, как можно это победить? Пример: - buy-club.ru
0 votes6 answers -
Кроссбраузерное выравниевание блоков по горизонтали
Добрый день товарищи! Подскажите, пожалуйста, статьи или по своему личному опыту, как лучше выравнивать блоки фиксированной ширины по-горизонтали по центру, кроссбраузерно? К примеру: имеется внешний блок шириной 1000 пикселей и внутренние блоки по 100 пикселей каждый(рис.) Решение 1: первая мысль-float #outer_block{ background-color:#CCC; padding:10 0; min-height:280px; width:1000px; } #outer_block div{ background-color:#FCC; width:100px; min-height:200px; margin:0 5; float:left; } <html> <head> <title>Тестовая страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <meta http-equiv="P…
0 votes5 answers -
border-bottom
Как сделать border-bottom на всю ширину div блока ?
0 votes7 answers -
Отображение ссылки-картинки
Подскажите пожалуйста где искать ошибку. Ссылка должна отображать кнопку-картинку, а:hover должен отображать иную кнопку-картинку. <ul id="Nav5"> <li><a href="home"></a></li> <li><a href="solutions"></a></li> <li><a href="products"></a></li> <li><a href="about"></a></li> <li><a href="contacts"></a></li> </ul> #Nav5 { height: 38px; width: 495px; border: 1px dotted #F00; list-style-type: none; position: absolute; left: 500px; top: 50px; } #Nav5 li { display: inline; margin-right: 5px; border: 1px solid…
0 votes6 answers -
DOCTYPE и высота ячеек таблиц
<!--DOCTYPE html--> <html> <head> <title></title> <style> html { border: red dotted 1px; height: 100%; } body { border: blue dotted 1px; height: 100%; } body > table { border: red solid 1px; height: 100%; } /*body > table > tbody > tr > td { height: 100%; }*/ body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; } </style> </head> <body> <table> <tbody> <tr> <td style="border: green dotted 3px;"> <table> <tbody> <tr> …
0 votes1 answer -
подскажите с background
Подскажите как правильно сделать. На сайте http://atlasokon.com.ua/vibor.htm слева и справа колонки идут в виде: <td width="200" align="center" valign="top" background="Pics/rubber_grip1.png"> валидаторы ругаются что тег "td" не имеет атрибута "background" в активных версиях НТМL4 как с этим бороться?
0 votes8 answers -
Footer в Chrome
Здравствуйте, я учусь html5 и css (сама не поняла еще 2.1 или третьему). Стараюсь основательно разбираться во всем, и обходиться без "хаков и распорок". Упражнялась в разметке страницы html: <!doctype html> <html> <head> <meta charset=utf-8> <title>Лабораторная 2.3</title> <link rel=stylesheet href=3.css> </head> <body> <div id=wrap> <header>Верхний блок</header> <nav>Навигация<br>Навигация<br>Навигация</nav> <article> <p>Таким образом новая модель организационной деятельности представляет собой интересный эксперимент проверки форм развития. То…
0 votes2 answers -
Выравнивание текста внутри блока.
Стоит задача выровнять текст внутри блока по горизонтали и по вертикали. Т.е. вне зависимости от ширины и высоты текста он должен быть всегда по центру. Прилагаю скриншот Есть соображения как это сделать?
0 votes3 answers -
html картинка кодом
Есть html страничка, в неё вставляем картинку - иконку. в браузере получаем отображение этой картинки (файла картинки). все типовое, никаких проблем. все работает. Как можно уйти от файла -картинки, вставить в html сам код картинки? ОСновная задача - избавиться от файлов - картинок, но в браузере получить отображение этих картинок? Интересует подсказка - куда копать, как задобрить гугла , чтоб выдал что-то в тему.....
0 votes5 answers -
в ie выпадающее меню не находит на слайдер
Помогите разобраться. В ie выпадающее меню отображается под слайдером. В остальных браузерах все работает. использовал z-index. html <header> <div class="main"> <div class="volna"> <img src="img/travavoln2.png" alt=""> <div class="clear"></div> </div> </div> <nav> <ul class="menu"> <li><a href="">Клуб</a> <ul> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li…
0 votes3 answers -
:hover и меню
Собственно есть код выпадающего меню, показываю css ul.navi div.mega-content { position: absolute; left: 0; padding: 0; margin: 0; background: #04677F; display: block; float: left; padding: 0 9px 9px 0; } и html <li class="level1 last havechild default"> <a class="level1 last havechild" href="/index.php/inv"><span class="menu-title">Финансы</span></a> <!-- open mega-content div --> <div class="level2 mega-content"> <div class="mega-content-inner"> <div class="mega-col first one"> <ul class="subnavi level2"><li class="level2 first default"> <a class="level2 first" href="/index.php/in…
0 votes5 answers -
DIV'ная рерстка списка статей
Здравствуйте форумчане. А подскажите мне пожалуйста как можно сотворить список статей, как примерно показанно на картинке, прикрепленной мною. Так, что все выводились друг за другом и имели строго такой вид, как я изобразил. Есть код мною написанный, но уже третья статья уезжает вниз, чего совсем не нужно. Помогите разобраться и привести код и все остальное в божеский адекватный вид. Я немного новичок в верстке, поэтому нужна помощь. <div calss="wrapper"> <div id="articles"> <div class="article">...</div> <div class="article">...</div> <div class="article">...</div> <div class="article">...<…
0 votes1 answer -
картинки
скажите если я хочу сделать фон как на этом сайте http://www.alpinabook.ru/ , обои с книгами. Как найти его?
0 votes4 answers -
Как сделать картинку, текст и кнопку в одну строку?
Вставил кнопку подписки в блог, но выглядит не красиво. Подскажите, пожалуйста, как сделать картинку, текст и кнопку в одну строку? Скриншоты: 1) Сейчас вот так - http://prntscr.com/dg40bw 2) Хочется, чтобы было примерно вот так - http://prntscr.com/dg411z Ссылка на код - http://debaka.ru/ (справа, в сайдбаре) Проблема устранена - можно закрывать тему.
0 votes0 answers -
Как установить картинку?
по центру что бы при изменении окна она сдвигалась в центр? Извините за глупый вопрос, новичок просто.
0 votes1 answer -
Таблица на 100% в диве для ИЕ
Здрасте В приведеном ниже коде, при таких условиях нужно добиться, чтобы в ИЕ таблица тянулась на 100%, как и прописано для нее в стилях - она не "дотягивает" немножко из-за установленых отступов и полей для body Если это возможно, подскажите, как? Спасибо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <body style="margin:10px; padding:10px"> <div style="border:1px dashed #666; padding:10px; margin:0 20%"> <div style="border:1px solid black; margin:0 0 10px">Te summo feugiat definiebas sea, natum noster mollis ea has.</div> <table style="width:100%; border:1px solid red"> <tr> <td>…
0 votes3 answers -
Передать ссылку из одного окна в другое
Вот такая ситуация - есть сайт, и-магазин. Нажимаю на "добавить в корзину", и открывается новое маленькое окошко, в котором происходит процесс установки куки. Дальше пользователю в этом маленьком окошке предлагаю: 1) Закрыть это окно и перейти в корзину (т.е. это окно закрывается и в главном происходит переход на другую страничку) 2) Закрыть это окно (это просто, делаю через JS: <a href="java script:window.close()">) вопрос как реализуется первый пункт?
0 votes2 answers -
Трабл с ие7
Очередной трабл с ие7 ...На этот раз серьёзный... Вот, Ссылка отрицательный margin не работает почему-то.... хотя между колонками должен быть промежуток небольшой Original
0 votes4 answers -
INTRO в Joomla
Как сделать Интро-страничку на сайте, который держится на Jooml'е? На Интро-страничке есть пару ссылок, которые в свою очередь могут перевести в нужный раздел Joomla-шаблона. Вы можете подробно ოбъяснить как это возможна? вот примери http://www.gorgia.ge/ , http://www.anagi.ge/ Спасибо заранее
0 votes2 answers -
всплывающее окно меняет координаты при повторном открытии
реализовал функцию обратный звонок на ДжиКвери, при нажатии на ссылку всплывает окно при повторном нажатии без перезагрузки страницы окно меняет месторасположения hххp://www.dommoy.com.ua/ кнопка "Обратный звонок" в верху сайта Подскажите плз
0 votes1 answer -
Серый фон блока
Есть серый блок в макете (футер), никакого градиента в нём не видно.. но Пипетка в разных местах блока показывает разные цвета!! (оттенки серого). Как поступить?? Использовать какой-то один оттенок в качестве фон. цвета или Как?? Оттенки вроде по всему блоку разные - не похоже, что это градиент..
0 votes5 answers -
Вопрос про img
А можно ли в img отобразить часть изображения? Или он всегда старается впихнуть в доступное пространство весь файл(в соответствии с указанными высотой и шириной)? А еще конкретнее, можно ли использовать спрайты в таблице?
0 votes11 answers -
не работает background: url(top.jpg)repeat-x;
Всем привет. Не могу разобраться! Не работает background: url(top.jpg)repeat-x в ИЕ. В мозиле все нормально! В чем может быть проблема Все разобрался)
0 votes2 answers -
Неправильное растягивание блока с плавающим содержимым
Доброго времени суток, Дано: Растягивающийся по содержимому блок(display:inline-block): Внутри него обтекаемый блок(float:left) За ним обтекающий блок, который должен растягивать родителя. Код: Проблема: При небольшом размере текста в обтекающем блоке Chrome и Firefox растягивает родительский блок не правильно. Как правило, короткий текст просто переносится под плавающий блок. скриншот: IE и Opera растягивают родителя правильно. скриншот: Посмотреть вживую можно тут и тут (по второй ссылке html5 и Firefox его отображает немного по другому) Нужно найти кроссбраузерную реализацию такой верстки. Заранее благодарю.
0 votes2 answers