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
-
проблема с отступами у IMG в TD в IE
уважаемые пользователи форума, помогите плз решить проблему : скрипт выводит следующий код: <table border="0" cellpadding="2" cellspacing="2" id="t_block"> <tr> <td rowspan="2" valign="top"> <a target="_blank'' href=" ... "> <img src=" ... " style="border: none !important;" class="t_img" align="left" width="50" height="50" /> </a> </td> <td> ... неважно1 ... </td> <tr><td> ... неважно2 ... </td></tr> ... </table> скрипт я никак изменить не могу, оформление могу регулировать с помощью CSS #t_block td { padding: 0px; } img.t_img { padding: 0px 10px 20px 0px; } т.е. я хочу, чтобы у картин…
0 votes4 answers -
Тонкости cursor: url
Здравствуйте, делаю такие стили: body { cursor: url("/images/pupbg.png"), auto; /* размер 4х4, вес 174 байта, работает */ } h1 { cursor: url("/images/unit.png"), auto; /* размер 170х200, вес 37 кбайт, не работает :( */ } h2 { cursor: url("/images/happy.png"), auto; /* размер 50х50, вес 5 кбайт, работает */ } В первом и последнем случае курсор-картинка работает, во втором - нет. Очевидно, что проблема в большом размере и весе картинки. Где-то можно узнать максимальные допустимые размеры? Пересмотрел пару десятков статей на эту тему - нигде такой информации не нашел.
0 votes2 answers -
Не меняется ширина объекта
Прописал в CSS ширину, а оно ни в какое не хочет меняться, если вставить в этот блок текст, то оно будет подстраивать ширину под него... что с этим можно сделать, в чем может быть проблема?
0 votes4 answers -
Иконки для соцсетей
Ищу сабж. Собсна нужно fb, insta. viber, telega. И другие. Чтоб подключались просто (link css и дальше работаешь). Чтоб юзались просто: <i class="ico ico-facebook" aria-hidden="true"></i>
0 votes1 answer -
HR + IE & Opera
приветствую, столкнулся с такой проблемой: есть картинка с align="right", есть текст, который соответственно "обтекает" ее слева, есть hr, который разделяет 2 подвида текста. Но практически всегда находится на уровне самой картинки.в IE в результате hr обрывается до рисунка, а в Опере как бы проходит за ним. Собственно мне необходимо получить в Опере такой же результат как и в ?Е.(как на рисунке справа) Помогите кто чем может, бо я уже вроде все что знал перепробовал для решения проблемы (можно не через hr ...) стили: hr { background-color:627983; color:627983; height: 1px; border-width:0px; } /* картинка: */ #intr{ padding:3px; background:#fff; border:1px solid #d…
0 votes3 answers -
PNG + CSS + IE ? ...
Добрый день! Подскажите как заставить png работать не из корня, а из нужного каталога для IE ? В таком варианте работает везде: background: url('kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=kontent_t.png,sizingMethod=crop); А вот в таком только в Опере и Мазиле: background: url('../img/kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/kontent_t.png,sizingMethod=crop); Заранее благодарен.
0 votes4 answers -
Как пройти по всем слоям? JavaScript
И сделать их скажем невидимыми?
0 votes2 answers -
Разъезжается элементарная таблица в IE
<html> <body bgcolor=#FFFFFF;> <style type="text/css"> a img { border: none;} </style> <table cellspacing="0" cellpadding="0"> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> </table> </body> </html> Размер картинки new.jpg 181x53 Такая вот страничка. Везде кроме IE между ячейками пространства нету, в IE же между ячейками проглядывает желтый цвет. Как побороть этот глюк? очень нужно в создании меню использовать карт…
0 votes2 answers -
Помощь по CSS
Я учусь CSS. Так что сильно не ругать. Указал код вверху. Вопрос следующий. На сайте будет 4 блока, которые должны находиться по середине экрана на любом браузере и в любом разширение. Собственно в чем я допустил ошибку. Мне приходиться на глаз каждый блок выравнить в центр ;( Что родителя, что детей. Вот картинка www.ven000mus.ucoz.ru/1.png
0 votes18 answers -
Примеры хорошего SCSS
Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилае…
0 votes11 answers -
Проблема с ссылкой.
Здравстуйте! Главная страница моего сайта содержит рисунок посередине и маленькую ссылочку "об авторе" внизу. Рисунок является ссылкой на основной сайт ( на страницу с навигацией, информацией и остальным контентом). Основной сайт построен так: шапка, под ней три ячейки, ячейка посередине - фрейм, где выводится информация, при прогулке по навигации. Одна из ссылок навигации открывает информацию "об авторе" в этом фрейме. Проблема следующая: как сделать так, чтобы при кликании на ссылку на главной станице(где только картинка и эта ссылка), переход осуществлялся не на прямую на хтмл-страницу "об авторе"(как происходит у меня сейчас), а на основной сайт во фрейм?
0 votes6 answers -
@font-face (svg) и Safari для iPhone/iPad
Пробую вставлять шрифты, пользуясь онлайн-генератором от fontsquirrel.com (AFAIK самый известный). Он дает на выходе пакет из 4-х форматов, один из которых — SVG — вроде как специательно предназначен для iPhone/iPad. На практике на этих девайсах шрифт не подхватывается (похоже, что вообще берется дефолтный системный — на айфоне у него даже размер другой, крупнее). Что характерно, онлайн-демо на самом сайте (вот, например) тоже не работают. Никто не сталкивался с такой проблемой? В какую сторону копать? В принципе-то ведь SVG-шрифты должны поддерживаться...
0 votes4 answers -
xhtml vs html5
let's choose the winner
0 votes23 answers -
Обрезается фон
Добрый день. Имеется следующая структура: <header class="header"> <div class="header-inner">.....</div></header>.header { background-color: #727171;}.header-inner { width: 1470px; margin: 0 auto;}Пример в песочнице http://jsfiddle.net/xDyfP/, в фулскрине почему-то воспроизвести не удалось, смотрите в окне результата, прокрутите горизонтальный скрол. Вопрос. Почему при масштабировании фон родительского блока не растягивается? Ведь у родителя не указанна ширина, т.е. по факту он должен растягиваться на всю ширину, так и происходит в нормальном виде, но стоит изменить масштаб, как родительский блок обрезается по изначальной ширине области просм…
0 votes1 answer -
Блок, фиксированный на одном месте
Здравствуйте! Задача состоит в следующем: сайт с фиксированной шириной. Нужно разместить кнопку "Заказать звонок" так, чтобы она всегда находилась в одном месте относительно края общего блока, а не области просмотра. Как это сделать? Если можно, то без JS.
0 votes17 answers -
структура сайта на flex
помогите пожалуйста разметить страничку стандартными header + content + footer вот моя попытка . она плоха тем, что для header, footer используется такое правило: .icons_item:nth-child(6), .icons_item:nth-child(1){ width: 100%; } хотелось бы использовать чистый flexbox
0 votes1 answer -
Отображение спецсимволов в некоторых браузерах
Можете подсказать, есть следующий спецсимвол: ∇ или & #8711; Он некорректно отображается в следующих браузерах: Internet Explorer 6, Avant, Maxton, Internet Explorer 8, Safari... Как можно это исправить?
0 votes3 answers -
ссылка на почту
Всем привет. Мне нужна помощь.. может кто знает. создаю ссылку на почту a href="mailto:info@(адресс)?subject=Заказать рекламную продукцию">Сделать заказ</a проблема в том, что когда нажимаешь на эту самую ссылку открывается почтовый клиент, а там тема краказябрами написана.. в шапке сайта вставлен мета тег meta http-equiv="Content-Type" content="text/html; charset=windows-1251" не могу понять в чем проблема
0 votes5 answers -
тест
как можно узнать ответы на электронный тест зная код теста???
0 votes5 answers -
Резиновая верстка
Всем привет. Вот допустим у меня разрешение экрана 1280х1024 в body стоит min-width: 980px;max-width: 1500px; шапка ( она сейчас единственная вставлена ) имеет разрешения 1300х453px, как я могу сделать чтобы, у меня не появлялась полоса прокрутке, а шапка растягивалась. И хотелось бы узнать как завиксировать отдельный блок чтобы он не растягивался. Спасибо. <!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> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="sh…
0 votes9 answers -
Background и аккардеон
Здравствуйте. Делал аккордеон и столкнулся с неожиданной проблемой, не отображается background в виде картинки, в тоже время если задавать просто цвет, то всё отлично работает. Html: <div id="eventaccordion"> <h4 class="mooblock-title mb1_1t">Заголовок</h4> <div class="mooblock-el mb1_1e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;">Скрытый текст</div> <h4 class="mooblock-title mb1_2t">Заголовок</h4> <div class="mooblock-el mb1_2e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0…
0 votes16 answers -
Отступ текста от формы комментария
Привет всем! Подскажите пожалуйста, как передвинуть этот текст от полей? Вот ссылка на проблему - линк
0 votes10 answers -
изменение в pixel perfect
скажите пожалуйста что случилось с ФФ дополнением pixel perfect. с некоторых пор(видимо, обновление автоматически скачалось) невозможно загрузить изображение(Overlay). просто нет ссылки, которая раьше была в левом верхнем углу. сейчас там просто надпись как все таки загрузить изображеине? можно ли решить проблему?..
0 votes17 answers -
Выпадающее меню вверх
Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )
0 votes4 answers -
Как правильно прописывать ключевые слова??
Народ как в мета-тегах правильно прописывать ключевые слова кириллицей. С большой буквы или с маленькой или не имеет значения. Кстати я слышал что все ключевые слова должны встречаться в контенте в виде заголовков. Так ли это??? И опять же если заголовки начинаются с большой буквы имеет ли принципиальное значение регистр ключевых слов???.
0 votes0 answers