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
-
перекрывающий блок position:absolute
проблема только в самом крутом браузере в том что блок центральный перекрывает боковые блоки ? откуда у него такой маразм? <!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> *{padding:0;margin:0} #conteiner{width:700px; height:300px;position:relative; border:1px solid red;} #left{width:100px;position:absolute;top:0;right:0; background-color:red;} #left2{width:300px;position:absolute;top:0;right:100px; ba…
0 votes4 answers -
Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а
Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } </style> </head> <div style="border: 1px solid #990099;"> <div style="height:100%;width:50%;float:left;"> <div style="height:100%;border: 1px solid #3187BD;"> БЛОК А </div> </div> <div style="height:100…
0 votes8 answers -
Проблему верстки в IE
Здраствуйте!Я начинающий верстальщик)Создал сайт аниме тематики просмотрел сайт вробед как-то все показывает все нормально))Но осел и в африке осел))Вопрос почему каринку указанные в css коде не показывают в IE?))Заранее спсибо) Ссылка на сайт P.SДублировал тему так как старая находится где-то далеко,а решить эту проблему надо срочно..Ребят проблема действительно для не меня не выполнима..перепробывал все)плииз помогите!
0 votes4 answers -
выравнивание по правому краю в IE
Еще пара часов потеряно, рецепт так и найден. Есть две маленькие картинки. одну нужно расположить справа вверху страницы. Вторую- справа внизу страницы. И все это должно оставаться на месте в при прокрутке станицы. Я написала вот что: #up{ position:fixed; top:0%; right:0%; } #down{ position:fixed; bottom:0%; right:0%; } В опере работает, а в IE не желает. В IE все это хозяйство прилипло к левому верхнему углу и упорно не хочет оттуда выходить. Подскажите, пожалуйста, как сделать так, чтобы и в IE работало.
0 votes5 answers -
Проблема в отображении HTML шаблона
Скачал я с интернета очень привлекательный на мой взгляд шаблон для панели администрирования. Проверил все его элементы отображаются корректно во всех браузерах. Но когда начал натягивать его на сайт, шаблон полностью поехал. Проверил HTML, CSS все идентично, все необходимые файлы подключаются скрипты подключаются. ... адреса в CSS указал верные. Вывод шаблона я делаю через smarty. Может быть кто-то подскажет в чем может быть причина. Вот так шаблон отображается на сайте (логин test@test.ru, пароль test): http://transportgid.upfactor.ru/ Так он выглядел изначально: http://transportgid.upfactor.ru/stest/
0 votes5 answers -
Не подключается PIE.htc
Здравствуйте. Столкнулся с проблемой подключения PIE.htc Вот например страница: http://test.amkt.ru/chastotnyie-preobrazovateli/chastotnyie-preobrazovateli-ruselkom-vacon/ Подключаю так: <!--[if lt IE 9]> <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/ie.css" type="text/css" media="screen"> <![endif]--> содержимое ie.css .button, .box-1, .box-4, .box-5, .style-form, #contact-form input, #contact-form textarea, .tab_container, .button-1 {behavior: url(PIE.htc); position:relative;} …
0 votes3 answers -
что за данные?
<li class="fix_nav_item sn_lv2[i][b] " data-current_id="5" data-msel="" data-id="66"[/b][/i]> <a class="fix_nav_link" href="/ru/article/moi-zhiznennye-vzglyady-66.html" title="Мои жизненные взгляды">Мои жизненные взгляды</a> </li> собственно зачем здесь эта строка: " data-current_id="5" data-msel="" data-id="66"
0 votes3 answers -
Помогите реализовать
Помогите реализовать заголовок как на картинке. Что-то дотрынькаться не могу
0 votes10 answers -
Помогите с некоторыми элементами шапки сайта
Уважаемые форумчане, помогите советом.Как правильно реализовать выделенные элементы шапки сайта
0 votes5 answers -
Оптимизация Тега H1 \ H2
Добрый день. Поправьте меня если я ошибаюсь. 1. На главной странице сайта нет тега H1, только теги H2. Добавляем тег H1 в тег [aviable=main]. 2. В определённой категории новостей тоже нет тега H1, только куча тегов H2. Так же нужно добавить тег H1? Или тот тег что на главной странице будет мешать этому тегу в категории? Спасибо за внимание! Дополню заодно Допустим есть ключевое слово Warcraft 3 Читы. Если я напишу в H1 Скачать Warcraft 3 Читы - (Поисковики засчитают в + слова ключа Скачать? Или не использовать его "Скачать". Второе, можно ли использовать Тег H1 для главной так: Скачать Warcraft 3 Читы, Скачать Боты, Скачать Хост-Боты ну и т.д. Или лучше как то по…
0 votes0 answers -
прижать футер
напомните пожалуйста как футер прижать к низу экрана jsfillde
0 votes10 answers -
Подскажите ошибки
Здравствуйте, начал учиться верстать, сверстал 3 макета, подскажите пожалуйста, есть ли какие-нибудь глобальные ошибки? Сайт 1 Сайт 2 Сайт 3 спасибо.
0 votes7 answers -
Как разместить абзац под картинкой?
Слева фотка блюда, справа текст с описанием рецепта под фоткой надо сам рецепт пошаговый. ранее я делал отступы просто br br br... или <p></p><p></p><p></p> сейчас переделываю под адаптивный вариант.. надо как-то это поправить. <p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>Что прописать, чтобы было такого вида результат: <p>картинка</p><p>Введение</p><p>Рецепт</pКак это делается? пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ. Но картинки в высоту ра…
0 votes3 answers -
При малой высоте блока содержимое идет ввсерх
При клике на некоторых ссылках на странице должен отобразится плавающий блок, высота которого средством css анимации изменяется от нулевой до некоторой фиксированной высоты. В начале анимации, когда весь контент не помещается, он сильно пождат вверх, и только вконце стает на свое место. Это выглядит примерно так. Вот этот пример: http://jsbin.com/wekixa/1/edit?html,css,js,output Браузер: Фаерфокс, версия 41.0.1 Методом тыка установил, что если не писать $('#confirm a[role="cancel"]').focus();То все нормально. Как можно изменить поведение, чтобы содержимое блока не подскакиволо вверх. Перепробывал всевозможные способы например, top: 0 и тому подобные. Не помогло.
0 votes1 answer -
Кроссбраузерный SVG в качестве background
Сделали проект на SVG, но в браузерах Internet Exploer и Safari параметр background-position обрабатывается совершенно иначе нежели в Chrome, что привело к появлению костылей для IE. Первый вопрос: кто нибудь сталкивался с корректными кроссбраузерными решениями вопроса background-position при применении в качестве фона SVG. Может надо графику как-то по другому сохранять? Второй вопрос: а Safari для Windows уже сдохла и больше не обновляется? Если да, то мутор под нее отменяется и достаточно обойтись только подгонкой под Safari для OS X. p.s.: кроме того фон скачет на 1px в IE, если размеры графики оказались в десятых долях пиксела при применении background-size.
0 votes2 answers -
Создание почти слайдера на CSS
Задача такая, есть 3-и ссылки, каждая из этих ссылок относиться к своему контенту, необходимо что бы при нажатии на ссылку показывался необходимый контент.Реализовать все посредством css и желательно не фиксированной высоты. У меня есть вот такая штука пример работы, но я столкнулся с такими проблемами. 1) Блок "green" имея свою высоту вылазит за пределы "wrapper". 2)При клике по одному из блоков, теряется фокус на ссылке и блоки меняются на default. Как можно это реализовать?Пробовал через "display", но чет как то тоже не задалось.
0 votes4 answers -
Коды символов, как правильней
Вопрос из разряда "просто интересно" Все знают про коды символов, в основном они указываются примерно так: но иногда указание с ";" на конце. Работает и так и так. Но как правильней? (или без разницы) Во, заметил уже одно отличие - без ; - форум отображает просто код символа (), с ; изображает его ().
0 votes2 answers -
Создать оттенок на картинке
Как средставми css создать отенки на изображении?
0 votes4 answers -
Как отключить щточки перед <li>?
<ul type="none"> Это работает везде, кроме оперы. В опере перед словами появляются точки.
0 votes1 answer -
ИЕ не понимает сокращенную запись CSS
Опера и ФФ воспринимают все нормально, а ИЕ не понимает такую запись: background:#c3c3c3 url(images/content_bg.jpg)repeat left top; Это нормально? Или надо прописывать типа: background-image: background-repeat: background-color: Добавил: переименуйте пожалуйста название темы на: ИЕ не понимает сокращенную запись CSS
0 votes2 answers -
Как Сделать Редактирование Текста
Здравствуйте! У меня есть букс. На него нужно добавить возможность редактировать задания. Как это сделать?
0 votes2 answers -
Странный отступ
Ребята, подскажите. Я не профи в верстке, поэтому бьюсь и не могу понять в чем проблема. Вот 2 снимка страницы и файл css. На первой вы можете увидеть подвал страницы и отступ между подвалом и другими частями страницы. На второй то как мне нужно чтобы все было (без отступа). Причина видимо в стиле .copyright, которым описаны авторские права. Как только я убираю эту строку с правами, подвал встает на место. Как мне сделать, чтобы и тест был в нужном месте и подвал был на месте. Я расчитывал, что текст внутри подвала будет делать отступ от границ подвала, но он почему-то этого не делает, хотя текст в других кусках страницы отступы отсчитывает от правильных границ. Подскаж…
0 votes5 answers -
И снова позиционирование)
Вобщем вот скрин: Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры) После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже, каким образом мне их зафиксировать на одном месте + кросбраузерность... Код кнопок <div style="margin:0 auto;margin-top:310px;"> <a href="/" style=""><div class="home">Главная</div></a> <a href="/" style=""><div class="news">Новости</div></a> <a href="/" style=""><div class="game">Игры</div></a> </div> Код CSS к ним: .home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padd…
0 votes3 answers -
Опера - png
Вобщем вот сайт - http://freunds.ucoz.ru/ В опере когда обновляешь страницу, за IPad мелькает белый фон, как его можно убрать?
0 votes4 answers -
не работает перенос
код: <a href="?do=chat" class="blockset"><img src="messenger.png" alt="Иконка"><p>Чат</p></a> <a href="?do=static" class="blockset"><img src="window_2.png" alt="Иконка"><p>Страницы</p></a><br> <a href="?do=users" class="blockset"><img src="users.png" alt="Иконка"><p>Пользователи</p></a> css .blockset,.blockset a { text-decoration: none; color:black; display:block; text-align:center; border-radius: 5px; border: 1px solid black; width:100px; height:85px; margin-left:10px; float:left; font: 11px Arial; background-color:#eeeeee; margin-bottom:10px; } когда на …
0 votes5 answers