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://funkyimg.com/viewer.php?img=/2/1467/064/451035Untitled-2.jpg Идут три блока по горизонтали. 1. слева тайлится левый фон. на картинке выделен зеленым. 2. по центру идет блок с контентом, на нем белый фон. 3. справа тайлится правый фон. точно также как левый только отзеркаленый. так вот, если контент в 2 блоке растет, то левый и правый блоки не тайлятся, если в них нет контента, получается черный фон, выделил синим. по моей задумке, левый и правый блоки должны просто растягиваться по вертикали вместе с центральной частью и заполняться тайлингом по верти…
0 votes3 answers -
оформление при дроблении статьи
Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…
0 votes3 answers -
Что за шрифт
Не подскажите, что за шрифт используется в псевдоэлементах в content? Как я понял это не стандартный serif (Times N.R.) и не стандартный sans-serif (Arial)....и очень сомневаюсь, что декоративный или моноспейс) Перебирать все не стал уж. Может кто знает?
0 votes3 answers -
Как установить перекрытие фонового изображения?
Здравствуйте. Здесь на сайте в футере использовал траву с repeat-x. В итоге она смотрится отдельными кустиками. Как можно пустить ее с наложением конца одного изображения на другое? Благодарю.
0 votes3 answers -
Проблема с SVG в Chrome
Доброй ночи, есть тут интересно специалисты в SVG) разное отображение в браузерах, вот иллюстрация как бы слой с текстом получается снизу, а должен быть сверху сам свг тоже прилагаю, можете у себя его просто открыть в браузере SVG
0 votes3 answers -
Не видны другие background-ы
Короче при локале всё было хорошо вот в стиле записывалось вот так: Но при global-е нечево не видно помогите пожалуйста в чём проблема! Заранее спасибо
0 votes3 answers -
Изменение стилей
Есть таблица. Первая ячейка пустая {width:10px;background:url(1.png);}, во второй просто ссылка. Нужно, чтобы при наведении на ссылку стили первой ячейки изменились на {width:10px;background:url(2.png);} Как это можно сделать?
0 votes3 answers -
Длина и ширина страницы: как есть и как должно быть?
Привет, уважаемые форумчане! Кроме периодического говорения ртом, иногда верстаю. Но чем дальше, тем реже приходится использовать рот и чаще голову, а верстки становится все больше. Некоторое время назад заметил, что одна и та же проблема преследует меня на начальном этапе разработки: верстка существующего макета под разные разрешения. Не технические тонкости, а именно "как надо"? Если с позиционированием понятно, то с разрешением, а значит, шириной и длиной верстки не совсем. Готовить загодя макет с возможностью бокового бэкграунда которому можно задать повторение (так делаю сейчас)? или может быть это просто узкая страница? Как быть в случае с длиной, если контент уме…
0 votes3 answers -
текст в input
Как реализовать подобное: http://s019.radikal.ru/i611/1203/c0/322ee1654fd9.jpg Т.е. Что бы внутри инпута был текст, который нельзя удалить, и только после которого можно было что то ввести. или подскажите хотя бы как гуглить это) все попытки нагуглить это свелись к теме о пропадании текста при клике на инпут) Спасибо)
0 votes3 answers -
Проблемы с фоном
Вот сайт. _http://test.kabushikigaisha.ru/webster/ Есть там фоновое изображение с движением на jquery и java и вроде все нормально, фон растягивается на всю страницу, но как только добавляешь много текста в основной контейнер, или снизу прицепляешь футер, то получается белый отступ снизу. Откуда он берется- понятия не имею, вот html и css (в последнем много лишнего, ибо сайт в разработке). HTML CSS И еще сюда же-как сделать, что бы то, что в нижнем меню (там где контакты, то что вверх ногами) при уменьшении окна браузера не вылазило за пределы своего блока, в котором оно находится?
0 votes3 answers -
Таблица заливается черным фоном в IE 6-8
Добрый! Гуглил, искал по фразе "черный фон в ie" и +/- слово, но ничего внятного не нашлось. Проблема в том, что... В общем, в IE. Смотрите скриншот. Код в пейстбине здесь. Скриншот: http://fotki.yandex.ru/users/denis-poligon/view/502351/?page=0 Сам файл: http://narod.ru/disk/44467697001.624ae25694fdb55ab064b10be24053ce/errors.html.html Подкиньте, пожалуйста, ссылок, где описано как это побороть. P.S. Какие есть инструменты и сервисы для проверки корректности кода больших объемов? P.S.2: Dropbox как долго обновляет ссылку? Кинул файл в share, а по ней 404
0 votes3 answers -
text-rendering и image-rendering
Кто-нибудь использует эти свойства? Я знаю, что довольно специфичные (только FF), но мне показались любопытными. Только я так и не понял точно про что они и, почему-то в ФФ последнем я не вижу вообще разницы? Стоит ли вообще уделять им внимание? MDN htmlbook
0 votes3 answers -
Как правильно сверстать
Вот такое вот меню: http://zalil.ru/32962144 Картинкой что ли только? Интересует именно наклон
0 votes3 answers -
Кроссбраузерный сайт
Прошу совета у знающих людей! Сверстал сайтик (под фордпресс). Когда верстал смотрел на результат в хроме и мозилле. Используя хаки добился адекватности в IE8. Теперь проблема с IE7. Вроде бы и хаки должны работать, но не работают. При позиционировании футера (по центру(лево-право)) странным образом ползёт последний пункт горизонтального меню. Подскажите плиз где копать? В чём причина такого поведения кода? html <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /…
0 votes3 answers -
Почему маркеры не убираются?)
html файл: <html> <head> <title>психоанализ </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <ul> <li> ницше </li> <li> фрейд </li> <li> юнг </li> <li> гросс </li> </ul> </body> </html> css файл (название - style.css) ul {list-style-type:none;}
0 votes3 answers -
Павающие блоки
При верстке двухколоночного макета столкнулся с проблемой. Контент представляет собой "нвости", "статьи", которые формируются в две колонки. Затруднений бы не воздникло, если бы все блоки были одинакового размера, ширина фиксированная, но вот высота может быть какой угодно. На картинке схематично изобразил расположение частей сайта, блоки пронумерованны. Шаблон блоговый, на странице будут по мере добавления выводиться статьи/записи. Так вот, можно ли как-то это реализовать средством css, задавая блокам свойство "float: left;", имея такую html-разметку: <header>header</header> <div id="middle"> <div id="content"> <div class="block">block…
0 votes3 answers -
Проблема в ie6.
Добрый день! Есть элемент div с фиксированным размером, содержимое которого выходит за его границы. Код: <style> div { background: #fcc; height: 10px; width: 10px; } </style> <div>1<br/>2<br/>3</div>Как сделать чтоб в ie6 выглядело как и в других браузерах? Как выглядит в других браузерах и как выглядит в ie6: Создавать другие элементы нельзя. Дополнение: портативный ie6 (один файл) можно скачать тут.
0 votes3 answers -
Проблема с отображением блока изображений в IE
Здравствуйте. Проблема с отображением блока в ИЕ т.е. он вообще не показывается. Мне нужно, чтоб он заработал в ИЕ > 6 версии. В других браузерах все отлично отображается. Вот код, который отвечает за вывод блока: <div> <div style="float:left;width:410px;text-align:center;position:absolute;top:245px;"> <a href="/node/28" class="imagecache imagecache-90_90 imagecache-linked imagecache-90_90_linked"> <img src="397-2001-thickbox.jpg" alt="" title="" class="imagecache imagecache-90_90" width="90" height="90" style="margin:0 7px 0 0;padding:3px;" /> </a> <a href="/node/28" class="imagecache imagecache-90_90 imagecache-linked imagecache-90…
0 votes3 answers -
Картинка для логотипа
Как лучше сделать логотип картинкой? Поставить логотип на фон и использовать свойство text-indent <h1> <a href="#">Logo</a> </h1> h1 { float: left; text-indent: -9999px; } h1 a { float: left; width: 450px; height: 450px; background: url("http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png") no-repeat; } пример или Просто вставить картинку с альтом? <h1> <a href="#"> <img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" /> </a> </h1> пример
0 votes3 answers -
opacity в див
Материнскому диву присвоил opacity: 0.7 и потом в нем создал еще один див, и прозрачность тоже ему передалась. Как сделать так ,чтобы дочернии див не был прозрачным. Пробывал дочернему диву прописать opacity: 1 - не работает.
0 votes3 answers -
Две разных страницы сайта в одну тему для WordPress
Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!
0 votes3 answers -
Руссификация HTML 5 шаблона
Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…
0 votes3 answers -
Контент на всю высоту
Нужно сделать контент на всю высоту <div id="main"> <div id="content"> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor sit amet consectetuer eros odio vestibulum ipsum Aenean. Odio iaculis ut enim nulla tortor vitae mauris sed a velit. Eu Donec Cras non Phasellus lorem magna sem turpis commodo Donec. Urna augue odio tincidunt lacinia nulla Nam Curabitur Aliquam Nulla Donec. Condimentum urna pellentesque congue ridiculus condimentum Integer tortor quis hac nec. Turpis in congue risus.</p> </div> <div id="sidebar"> <div class="widget"> <ul> <li><a href="/">CSS</a></li> <li…
0 votes3 answers -
Резиновая высота блока с учетом вычета высоты header и footer
Приветствую всех встала передо мной проблемка сверстать макетик с такой же структурой как и здесь - _http://makexhtml.ru/2011/rezinovaya-vysota-bloka-s-uchetom-vycheta-vysoty-header-i-footer-css-jquery/, только подвал у меня фиксированной высоты. Реально ли такое реализовать только с использованием дивов или же прибегнуть к таблице? или же использовать скрипты? надеюсь на помощь более опытных коллег, потому как сам додуматься не могу.
0 votes3 answers -
Позиционирование элемента
Добрый день уважаемые профессионалы! Вот столкнулся с такой проблемой... Есть фон сайта (просто одна картинка), на этой картинке есть нарисованные ящики которые я хочу сделать ссылками (3 шт.) Я делаю следующее: нарисовал три картинки (пока что они разноцветные, что бы было видно куда их ставить, потом будут прозрачные), вставил их поверх фоновой картинки на те места куда требуется и прописал на каждую ссылку. В CSS поставил .leto { top: 38px; right: 310px; z-index:99999; position:absolute; } В html выглядит так: <a href="http://storeclothes.com.ua/index.php?option=com_content&view=article&id=16&Itemid=43"class="leto"> <img src="images/stories/…
0 votes3 answers