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
-
Фиксирование объектов на странице
Здравствуйте! Есть страничка, состоящая из верхнего блока (фиксированный), левого блока (должен быть тоже фиксированным), правым блоком (не фиксированный), нижний блок (не фиксированный) и центральный (не фиксированный). Подскажите пожалуйста, как можно зафиксировать на данной странице левый блок? Содержание страницы: ..... <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]--> </head> <body> <div id="wrapper"> <div id="header"> <div class="header"> <img src=…
0 votes0 answers -
на разных компьютерах разный результат
Добрый день! Я новичок в верстке. Дома сделала сайт, подогнала в PixelPerfect, принесла на работу - всё совершенно по-другому. Текст практически не совпадает, текстовые поля вдруг стали другого размера и перепрыгнули на другие строки (дома с картинкой совпадало поле size=32, а на работе уже 30). Подгоняла только под FireFox. В чем может быть причина, и что с этим делать? Размер экрана на работе больше. Может я на какую-то нету кнопочку в PixelPerfect нажала. Не помню какая версия Фаерфокса дома. Может быть, что это из-за того, что версии не совпадают? Кто-нибудь уже сталкивался с такой проблемой?
0 votes1 answer -
Скопировал стили из мозилловского фаербага и полетели стили в Хроме
Здравствуйте. По незнанию скопировал стили из фаербага и вставил в таблицу стилей сайта. Фаербаг оставляет только мозилловские подвиды свойств transform и box-sizing. Все поехало, пришлось вновь дописывать стили. Есть ли ещё места, из которых не стоит копировать стили?
0 votes3 answers -
Стыки.
http://codepen.io/nebovluje/full/hekAE Работает в опере и огнелисе. Как в опере убрать белые стыки?
0 votes1 answer -
почему в примере без BORDER: 1px плывут div из за margin-top
<div top></div> <div wrap><div float:left></div><div float:right></div><div center></div></div> Хочу добиться именно float: left, right между ними резиновый блок. но если я делаю отступ margin-top (div center), то отступают все блоки, если поставить border или padding блоку (div wrap) то все отображается нормально. Какую роль в данном примере имеет border. Др. способы кроме float не предлагать, мне интересно почему так происходит . вот пример http://jsbin.com/mojujosijo/2/edit в css коментарии
0 votes1 answer -
div - нет полосы прокрутки на смартфоне
есть div у него overflow: scroll; на ff и хроме работает (как работает на хромовском эмуляторе мобильных экранов) но не работает на моем старом смартфоне(fly iq 255, android 2.3.6) на стандартном андроивском браузере как быть? чо делать ? iframe крайне не желателен!!!
0 votes0 answers -
Как сделаны тени на http://global.ecco.com/?
Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?
0 votes2 answers -
Табличная вёрстка
Здравствуйте! Возникла необходимость отредактировать табличный шаблон, в силу того, что раньше работал исключительно с дивами, возникли трудности. Так выглядит шапка страницы в фаерфоксе, а так в опере. Как видно опера ведёт себя неадекватно. Причём если поставить cellpadding="1", то всё работает замечательно. С чем это связано? И подскажите пожалуйста как сделать так, чтобы шапка не выезжала за границу браузера и появлялся нижний скролл при сильном сужении, при такой же гибкости как сейчас (class="line-header" растягивается). Рассчитываю на вашу помощь. Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <link hre…
0 votes0 answers -
psd—>html
меня интересует вопрос верстки с псд!!сколько допускают компании несоотвествию макету псд (в пикселях)? практикуюсь,измеряю но получается ошибка +-5пикселя иногда!
0 votes2 answers -
Js
$(document).ready(function () { $("#lean_more").toggle ( function() { $("#contentmore").fadeOut(1000); $(this).text("Читать дальше"); }, function() { $("#contentmore").fadeIn(1000); $(this).text("Свернуть текст"); }); }); не работает... Почему??
0 votes1 answer -
на какую CMS перевезти блог с Blogger и стоит ли?
Суть моего вопроса такова. Гдето в начале октября начал вести блог на Blogger и привязал к нему домен ru. вот он http://www.nickoff.ru Прошел месяц начал задумываться может переехать на платный хостинг, но какую CMS для новичка выбрать? что бы потом переехать на нее не теряя ссылки, блог так как сегодня блог получил PR3 боюсь потерять при переезде. Вот жду советов =)
0 votes4 answers -
Img и расчёт height блока
Есть проблема, дело в том что Картинка img не участвует в расчёте высоты блока в отличие от абзаца в том же блоке, то есть если текст заполняет больше высоты картинки то всё выглядит ОК, но если текста меньше то картинка вылазит, как будто overflow:visible Вот код <div> <div class="container" id="down"> <img src="img/pic5.jpg" width="213" height="166" align="left" border="0" alt="pic5"/> <h1>Welcome to the site!</h1> <p> Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum do…
0 votes2 answers -
не могу очистить свойства span-а
Здравствуйте! Помогите убрать с тэга <span> непонятно вылезающие свойства!!! Хотелось бы сделать нормальную разметку и назначать нужные мне свойства. Пример в файербаг мозилы ниже:
0 votes2 answers -
Не скрывается блок display:none в мобильных браузерах
Не знаю проблема ли конкретного symbian телефона (другого нет под рукой), но на нем в разных браузерах (опера и встроенный) в мобильном режиме <div id="h_block" style="display:none;" > отображается как ни в чем не бывало и нормальных способов скрыть это я не нашел. В обычном (не мобильном) режиме все ОК. Подскажите, как победить?
0 votes0 answers -
фоновое изображение
Здравствуйте всем, подскажите пожалуйста в чём может быть проблема? вот обычный стандартный код для фонового изображения body{ margin: 0px; padding: 0px; background-image: url('img/bg.png'); background-repeat: no-repeat; background-position:50% 0% ; background-color: #000000; overflow-x: hidden; } почему то на планшете при уменьшении сайта заказчики не видят фонового изображения а только центральный блок, и с права маленький кусочек буквально в пикселей 10 фонового изображения. Ещё одна плохая ситуация что у меня нет iPad'a и я даже не вижу что мне надо исправлять. В чём ошибка?
0 votes2 answers -
Проблема с фоном
Подскажите, плиз. Такие строки: .content { ... background-color: #2b2e28; background-color: rgba(43,46,40,0.45); ... } Если с первой строкой все ясно и понятно, то откуда берется вторая строка из Photoshop?
0 votes2 answers -
Центрирование элементов и background.
Подскажите, пожалуйста. Есть следующий простенький код: <div class="wrapper"> <div class="InnerWrapper"> Blablabla </div> </div> И цсс к нему: .wrapper { height:100px; width:100%; background: #eee; } .InnerWrapper { margin:0 auto; height:100px; width:400px; background:#3D6AA2; } При этом, все работает как нужно, див с blablabla центрируется. Но мне нужно сделать так, чтобы при фиксированной ширине внутреннего дива, слева от него был такой же цвет. Думаю, не очень понятно написал, но другими словами мне нужно чтобы бэкграунд с внутреннего дива шел от начала страницы, но контент его центрировался посредине страницы. Для наглядности приложу ск…
0 votes1 answer -
Разместить таблицу по центру body
Подскажите пожалуйста, как разместить таблицу шириной 300 px и высотой 100 px в центре страницы? Причем разместить необходимо как по вертикали, так и по горизонтали страницы.
0 votes2 answers -
выравнивание изображения в таблице
Помогите разобраться. Вопрос следующий: необходимо выровнять кнопку Играть по центру по вертикали. код html: <table class="opis"> <tr> <td class="opis"> Статус: открытое бета-тестирование Разработчик: Gaijin Entertaiment Жанр: Симулятор, MMOAaction Дата выхода: 1 ноября 2012 Оплата: Free-to-Play (бесплатно) Официальный сайт: <a href="http://lnk.do/24sWy">warthunder.ru</a> </td> <td class="opis2"> <a href="http://lnk.do/24sWy"><img alt="play" src="http://gamevestnik.ru/wp-content/uploads/2013/07/play.png" width="250" height="69" /></a> </td> </tr> </table> CSS: table.opis { width: 100%; bord…
0 votes1 answer -
Меню
Есть менюшка из 6 пунктах. В 2 пунктах прикрученна функция всплывания при наведении через HTML и CSS но вот проблема видно не на всех устройставах. Посоветуйте как поправить? <ul class="top_menu_ul ul rel"><!--<li class="top_menu_li top_menu_1 rel"><a class="top_menu_a top_menu_active" href="/">Мы</a></li>--><li class="top_menu_li top_menu_1 rel"><a id="top_menu_a" class="company" href="<?php bloginfo('url'); ?>">Мы</a><div class="top_submenu abs hidden"><div class="top_submenu_top png"></div><ul class="top_submenu_ul ul"><li class="top_submenu_li submenu_1 li"><a href="<?ph…
0 votes2 answers -
позиционирование
в раппере , хедер позишин релатив, потом див баннер-он появляется выше хедера почему ? я как понимаю второй див должен встать под хедером, а он становится над ним
0 votes3 answers -
Как стиль подписи в галерее сделать аналогичным основной теме?
Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть чвой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. пример оригинального оформления https://yadi.sk/i/qSwmQT4QjeG4v пример оформления галереи https://yadi.sk/i/orhMw6G4jeG4g Если надо выложу оригинальный и CSS и плагина, или предоставлю доступ на тестовый сайт с этой темой и плагином.
0 votes0 answers -
Как сделать такую форму ?
Прошу проффи помочь мне, если не затруднит. Как реализовать такое. Например: есть форма input на странице и вопрос, если правильно ввести ответ в форму и нажать на кнопку, то переход на назначенную страницу, если же нет на другую. Возможно ли сделать вообще такое с помощью html? Прошу прощения если технически не правильно задал вопрос. Спасибо за помощь.
0 votes2 answers -
firefox не правильно распределяет высоту таблицы
Есть табличка, в опере и explore все нормально отображается, а в firefox 4.01 высоту распределяет неправильно. Нужно чтобы колонки №7 и №8 растягивались, а остальное было на месте. Помогите пожалуйста, проект сдавать надо, а тут это.... <table align="center" width="803" style="height:422px" border="1" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td colspan="3" height="100">№1 — высота 100px</td> </tr> <tr> <td width="151" height="53">№2 — высота 53px</td> <td width="428" height="500" rowspan="3">№3 — высота 500px</td> <td width="224" valign="top">№4 — высота 53px</td> </tr> …
0 votes2 answers -
Подскажите в чем ошибка
Доброго времени суток уважаемые форумчане! Прошу помощи у знающих) Буду благодарна за помощь-подсказку. Подскажите пожалуйста, почему появляется вертикальная полоса прокрутки вот тут: http://jsfiddle.net/2GfY9/. Как-то сама, увы, дойти не могу) Заранее благодарю за всяческую помощь.
0 votes2 answers