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
-
Выравнивание текста понизу
<style> .post h1, .post h1 a{ font-family:Arial, serif; font-size:14px; font-weight:normal; float:left; } .post small { font-family:Arial; font-size:12px; color:#4a5256; padding: 0 0 0 8px; } </style> <div class="post"> <h1><a href="#">Запись не моя, я только разместил её</a></h1><small>27/03/2011</small> </div> Вот таким кодом я стыкую в одном диве две строчки. Причем первая строка имеет подчеркивание и 14й шрифт, а вторая без подчеркивания и 12й шрифт. Строки имея разную высоту все время выравниваются поверху, что смотрится не эстетично. Как ни крутил не могу сделать красиво. Вот пример того что я пытаюс…
0 votes15 answers -
Включить режим совместимости только для ие7, как?
Возникла такая проблема, в верстке есть 3 резиновые колонки, из-за наличия у них еще и паддингов, пришлось включить блочную модель типа border-box, но только вот эту модель не понимает ие7 и ие6(на 6 пофиг). Но он ее использует в режиме квиркс мода. Можно ли как-то включить этот режим только для ие7? И еще, я так поняла, что средствами jQuery я не смогу обнаружить, что у меня ие7? Только с помощью чистого javascript?)
0 votes15 answers -
Проблема с позиционированием
Ребята, есть 2 рисунка в одной строке, нужно чтобы при изменении размера окна, по мере его сжатия, первый рисунок оставался на месте, а второй на него "наезжал" Знаю что нужно использовать слои, но......
0 votes8 answers -
Как привязать одну картинку к другой
В общем вот код картинки которую надо привзязать вплотную.Чтобы было стык встык.Выровнть нужно по правому краю так как присоединяма картинка на пордок меньше.Присоединяемая картинка в данные момент находится в теге Table а вот вторая за е? пределами так как вторая картинка является подвалом сайта. <tr> <td height="256"> <img src="Images/Drevo.jpg" width="210" height="254" hspace="0" vspace="15" alt=""></td> </tr> </table> </tr> А вот код картинки к которой надо привзать предыдущую картинку <tr> <td colspan="5"><img src="Images/Nizo.jpg" width="100%" height="50" alt="А здесь размещена красивая картинка"> </t…
0 votes6 answers -
Помогите, пожалуйста, с таблицей
День добрый. Не получается сделать такую штуку: Это таблица 10х10 ячеек. Каждая ячейка - 20х20 пикселей. Граница между ячейками = 1 пиксель. При наведении мышки на ячейку, срабатывает JS-событие. Стиль ячейки перезаписывается. У ячейки может быть четыре стиля: /**Это сама таблица*/ .placementTable{ border-collapse: collapse; border: solid 1px #ffffff; } /**это ее ячейка*/ .placementTable td{ border-collapse: collapse; border: solid 1px #ffffff; } /**Три правых закрашенных ячейки*/ .placementCellOccupied{ width: 20px; height: 20px; background: #0099ff; border-collapse: collapse; } /**Бледно-голубой*/ .placementCellSurround{ width: 20px; height: 20px; backg…
0 votes9 answers -
проблемы с padding в IE7
Добрый день. подскажите, пожалуйста, как исправить маленькую проблему с отступом в подвале(меню) На сайте, на главной странице, меню прижато вплотную к полосе с копирайтом, но это только на главной странице и только в IE 7. Что можно сделать в этой ситуации?
0 votes7 answers -
Вертикальный скрол меню с position fixed
Всем привет. На странице расположено горизонтальное меню с навигацией. При скроле страницы вниз, при условии, что блок с меню вышел за пределы экрана, значение его атрибута position меняется со static на fixed. Блок с меню прижимается к верхнему левому углу и растягивается на всю ширину окна браузера. Меню построено в виде аккордеона - при нажатии на ссылки основного меню открываются подменю. ПРОБЛЕМА: При открытии подменю с большим кол-ом пунктов, пункты основного меню ниже выходят за пределы экрана внизу. Скрол меню невозможен из-за position: fixed. Пункты меню становятся недоступными. ЗАДАЧА: Реализовать прокрутку меню по-вертикали, если при раскрытии подменю пун…
0 votes2 answers -
DIV, table и гугль!
объясните почему? говорят что хтмл разметку нельзя использовать полностью из DIV должны присутствовать table ит.д.(гугл проще воспринимает table), почему? http://korrespondent.net/ состоит полностью из div
0 votes10 answers -
Листаж страницы, навигация. Как это делается?
Нужно сделать номера страниц, стрелочки, предыдущая/следующая, т.е. листаж страниц. DHTML, JS? Или средствами CSS можно? Может быть есть скрипт готовый несложный. Или где это можно изучить...
0 votes7 answers -
Раскрытие текста (что то типа спойлера)
Заранее извиняюсь за тупое название темы) просто без понятия как это правильно называется Проблема такая: На фан сайте музыкального исполнителя, есть страница тексты песен. Хочу реализовать следующую вещь: есть строки ххх ууу еее это названия песен, что бы при нажатии на них, развертывалось окно, желательно под названием, и там был текст песни Это что то типа спойлера на форумах или, к примеру, как разворачивается текст песни в вконтакте Линками куда-то и новыми страницами категорически нельзя пользоваться. Буду рад за любую помощь! Если не ясно объяснил, скажите, попробую иначе)
0 votes17 answers -
Система регистрации
Ну, пусть кто-нить сделал свой дизайн-сайт... но там cms, система регистрации,etc отсутствуют... А как можно сделать систему регистрации на сайте? Неужели требуются знания PHP, JavaScript,etc для того чтобы внести код в страницу сайта? То есть как сделать, когда качаешь скрипт регистрации и как можно и куда написать код... Без шаблонов... Заранее спасибо. З.Ы. Если можно то дайте ссылку на источник плыз...
0 votes3 answers -
Css - цвет блока меню
Доброго времени суток. Подскажите, пожалуйста.С версткой и php/css раньше особо дел не имел. Насколько я понимаю, собака зарыта именно в css'e. Нужно, чтобы в цвет красилась вся ячейка, а не только шрифт в левом меню, невыпадающем...Поможете? Кусок кода, который вроде как за это отвечает. /*** Navigation ***/ .nav {border-top: 1px solid #d9d9d9;} .dd {height: 48px;} .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 14px; text-transform: uppercase;} .dd li a {color: #000;/*COLOR OF TEKSTA*/ text-decoration: none; display: block; background: #70d612; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hove…
0 votes6 answers -
Как сделать сайт? :-D
Здравствуйте! Как сделать сайт? Чем нужно пользоваться для того, чтобы дизайн нормально отображался в опере, хроме, мозиле, осле, не плыл на экранах телефонов и на огромных мониторах с разрешением экрана 800х600 и 2048х1024?? Когда я только начинал учить html, мой сайт представлял из себя одну большую таблицу, table width='100%' и пошло-поехало. Потом стал делать div'ами, но тоже получается фигня(неправильно делал?) про фреймы вообще молчу... Ребят, как же всё-таки сделать нормальный дизайн, который не поплывёт? Какими тегами и способами оформления сайта пользуетесь вы?
0 votes17 answers -
Проблема с собственным шрифтом
Дорогие друзья уже долго не могу наладить работу собственного шрифта. http://rmsgames.ru/6px2bus.ttf это путь к шрифту. Кодировка utf-8. Все делал по уроку с этого сайта. Вот кусок кода который у меня не работает. #test1 { @font-face font-family: bus; src: url(www.rmsgames.ru/6px2bus.ttf); font-size: 170%; font-family: 'Press Start 2P'; background: black; color: #bed143; text-decoration: green; /* Убираем подчеркивание */ border: none; outline: none; }
0 votes7 answers -
Bootstrap navbar burger не работает
Имею шапку сайта созданную на bootstrap, имеется выпадающее меню открывающееся на мобильных устройствах при нажатии на "бургер", работает на всех устройствах, но не раскрывается на Samsung Galaxy A5, как это можно зафиксить?
0 votes3 answers -
В диве в блоке не задать подсветку сылки.
Всем привет Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Вася</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> a:link { color: blue; } a:visited { color: blue; } A { text-decoration: none; /* Убираем подчеркивание у ссылок */ } td { font-size:11pt;font-family:"Verdana";font-style:normal;font-weight:bold;} .block1 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; font-size: 12px ; font-family: Verdana; font-style:normal; font-weight:bold; text-de…
0 votes7 answers -
map и position
имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…
0 votes5 answers -
<table><colgroup><col>... Не Работает В Firefox
Как объяснить, что тэги и обрабатываются по-разному в разных браузерах? В частности, все примеры статьи http://htmlbook.ru/html/colgroup.html не работают в FireFox 2.0 Opera 9.0 игнорирует атрибуты style в элементах и IE 6,7 поддерживает вс? полностью. Подскажите как решить эту проблему? Не ставить же атрибуты стиля в каждом элементе ...
0 votes3 answers -
Небольшой отступ от логотипа
https://artrises.github.io/ Не получается найти причину, под логотипом есть небольшой отступ, перерыл все включая использование инспектора, у лого в футере был же такой отступ, он был из-за встроенного в normalize - line-height.Заранее спасибо
0 votes2 answers -
Как Clip подружить c упрямым ослом (IE)
Доброй ночи... Вот сижу и думаю как же это подружить этого Clip с IE. Читал что место запитых нужно пробелы ставить но не помогло... Приведу пример всего что я делаю. Есть изображение квадратика. Квадратик я обрезаю с помощью клипа на четыре части получается четыре угла. Углы с верстались нормальна Вот пример стиля углов. /* на четыре угла приходится четыре дива вот с таким стилем*/ .jwb_Board_One, .jwb_Board_Two, .jwb_Board_Three, .jwb_Board_Four{ position:absolute; /* позиционирования элемента*/ width: 30px; /* ширина блока*/ height: 30px; /* высота блока */ background-image: url('../images/BoardAngles.png'); /* фоновое изображение тот самый квадратик */ z…
0 votes17 answers -
резиновый макет в 3 колонки, div
делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> …
0 votes14 answers -
Использование фильтров CSS
Почему неполучается сделать, чтобы отбрасывал тень через фильтр dropShadow вроде к дивам этот фильтр применяется, размеры слоя устанавливал а тени нет? .......
0 votes5 answers -
Тег отвечающий за ограничение количества символов
Подскажите тег отвечающий за ограничение количества символов. Пример: информер с комментариями (надо ограничить длину $ENTRY_TITLE$ например 19 символами) <strong></strong> <table border="0" cellpadding="0" cellspacing="0" width="190" height="60"> <tbody><tr> <td style="padding-left: 0.1em;" align="left"> <b><a href="$ENTRY_URL$">$ENTRY_TITLE$</a></b> <br> <b>Написал:</b> <a href="$PROFILE_URL$">$USERNAME$</a> <br> $MESSAGE$<br>[<a href="$ENTRY_URL$">Ответить</a>]<br><hr size="1" width="100%"></td> </tr> </tbody></table> &…
0 votes8 answers -
Помогите
Нужно разместить по центру сриншоты на даной странице http://svetkino.net/detektiv/11-nachalo-inception.html ,у меня ни как не получаеться ,помогите!
0 votes11 answers -
Не работает меню в IE7
В IE7 ,XP, разрешение экрана 1280х800 (ноутбук), при уменьшении Ctrl - и увеличении Ctrl +, ссылки в меню съезжают влево, линии остаются на месте. В Firefox 4 и 5 работает нормально. В IE8 на персональном компьютере работает нормально. У меня не получается сделать, так чтобы не разъезжалось, может кто-то поделится опытом. Заранее благодарю. Верстку шаблона мне делал фрилансер, я немного понимаю в html и css, но найти где ошибка не получается. http://savepic.org/1908623.png http://savepic.org/1962894.png Код меню в index.html <div id="menu"> <div class="headsl">{$box_SEARCH}</div> <ul> <li{$1}><a href="{$mainpage}">Главная</a> …
0 votes4 answers