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
-
div scroll XHTML-?
Здравствуйте, дорогие форумчане. Такая проблема: Не получается отладить в XHTML scroll у <div id="scroll"> (http://www.fahrschule-mering-wybiral.de/). Задача состоит в том, чтобы прокручивалось содержимое только этого div-a. Всё остальное содержание старницы должно оставаться фиксированным. <div id="scroll"> выделен пунктирной рамкой. В HTML.4 это работало (http://art-factor.gmxhome.de/Home-DE-Gemaelde-Grafik.html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Как решить эту задачу в XHTML??? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh…
0 votes2 answers -
Выравнивание текста и изображений
Доброго времени суток! Пытаюсь создать на Drupal что-то вроде профилей, где текст идет справа от изображения. Изначально выглядело так: Попользовав гугл удалось добиться с помощью этого кода: .views-field-field-pol-value {display: inline-block; width: 100px; vertical-align: top; text-align: left} .views-field-field-data-rojdeniya-value {display: inline-block; width: 100px; vertical-align: top; text-align: left} .views-field-field-bro-and-sist-value {display: inline-block; width: 100px; vertical-align: top; text-align: left} .views-field-field-forma-ustroistva-value {display: inline-block; width: 100px; vertical-align: top; text-align: left} .views-field-fie…
0 votes1 answer -
Проблема с позицией
Дело было так <div id="sofa"> <ul class="service-list"> <li>ывсмыв</li> <li>ывмыв</li> <li>ывмым</li> <li>вымвыы</li> </ul> <ul class="service-list2"> <li>ывмыывм</li> <li>ывмывы</li> <li>ывмывм</li> </ul> </div> #sofa { background:#9FC; height: 226px; float:right; width: 727px; } .service-list { float: left; list-style-type: none; margin-left: 22px; position: relative; top: 28px; width: 160px; } .service-list2 { float: left; list-style-type: none; margin-left: 15px; position: relative; …
0 votes4 answers -
Почему body перекрывает меню?
Здравствуйте Почему-то тег body перекрывает верхнюю часть страницы и на ссылки меню нельзя нажать. Отчего так? Вот пример
0 votes5 answers -
Получить селектор автоматически возможно?
Здравствуйте. Есть ли в Хроме в инструментах разработчика(или Firebug, т.п.) средства, позволяющие автоматически получить селектор какого-нибудь тега, которому дальше потребуется прописать стиль? Благодарю
0 votes7 answers -
Как правильно написать анкор на картинку
Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <div class="galleryItem"> <a class="fancybox" href="photo/b/1.jpg" data-fancybox-group="gallery"><img src="photo/m/m1.jpg" alt="Студийная фотосъемка" /></a> </div> Грубо говоря это превьюшка работающая на fancybox, а выглядит вот так. Но когда добавляю анкор ...мка" />Студийная фотосъемка</a></div> Анкор появляется, и все бы ничего, но он виден. А хотелось бы что-бы видели его только роботы а люди не видели. Такое возможно?
0 votes2 answers -
Логотип в wordpress
Всем джамбо. Хотел на сайт логотип закинуть, столкнулся с такой проблемой, что image не отображается на сайте. Картинку кидал на удаленку в /themes/../image/ с расширением jpg. Потом в header.php после <div id="logo"> вставлял <img src='...'> и ничего( Кто сможет подкиньте пожалуйста дельный совет.
0 votes7 answers -
<h1>Помогите с ссылками</h1>
Друзья помогите с ссылками!!!! Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась ( здесь a:hover) но проблема заключается в том что бы при нажатии на другую ссылку фон меняется, а перед этим нажатая первая ссылка цвет не меняла то есть я знаю что нужно использовать a:visited но мой браузер не воспринимает его что ли.. я не понимаю Google Chrome..................... Можно ли решить эту проблему каким то путем??? мой css стильul.navigation { width: 270px; list-style: none; margin: 0; padding: 0; text-align: left; } ul.navigation li { display: inline-block; margin: 0px; padding: 0;} ul.navigat…
0 votes6 answers -
Вёрстка блога с учётом семантики для поисковой оптимизации
Не могу принять решение выбирая между main и article, поэтому решил посоветоваться. Главная страница <header><h1>Название блога</h1></header> <nav>Основное меню</nav> <main> <article> <time>Время публикации</time> <h1><a>Заголовок публикации, он же ссылка на полный текст</a></h1> Краткий текст публикации </article> .... другие 9 <article> </main> <menu>Ссылки на страницы</menu> <footer>Кнопки на каталоги</footer> Внутренняя страница <header>Название блога</header> <nav>Основное меню</nav> <mai…
0 votes8 answers -
Текст под картинкой
Как сделать так, чтобы текст разместился под картинкой и входил в рамку картинки? Никак не могу сообразить.
0 votes2 answers -
Помогите вставить menu.html на сайт при помощи php include
Всячески пытаюсь отобразить на странице меню, вставленное через php include - результата ноль. Установил Apache, наблюдал вкладку "It works!", запустил апач монитор. Вырванный кусок тегов, формирующих меню сохранил в отдельном файле. Прошу подсказать, каким образом должна выглядеть в файле страницы .html строка скрипта php, в каких форматах должны быть сохранены файлы и какие ещё упущенные мной действия требуется проделать?
0 votes5 answers -
Как сделать, чтобы меню не сворачивалось при наведении на всплывающую картинку в меню?
Задача такая - при наведении на пункт меню "каталог" - появились 3 картинки с разделами каталога по которым можно было бы перейти в соответствующий раздел (вот типа как тут). Проблема в том, что как только убираю курсор с .imagetip - все опять скрывается. Как сделать чтобы не исчезало?
0 votes0 answers -
Помогите корректно составить верстку
Помогите корректно составить верстку. Есть готовый код ниже: <div class="wrapper"> <div class="header"> HEADER </div> <div class="content"> <button> START </button> </div> <div class="footer"> AUTHOR </div> </div> Нужно что бы у header класса была высота 30% окна браузера, у контента 60%, а у футера 10%. Кроме этого у них у всех должны быть вертикальные выравнивания. Почему-то ничего не получаеться. Не растягиваются блоки по высоте, растягиваются по контенту и в итоге не занимают все окно браузера! Если кто может написать корректный HTML/CSS код, напишите плиз! На крайняк можно использовать Bo…
0 votes2 answers -
Убрать обводки
https://jsfiddle.net/vitalikan/xLuzj8ya/1/ Там снизу есть кнопка подробнее нажимая на нее получается обводка синяя. Не могу убрать помогите Извените что все остальное не на местах просто нет времни
0 votes3 answers -
Счётчик посещения страницы
Здравствуйте! Как сделать счётчик посещения страницы?
0 votes3 answers -
Как активную ссылку снова сделать "до-активной"?
Добрый день всем! a:link { color: #0000FF; outline: none; text-decoration: none; } a:active { color: #0000FF; outline: none; text-decoration: none; } a:hover { color: #00006A; outline: none; text-decoration: underline; } a:visited { color: #0000FF; outline: none; text-decoration: none; } это кусок из css после посещения ссылки и возврата на страницу с этой ссылкой, при повторном наведении на ссылку мышкой, свойства hover не отрабатывается... как "деактивировать" использованную ссылку? сорри, если запутано выразился...
0 votes2 answers -
ссылка на скачивание сайта
всем привет. перепробовал много вариантов. не качаеться. файлы katalog.zip и katalog.pdf - есть. путь - в папке вместе с index.html как сделать правильно ссылку на скачивание? спасибо <p><a href="katalog.zip"> каталог </a><br> <p><a href="katalog.pdf"> каталог</a><br> <p><a href="file:katalog.zip"> каталог</a><br> <p><a href="file:katalog.pdf"> каталог </a><br> <p><a href="file://katalog.pdf"> каталог </a></FONT><br>
0 votes2 answers -
IE and OPERA
Здравствуйте! У меня возникла небольшая проблемa с отображением веб-страницы. Дело в том, что в Эксплорере все отображения и переходы осуществляются вполне корректно, а в опере - выдает ошибку: The address type is unknown or unsupported d:/pictures/01.jpg ... Прошу Вас мне помочь.... возможно вы увидите мою ошибку, которую я не мог разглядеть. <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Cats</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> </head> <body> <a href="d:/pictures/01.jpg">Cats</a> </body&…
0 votes5 answers -
растягивание фоновой картинки в ИЕ
Всем привет. есть блок с фоном, который тянется в зависимости от ширины блока. .menu-nav div ul li:first-child+li { margin:0px; padding:10px; margin-top:10px; list-style:circle; background:none; background:url(../images/m_grin.png) no-repeat; background-size: 100% 100%; list-style:none; } но ие его не тянет. не работает background-size: 100% 100%;. Как растянуть фон в ие?
0 votes2 answers -
масштабирование шрифта в px в IE
Скажите, пожалуйста, шрифт в px не масштабируется во всех версиях Internet explorer, или только в 6й? Если первое, то получается лучше использовать em?
0 votes5 answers -
colspan волшебство
Задача: объеденить 3 ячейки (например там где 1 объеденить с левой и правой) colspan=3 обьединяет только левою с той где цифра HTML <table> <tr> <td> <img src="left-top.jpg"> </td> <td class="top"><!—-></td> <td> <img src="./img/right-top.jpg"> </td> </tr> <tr> <td class="left"><!—-></td> <td><!—-></td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 2 </td> <td class="right"><!—-></td> </tr> <tr> <…
0 votes3 answers -
Как заставить relative охватывать содержимое
Добрый вечер И сразу к делу... Как заставить position:relative охватывать содержимое, если все внутренние блоки position:absolute, или тут без каких либо ухищьрений не обойтись? пример страницы
0 votes2 answers -
Копирайты
В общем, копирайты я с помощью позицианирования поставил внизу, но когда начинаю позиционировать сайт(уменьшать), то копирайты отрываются от низа. что делать? p.s. И ещё, есть меню, сделал таблицей. Оно в верху сайта, строкой.(на самом верху). Прописал width: 100%;. меню растянулось, но остались зазоры, (по бокам, и сверху.) как исправить?
0 votes6 answers -
Растягивание бекграунда
Здравствуйте, У меня есть див обычный и для него установлена background-картинка. Этот код - небольшая модификация крупного JS-фреймворка (Sencha) и, естественно, там хватает своих записей в DOMе. По каким-то причинам background-картинка, такое чувство, что увеличивается в масштабе. ь.е. я вижу только её маленькую часть, но очень сильно увеличенную. Я пересмотрел уже весь DOM, перепробовал поотключать все стили с помощью консоли - эффекта ноль. Подскажите пожалуйста, в чем может быть дело и в какую сторону необходимо смотреть.
0 votes3 answers -
Ползунок
Появилась идея поставить на сайт для удобства ползунок. Но вот посмотрел, получается, что он только в html5, а на многих браузерах не знает его полностью ещё. (напомню <input type="range" min="1" max="10" />) Может кто-нибудь подсказать, как можно сделать ползунок на сайте? Может есть готовые скрипты на яваксрипт? Или всё-таки html5?
0 votes2 answers