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
-
IE-6
Приветствую. У меня IE-6 не отображает картинку: h1 { background-image: url(images/lef_t.jpg); background-repeat: no-repeat; background-position: 100% 100%; } body, html { margin:0; padding:0; background-color:#eff7d5; background-image: url(images/bac.jpg); background-position: 50% 0%; color:#000; } body { min-width:768px; } h1, h2 { font-family: Arial,Helvetica,Verdana, sans-serif; } #wrap { position: relative; background-color: #F5Ffd9; background-image:url(images/list.jpg); margin:0 auto; width:768px; border: 2px solid #ADD222; margin-top: 1px; } #masthead { border-bottom: 1px solid #8a2; } #masthead { background-color: #EFA; background-image: url(…
0 votes16 answers -
Посоветуйте, как наложить изображение поверх текста так, что бы текст был доступен для выделения?
Посоветуйте, как наложить изображение поверх текста так, что бы текст был доступен для выделения?
0 votes11 answers -
Побдробная справка по HTML и CSS
Ребята, нужна побробная справка по HTML и CSS. Со всеми тегами и параметрами. Может кто знает, где можно скачать. Буду премного благодарен.
0 votes8 answers -
Фиксирование высоты ячеек по их содержанию в IE и Mozilla
Здравствуйте! Скорее всего моя проблема обсуждалась на этом форуме уже не раз, однако поиск не помог найти решения, т.ч. если вдруг повтор, извините. Проблема, собственно, вот в чём... Есть довольно элементарная и простая часть таблицы вида: <tr> <td width="665" rowspan="8">1</td> <td width="285">2</td> </tr> <tr> <td width="285" height="29">3</td> </tr> <tr> <td width="285">4</td> </tr> <tr> <td width="285" height="29">5</td> </tr> <tr> <td width="285">6</td> </tr> <tr> <td width="285" height="29">7</td> </tr> <…
0 votes7 answers -
overflow: hidden и z-index
У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?
0 votes7 answers -
Таблицы и ссылки
Объясните каким образом создают сайт с помощью таблиц. Меня интересует : если есть страница из таблицы,состоящая из шапки и 2 столбцов. В 1 столбце меню,а во 2 должна быть инфо,соответствующая пункту меню. Как сделать, чтобы во втором столбце отображались соответствующие странички. Или так нельзя? А нужно создавать отдельные странички для каждой ссылки только вместе с шапкой и меню как на начальной. Т.е. создается видимость, что находимся на одной странице,а получается что нет. Я запуталась, объсните пожалуйста. Я на Вас надеюсь.. TAlexandria
0 votes19 answers -
Выпадающее меню не работает в IE
Выпадающее меню не работает в IE. Во всех остальных браузерах выпадает. Помогите решить проблему. <div id='navbarmenuleft'> <ul id='nav'> <li><a expr:href='data:blog.homepageUrl'>Главная</a></li> <li><a href='#'>About</a> <ul> <li><a href='#'>Sub Page #1</a> </li> <li><a href='#'>Sub Page #2</a></li> <li><a href='#'>Sub Page #3</a></li> </ul> </li> <li><a href='#'>Services</a></li> <li><a href='#'>Portfolio</a></li> <li><a href='#'>Contact</a></li> …
0 votes7 answers -
Фоновый рисунок
вроде бы все делаю правильно, но браузеры не тображают фоновый рисунок. проверила 10 раз все названия папок и файлов совпадают, изображение в папке есть код: body { background: url("images/p.jpg"); } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <link rel="StyleSheet" type="text/css" href="css/style.css"> </head> <body> </body> </html>
0 votes24 answers -
Скрытая ссылка
Доброго всем утра (дня, вечера, ночи)! У меня есть два сайта. Один я строю, на другом тренируюсь. Как сделать на сайте, который строю скрытую ссылку на тот, на котором тренируюсь? Тобишь, как сделать, чтобы ссылку видели только администраторы сайта, чтоб она не мозолила глаза пользователям. Ссылку хочу разместить в главном меню. Подскажите пожалуйста, если знаете?
0 votes19 answers -
Ссылка экзотической формы (не прямоугольная)
Доброго времени суток, уважаемые форумчане. Впервые постю в форум на htmlbook. Заранее прошу прощенья, если что-то не так. Поправьте, исправлюсь. Ставлю себе задачу, научиться делать ссылки произвольной формы . Действительно произвольной. При этом хотелось бы уметь отслеживать наведение курсора на ссылку, делать ее активной и т.д. Начну, пожалуй, с треугольников, трапеций и т.д., но в итоге хочу вот такую: (кусок бублика : ) Проблема: не знаю, с чего начинать. Гуглится задача очень тяжело, ибо результаты это геометрия для школьников со словами "ссылка на учебник" . Решение на уровне логики: мне в голову приходят два решения. 1) JavaScript с запрограммированным алгоритмом…
0 votes7 answers -
Верстаю по макету. Нужен совет.
Есть *PSD макет . Дом, земля, забор, логотип и небо с солнцем на разных слоях, вот думаю как сверстать из этого резиновую шапку. Есть сложности: градиент не равномерен, т.к есть солнце и свет от него, т.е сделать фоном небо с забором и землей не получиться. Как думаете, что тут можно сделать? http://photofile.ru/express/ashozzofesisea...omothi/1016525/ - шапка
0 votes11 answers -
Прижать картинку к низу дива
Возникла такая проблема — есть футер прибитый к низу экрану, в нём расположена картинка, у которой указана только ширина в 100%. Т.е. при изменении ширины окна размер картинки будет пропорционально изменяться и высота при уменьшении окна будет уменьшаться, и надо чтобы картинка оставалась прибитой к низу окна, а между ней и дном окна появляется пустое пространство. Высота футера должна изменяться вместе с высотой картинки. Прибить картинку к низу футера с фиксированной высотой получилось, а вот надо чтобы у футера высота изменялась динамически. Как можно решить эту проблему?
0 votes4 answers -
Не работает overflow в Safari
Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.
0 votes3 answers -
3 колонки одной высоты с резиновым центром
Добрый вечер! Возникла задача сверстать 3 колонки одной высоты. Мне очень понравился метод Matthew Taylor'a, но одно меня ставит в тупик: все колонки здесь имеют длину в %. Мне же нужно, к примеру, 300px левая, 350px правая и центр - всё оставшееся место. За основу брал статью-перевод http://www.master-web.info/equal-height-co...ss-browser-css/ Крутил, вертел, пока ничего не вышло. И почему-то кажется, что этот метод не рассчитан под фиксированные сайд-бары Есть ли у кого идеи, как это и можно ли сделать? Спасибо
0 votes26 answers -
Фиксация заголовка таблицы при прокрутке
Хочется сделать фиксацию заголовка таблицы при прокрутке. Интернет пестрит примерами, где содержимое таблицы прокручивается в DIVе. Мне же надо, чтобы таблица в документе была на свою полную высоту, и если заголовок выезжает наверх, за границу окна, он бы дублировался наверх окна. Ещё: во всех примерах размеры ячейки "прибивают" намертво, т.е. явно указывают размер. Мне же нужно, чтобы ячейки были "резиновыми", т.е. растягивались по содержимому. Реально ли сделать фиксированный заголовок на этих условиях? Можно ли с помощью JavaScript узнать текущую ширину колонок (после автоматической растяжки их браузером) и выезжает ли заголовок за пределы окна?
0 votes10 answers -
Использование semibold-шрифта вместо bold
Всем доброго дня. При верстке столкнулся со следующим вопросом. Использую шрифт Open Sans, подключен через Google Fonts. Подключены варианты на 300 (light), 400 (normal) и 600 (semibold). Требуется использовать 600 (semibold) вместо стандартного bold (700). В CSS, где возможно, переопределил (для b, strong и т.д.), но движок часто использует font-weight: bold;Соответственно вопрос: возможно ли (если да, то как) переопределить "bold" как "600" и вообще нужно ли? Есть ли опасность, что браузеры в вышеуказанной ситуации при font-weight: bold будут использовать faux bold? Или они "увидят", что максимально подгруженный шрифт - 600, и будут по умолчанию использовать его? Сп…
0 votes3 answers -
Градиентный border
Как мне применить к блоку такую рамку? http://2.firepic.org/2/images/2015-01/10/s8gl0x3s7wky.png Чтобы была двойная, в два пикселя и с градиентом (внутренняя)
0 votes7 answers -
css всплывающее окно с img поверх текущей страницы
Доброго дня: имеем конструкцию типа: HTML <section id="ph_main" class="ph_main"> <div class="ph_wrapper ph_wrapper_col1"> <div class="ph_scroll"> <ul class="ph_strip"> <li><a style="height: 160px; width: 150px;" href="/IMG/1.jpg" title="Spring1" ><img src="/IMG/icon/1.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/2.jpg" title="Spring2" ><img src="/IMG/icon/2.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/3.jpg" title="Spring3" ><img src="/IMG/icon/3.jpg" /></a></li> <li><a style="height: 160px; widt…
0 votes12 answers -
верстка сложного макета
Здравствуйте.В html верстке, у меня пока что не так много опыта.Есть сложный макет.Хотелось бы знать по какому принципу его верстать,думаю как же все это разместить, использовать float?либо попробовать сделать по grid системе? может его как-нибуть подругому надо верстать. Может кто подскажет, как именно здесь действовать оптимально? сам макет
0 votes20 answers -
nobr или nowrap как убрать отступы между елементами?
<div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы
0 votes4 answers -
Тэг <LI>
Валидно ли использовать тэг LI без UL, OL или MENU ?
0 votes29 answers -
Браузер Firefox отображает только код страницы
Помогите пожалуйста с проблемой В самом Dreamweaver cs5 страница отображается нормально, но в браузере показывается только код. В чем может быть дело? Спасибо заранее!
0 votes5 answers -
JS refresh
Доброе время суток!.. Как можно посредством JS обновить содержимое браузера? С уважением clgs.
0 votes7 answers -
Как растянуть контент на всю высоту?
Подскажите пожалуйста способ растянуть content на всю высоту. Всю голову поломала, почему если задать ему стиль heigh: 100% он не растягивается на всю высоту родителя, даже если у этого родителя задана высота? Нашла только одно решение на дивах: применить бэкграунд с фоном контента к wrraper, но оно мне не подходит. И таблицы тоже( Картинка как надо и не надо <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .co…
0 votes3 answers -
Текст в окне полосы прокрутки
Здравствуйте! У меня вопрос, как в scrollbar сделать одно слово из текста курсивом? Я использую такой код: <p><textarea name="formtextarea1" rows="13" cols="86" style="font-family:'Times New Roman'; font-size:14px; text-align:justify; margin:2; border-width:23; border-color:white; border-style:solid; scrollbar-face-color:black; scrollbar-shadow-color:rgb(153,153,153); scrollbar-highlight-color:black; scrollbar-3dlight-color:rgb(102,102,102); scrollbar-darkshadow-color:rgb(153,153,153); scrollbar-base-color:black; scrollbar-arrow-color:white; scrollbar-track-color:rgb(204,204,204);"> Текст текст текст текст текст текст текст текст текст текст текст текст те…
0 votes10 answers