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
-
Вертикальная разделительная черта между колонками в таблице
Пожалуйста помогите, между двумя колонками таблицы нужно сделать разделительную вертикальную линию, но не во всю высоту, а с небольшими отступами сверху и снизу. Высота таблицы естественно динамическая. То есть нужно сделать примерно так: Пробовал сделать в отдельной колонке закрашенный блок, но он отказался растягиваться на всю высоту таблицы (только статичная высота в пикселях) PS: Если не в тот раздел написал - прошу прощения, я новичок на вашем форуме.
0 votes2 answers -
ХЕЛП: проблема с простейшей таблицей в ФФ.
Всем привет! Ребят помогите, плз. Проблема во вставке разноразмерных картинок в табло с объединенными ячейками. Может глаз замылился, но я уже ее и так и эдак - бесполезно. Хотя, ну, что тут три строчки простейшего кода. В ФФ - она вглядит вот так картинка в ФФ А должно собственно вот так вот, как в ИЕ картинка в ИЕ <table> <tr> <td rowspan="3"><img id="fock" src="img/pLiving.gif" /></td> <td><p>Кухня</p><a id="aprtmnt1" href="apartments1.html"><img src="img/kitchen.gif" /></a></td> </tr> <tr> <td ><p>Ванная</p><img src="img/bathroom.gif" /></td>…
0 votes3 answers -
Проблемы с плавающими блоками
HTML: <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="ru-ru" lang="ru-ru" dir="ltr" > <head> <title>Продукция-Столярные Технологии Михайловск - СТМ</title> <meta name="robots" content="index, follow"/> <meta name="title" content="Продукция-Столярные Технологии Михайловск - СТМ" /> <link href="/stm-ltd.com/templates/stmltd/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="stylesheet" href="/stm-ltd.com/templates/stmltd/css/…
0 votes3 answers -
Проблема с отступами
Допустим есть куча элементов внутри какого-нибудь контейнера, для контейнера задан padding: 1em; Как сделать так, чтобы этот отступ был задан для всех элементов, кроме нескольких (например div с каким-нибудь особенным классом)? Количество элементов внутри контейнера может быть огромным и всегда будут появляться новые, притом классифицировать их тоже никак нельзя (движок не позволяет). Поэтому задавать margin: 1em; для каждого элемента тут не получится.
0 votes5 answers -
Динамические web-страницы
Доброго времени суток! Подскажите пожалуйста как в ниже приведенном примере выводить слой (ограниченный тегами <div id="apDiv1"></div>) не в статически заданном месте как в данном примере, а всегда после кнопки <input type="submit" name="buttonE" id="buttonE" value="CC" />. Количество строк изменяется динамически поэтому статическое положение не устаивает. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Тест</title> <style type="text/css"> <!-- .C { text-align: center;} #apDiv1 {position:absolute;left:5px;top:660px;width:1000px;height:80px;z-index:1;} --> </…
0 votes1 answer -
как создать плавающий flash-банер
Помогите создать новичку плавающий фелш-банер, плавать он должен ненавязчиво слева или справа. Сам банер есть, не знаю как его заставить плавать. Слышал, что это как-то делается через css
0 votes12 answers -
бордер для а
есть <p><a>бла-бла-бла</a></p> —- css — a {border-bottom: 1px dashed red} ———— в ие7 нет нижней границы, <a> блочным делать нельзя, line-height тоже... что тогда можно тут придумать.....???? с данной проблемой уже встречался, но не помню как решил...(((
0 votes5 answers -
проблема с text-decoration
Добрый день! Заданы св-ва a:link{ color: #003399; text-decoration: underline; font-weight: normal ; font-size: 13px;} h3 {font-size : 15px; text-decoration : none; color : #4682b4; margin : 5px 0; } Код <a href="http://www.foxelectro.ru/content/blogcategory/62/81/"><h3>Статьи</h3></a> Несрабатывает text-decoration : none; для h3 в ie (цвет, размер меняются а подчеркивание остается) , в ff отображается как надо без подчеркивания...Это как-нибудь можно исправить???
0 votes10 answers -
NAME=""
Неужели не все элементы HTML имеют параметр name? Очень нужен параметр name для элемента table. И вроде не работает. Так вот есть ли у table параметр name???
0 votes11 answers -
Активный пункт меню в квадратных скобках
Добрый день! Меню на моем сайте реализовано с помощью списка, который формируется динамически, оформляется шаблоном с помощью css. При наведении курсора на пункт меню требуется выделить его, заключив в желтые квадратные скобки: Реализовать нужно с помощью css с поддержкой всеми браузерами, в т.ч. IE6. Как это лучше сделать? Спасибо!
0 votes12 answers -
Список и отступы.
Меню на сайте сделано списком. Ссылкам в списке указан padding-left и padding-top. При просмотре в браузере: влево ссылки подинулись, а отступ от верха не сделали. Почему так?
0 votes3 answers -
Полдскажите хорошие и правильные книги по (x)html, css, javascript, php, ajax
Здравствуйте. Вопрос к мастерам с хорошим опытом. Какие книги вы читали чтобы поднять свой уровень в web-разработке. Предисловие: я программист, по профеcсии работаю достаточно давно, программирую под различные СУБД на win32, хорошо знаю ООП, немного читал о паттернах проектирования, неплохо разбираюсь в синтаксисе html, css, javascript, php. Теперь решил досконально изучить web-разработку. По этой теме достаточно много книг, но очень много реально противопоказано читать, сейчас во время web-стандартов и div разметки, читать о старых приемах с таблицами и даже без намека на существование стандартов страшно и очень неправельно. Хороших книг как я понял мало. Вот и появился…
0 votes9 answers -
Одна ячейка, разное выравнивание
Ребят, поставил себе задачку, Имеем: 1 ячейка таблицы, две картинки Задача: Нужно, чтобы одна картинка выравнивалась по верхнему краю, а другая по нижнему, в Одной ячейке Решение было найдено засчёт margin-top: у одной из картинок <style type="text/css"> *{ margin: 0; padding: 0;} table{ border-collapse: collapse; width: 300px;} table td { border: 1px solid #f00; height: 200px; text-align: center; vertical-align: top;} table td img.bottom { display: block; margin-top: 150px;} </style> <table> <tr> <td> <img src="green-but.jpg" alt="" /> <img class="bottom" usa-f.jpg" alt="" /> </td> &l…
0 votes20 answers -
Картинка на "шапке" сайта
коллективно пытаемся дорабатывать сайт на шаблоне Юкоза под тематику WOW (для игровой гильдии) создали простенькую картинку для "шапки", но как заставить ее подстраиваться под различные разрешения мониторов - не можем сообразить. Программистов у нас нету, уже три месяца стараемся доходить до HTML сами (с CSS еще не разбирались). Если можно, - подскажите. ЗЫ: - сайт http://guards-of-death.ucoz.ru/ ; картинка 1250х240 - на моем мониторе (разрешение 1280х800) располагается нормально.
0 votes3 answers -
Очень нужна помощь
Мужчины! Знаю, что есть 2 варианта решения данной проблемы-отредактировать имеющийся шаблон или создать новый, но нет хорошего руководства (для пользователя) как это сделать
0 votes4 answers -
Кроссбраузерность (Three pixels text jog)
Сайт проходит валидацию, а вот дрим ругается на кроссбраузерность Three pixels text jog. Ошибку выдает на абсолютное позиционирование дива: .circle_home { height: 25px; width: 27px; position: absolute; left: 305px; bottom: 0px; } как исправить? спасибо
0 votes13 answers -
Печать html-страницы
при пред просмотре на печать html-страницы, пропадет фон и цвета, все выставляется в настройках браузера, а есть ли возможность по умолчанию это делать, что бы при печати и фон и цвета было видно?
0 votes5 answers -
Увеличение картинки в новом окне
Доброго времени суток! Знаю, что подобная тема поднималась не однократно, но никак не получается найти именно то, что я хотела бы видеть... Помогите разобраться, пожалуйста. Есть превью, которые располагаются в правой части страницы. Хочу, что бы при наведении курсора превьюшки увеличивались, но не где пришлось, а в определенном для этого месте, в левой части страницы, в новом маленьком окне или слое. А при нажатии мыши, фиксировалась увеличенная картинка. Как это можно сделать при помощи css? Уже мозоли на пальцах от попыток Плиз, хелп ми!!! Заранее СПАСИБО всем откликнувшимся!
0 votes6 answers -
Нужна помощь
Люди подскажите пожалуйста как сделать таблицу по центру У меня стоит код типа <table align="center"> но валидатор ругаеться, что типа ошибка. А я не знаю как это реализовать в CSS. Валидирую по <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
0 votes7 answers -
IE 7 и браузеры, Шрифт
Почему IE сглаживает sans-serif шрифты и уменьшает расстояние между буквами? А именно для примера: зайдите по ссылке http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html с помощью IE (у меня 7й) и например браузером Mozilla. Обратите внимание на строку "Verdana, Verdana, Geneva, sans-serif". - IE сглаживает и уменьшает расстояние между буквами. Помогите плс решить проблему, оч надо..
0 votes4 answers -
Нужна помощь по JS
Доброго время суток! Подскажите пожалуйста что значат следующие строчки (каждая по отдельности): 1) newstr = str.replace(/\n+/g, ' '); 2) str = str.slice(0, 100); 3) if(document.getSelection()) {
0 votes3 answers -
Вопрос по SELECT-ам!
Вот этот выпадающий список: <select name="VidTov" size="1"> <option selected>Выберите производителя</option> <option value="t1">AEZ </option> </select> мне нада связать со списком такого типа: Товар:<br><center><SELECT multiple name=list1 size=5 id='TovAEZ'> <option value="m1" selected> AEZ Excite матовый чёрный </option> <option value="m2">AEZ Forge A </option> <option value="m3">AEZ Intenso </option> Через JS или CSS Т.е. мне нада чтобы при выборе МАрки товара AEZ из первого списка... во втором списке появлялись товары AEZ Excite матовый чёрный, AEZ Forge A, AEZ Intenso! Кто ч…
0 votes1 answer -
атрибут для caption=""
Привет народ! Валидатор ругается в этом коде на первую кавычку = caption="альбом - Архитектура"> и пишет так = there is no attribute "CAPTION". доктайп - DTD HTML 4.01 Transitional Какую ему кавычку подсунуть? Доктайп менять не охота
0 votes9 answers -
не работает прозрачность
по каким причинам кроме может не работать свойство opaciy? (пользуюсь браузером Мozilla а не Explorer). допустим есть gif анимация: сделал так что б была ссылкой в стилях написал a { opacity:0.5;} a:hover { opacity:1.0;} почему то не работает пожалуйста объясните причину или напишите правильный код
0 votes6 answers -
Эти странные гиперссылки
создаю сайт на языке html. Изучая структуру ссылок, очень часто встречал ссылки, наподобие: http://sitename//11.html?subpage=195 мне всё понятно, кроме ?subpage=195. что это такое? что она даёт и как мне сделать подобные ссылки на своём сайте? Тока объясняйте для чайника, пожалуйста, от а до Я, а то я слабо разбираюсь в этом деле... Много книжек перерыл, интернет, ничё доступного для моего мозга не нашёл по этому вопросу.
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-