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
-
Верстка блоков
Всем привет! Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg Ниже код с шапки <div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div> #grekovlogo { background-color: #000; width: 207px; height: 84px; float: left; } #grekovtext { padding: 15px 45px; float: left; } #bar { background-color: red; width: 1072px; height: 30px; flot: left; } И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недав…
0 votes17 answers -
Фон в Opera и Mozilla Firefox, прокрутка в Opera
Здравствуйте. В Opera и Mozilla Firefox возникла проблема с фоном, при использовании кода приведённого ниже. В блоках #container_obhvat и #footer используются одинаковые фоновые изображения, однако между блоками в этих бразерах явно видна граница (см. скрин.), почему эта граница возникает? В IE6 границу не видно. Так же появилась проблема с прокруткой. Блок #footer должен прижиматься к низу, когда мало контента, в Opera появляется вертикальная прокрутка, которой быть не доложно, почему она возникает? Я заметил, что в Opera, когда появляется горизонтальная прокуртка, возникает и вертикальная. <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head&…
0 votes2 answers -
Перемещение блоков вложенных один в другой.
Всем привет. Нужно немного опустить блок с текстом по отношению к другому блоку с изображением, но почемуто блок опускается вместе с картинкой.Помогите решить проблему. На скрине показано какой блок нужно опустить. Немогу понять в чем беда. html <!DOCTYPE html> <html> <head> <meta crarset="utf-8"> <title>ruslanlizogub</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/960_24_col.css"> </head> <body> <div class="cv-section container_24"> <div class="person"> <img src="img/avatar.jpg" width="122" height="165" alt="ruslan lizogub"> <div class="fio"> <…
0 votes6 answers -
Относительные пути
Здравствуйте. У меня есть сайт. И я сделал еще один сайт который хочу показать другу. Для этого я создал новую директорию на своем сайте куда и поместил его. Но так как все пути на новом сайте относительные, он подгружает css и js файлы с основного сайта. Как заставить его загружать js и css из своей директории не меняя пути? Есть ли возможность сделать это через .htaccess?
0 votes7 answers -
Спрайт png24 - проблема в ie6
Задача: Есть полупрозрачная кнопка. При наведении - подсвечивается. Решение: Делаю спрайт. Через clip() и позиционирование на ховер меняю стили. Везде работает, кроме как в ie6. Не работает именно из-за прозрачности. Как только ставлю фильтр - всё, не пашет. Причём не могу понять закономерность - в одном проекте работает - в другом - нет. Есть ли какие-нить ограничения, нюансы?
0 votes12 answers -
input type=checkbox" checked="checked" на мобильных
Доброе утро! На сайте http://www.znichshop.ru/ есть Расширенный поиск. Проблема заключается в том, что на некоторых планшетах и телефонах не отмечается галочка в чекбоксах (при выборе разделов), а на всех проверенных устройствах, после появления галочки название поля падает под само поле. В чем данная проблема?
0 votes6 answers -
Альтернатива png иконкам
Всем привет, такой вопрос: я хочу реализовать иконки с прозрачностью(полупрозрачности нет). Но я заметил что при использовании GIF края получаются неровными да и вообще качество ухудшается. С PNG все нормально, но как-то не охото) -js фильтры + весит многовато. Если gif сохранить 1000px X 1000px то проблемы с качеством и краями исчезает), причем весит меньше чем png. Соответственно, вопрос есть ли еще какая-нибудь альтернатива PNG(может какие-нибудь доп. опции в photoshop). Насколько адекватно решение с 1000x1000 px GIF? СПАСИБО!
0 votes6 answers -
Откуда берется картинка, когда даешь ссылку на сайт?
Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.
1 vote2 answers -
Помогите!
Здравствуйте. У меня проблема. Когда браузер раздвигаешь, слова съезжают с картинок, смотрится очень весело. Не подскажите какой скрипт отвечает за это. Ну или скажите (если есть) скрипт, который автоматически подгонял бы браузер под нужный мне размер. Заранее спасибо.
0 votes10 answers -
Проблемы с таблицей при блочной верстке.
При верстке блоками (div) при позиционировании блоков с отрицательными margin возникает проблема размещения таблицы с шириной 100% в блоке content, он расширяется и появляется полоса прокрутки, а левый блок navigation уходит в право, сайт резиновый с фиксированной минимальной шириной, можно ли как нибудь избежать этого? Html - код <html> <head> <title>Название страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script src="AC_RunActiveContent.js" language="javascript"></script> <link href="css/style.css" rel="stylesheet" type="text/css"> <!--[if lt IE 7]> <script language="J…
0 votes1 answer -
растянуть по высоте блок ЕСЛИ
как растянуть правый блок на 100% по высоте если у контейнера для этих блоков стоит overflow html, body {position:relative; min-height:100%; height:100%;} #content { width:974px; position:relative; overflow:hidden; border:1px solid red; } #left { width:100px; float:left; min-height:100%; height:100%; display: inline; } #right { width:700px; float:right; border:1px solid red; }
0 votes8 answers -
Стереть значение атрибута в CSS
Есть HTML-код, который генерируется сервером, и я не могу на него влиять. Могу оперировать лишь с помощью CSS в отдельном файле. В коде есть таблица: <table id="ReportViewerControl" style="display:inline-block;height:100%;width:100%;"> <tr> <td>Control panel elements</td> </tr> <tr> <td style="width:100%;height:100%;"> Content </td> </tr> </table> Проблема в том, что при display:inline-block; таблица в Опере разворачивается на всю ширину окна, как и требуется, а TD - нет. Когда удаляю display, всё встаёт на свои места, но как провести это "удаление" в пользовательском CSS?
0 votes6 answers -
не работает Fullscreen во флеш-плеере на html-странице
Всем доброго времени суток! В общем, проблема в следующем. Есть флеш-плеер для просмотра видео в онлайне на сайте. Локально флеш-плеер работает идеально, в полноэкранном режиме в том числе. При размещении на html-страницу функция полноэкранного просмотра не работает, хотя все остальные функции плеера работают исправно. Облазил уже весь интернет, но по сущетву ничего не нашёл. Прочёл где-то, что нужен специальный яваскрипт для этого дела... . Если у кого есть решение, поделитесь, плиз. Вся надежда на вас!
0 votes3 answers -
Отображение страницы на retina
Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…
0 votes4 answers -
Эффект перехода по слайдам
Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.
0 votes2 answers -
Дивы в одну строку, выровненить по центру внешнего дива?
Есть проблема. Имеется див, ширина которго "резиново" меняется от 1000px до 1160px; В него вложены 4 дива, с float: left и фиксированной высотой. Сейчас я указываю для 4-ех вложенных дивов еще и width. И получается что див-родитель масштабируется, в зависимости от размера браузера, а 4 вложенных приклеиваются к левому краю, а справа пустота. Задача такая. Без указания ширины для вложенных, выравнивать их по всей ширине дива родителя. Ибо не усложнать css expression, напишу код только под FF, сути не меняет. fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf Какие предложения будут? Таблицы не вариант? Спасибо.
0 votes4 answers -
Помогите. Слой не тянется в ИЕ6 по высоте.
Проблема в том что в ИЕ6 если жестко не пропишешь высоту блока в px то вложенный слой "height: 100%" тянуться не хочет. А в FF, Opere, Safari (в других не смотрел) все ок. Я делаю рамку для дивного блока, следующим образом: (страничку можно посмотреть по адресу: http://www.sevstar.net/downloads/project/music.sevstar.net/) <!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> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta http-equiv="content-language" content="r…
0 votes3 answers -
проблемa с позиционированием блоков
Доброго времени суток! Для создания галереи фото нужен был скрипт, нашла его на просторах Интернета... Подогнала под свои нужды, но вот не задача - в Опере при нажатии на превью затемнение экрана происходит не полностью.... В Мозилле и ИЕ8 - все нормально. Но проблема мне видится не в скрипте, а в позиционировании. Ссылка на галерею: http://www.hlebdom.ru/gallery_museum.html Может кто знает, как эту проблему решить?
0 votes9 answers -
Белое пространство под футером
Делал верстку для сайта по способу http://www.cssstickyfooter.com/. В Webkit, Opera и IE работает чудесно, а вот в ФФ внизу появляется белое пространство (как будто бы есть ограничение на высоту). Чем больше разрешение, тем больше и пространство. Вот ссылка на скрин: http://h1813090.stratoserver.net/files/sha...qkWUtoRxNog.jpg Вот код в html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Delhi Darbar - Indian restaraunt </title> <!-- put some link to the favicon here --> <link rel="shortcut icon" href=…
0 votes0 answers -
Прозрачная полоса прокрутки
Здравствуйте. Помогите, пожалуйста, с вопросом. Как можно сделать на сайте прозрачную полосу прокрутки как, например, у телефонов Nokia X6 при просмотре веб-страниц или как у виджета комментариев сайта vkontakte.ru (скриншот)? Также, если есть возможность, ответьте, пожалуйста, как запретить вход на сайт по ссылкам с определенных сайтов? Например, было время, когда создатели сайта "Единая Россия" er.ru запретили вход на их сайт с vkontakte.ru, facebook.com и пр. Спасибо!
0 votes3 answers -
div не так отображается в IE
Вот код: <!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> </head> <body> <div id='blok' style='background: white; text-align: center;"> много текста </div> </body> </html> css: body,html { margin : 0; padding : 0; height:100%; max-height:100%; overflow: hidden; } #blok { position: fixed; top: 75px; left: 190px; bottom: 50px; right: 0px; overflow: auto; } При таком коде в IE отображается только часть текста и нет полосы прокрутки ... Если поменять fixed на abs…
0 votes5 answers -
PNG в IE6
Подскажите, что нужно сделать, чтобы IE6 отображал прозрачность рисунков png
0 votes7 answers -
Первые секунды загрузки сайта
Делаю не первый сайт, и который раз возникает следующий вопрос: Первые секунды загрузки сайта контент отображается "как есть" пока подгружается файл стилей. Потом резко все становится на место. Как решается данный вопрос? Только на своих сайтах вижу) Проблема в доктайпе? Спасибо!
0 votes8 answers -
проблема с IE и отображением фоновых изображений:(
Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное
0 votes6 answers -
Урезка блока другим
Вот какая проблемы : на странице http://rubasket.com/Мультимедия/BasketTUBE...ctlink&id=3 блок с информацией о видео перекрывается дивом right .... как можно исправить?
0 votes11 answers