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
-
Изменение внешнего вида ссылок
Подскажите пожалуйста как сделать так чтоб ссылка при наведении на нее менялась не тока цветом но и появлялись во ее краям квадратные скобки!
0 votes9 answers -
Табл. на разных носителях
Где написать в коде import или media, чтобы одна и та же таблица выглядели одинаково как на компьтере так и на компьтере так и на КПК. Не могу понять...Подскажите, пожалуйста... Я сделала так и не работает... <head> <link media="handheld" href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> </script> </head> <body> <table align="center" border="6"width="50%"> <tr> <td class="border" align="left" valign="middle" style="font-size:14px;"><b>№ Команды</b></td> <td class="border" style="font-size:14px;"><b>Вкл</td> <td class="border" styl…
0 votes4 answers -
Одно правило css перекрывает другое
Есть сайт http://ibodybuilding.ru. Там в меню наверху есть пункт "Карта сайта в xml". У этой ссылки класс hidden-display-none который содержит только одно правило display:none. Но если посмотреть код элемента через хром, то правило перечеркнуто - его переопределяет другое правило (.nav > li > a {display:block;}) из другого файла, который подключается раньше. То есть получается что это мое правило должно быть в приоритете, так как мой файл подключается позже, но этого не происходит. Почему?
0 votes6 answers -
Проблема с меню
Подскажите пожалуйста! Почему в IE 7 все нормально, а в IE 6 меню (которое черного цвета) все вытягивается в линию? Какие отличия в CSS? Сайт - www.e-ekf.com index.php <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <!-- author: raduga http://mambasana.ru copyright: GNU/GPL --> <head> <?php mosShowHead(); ?> <?php if ( $my->id ) {…
0 votes12 answers -
Загрузка определ?нного CSS файла, в зависимости от браузера
Доброго времени суток! Пытался на форуме найти тему - не смог (а вроде где-то видел решение). В общем задача сделать так, чтобы в зависимости от того, каким браузером будет просматриваться сайт, грузилась свой файл CSS. style-ie.css style-ff.css style-opera.css Такое вообще реально реализовать или у меня ложная память, что я видел решение этой задачи?
0 votes7 answers -
Резиновый <div> по вертикали
Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько div-ов. Задача: надо сделать так, что бы шапка растягивалась по вертикали, в зависимости от наполнения ее контентом. Высота шапки установлена 100%, в результате, шапка увеличилась по вертикали на большее расстояние чем ожидалось. HTML <!DOCTYPE html><html><head><title>HYBRID - главная</title><meta charset="utf-8"><link href="style.css" rel="stylesheet" media="all"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery…
0 votes4 answers -
Как "предсказать" размер ячейки?
Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?
0 votes13 answers -
Подскажите пожалуйста!
помогите с классом вот написал как я хочу чтоб выглядела таблица. Код написан на html, можно его перевести на css ?Спасибо! Это код: .STAB {border:0;align:center;WIDTH:60%;valign:middle;rules:none;cellSpacing:0;cellPadding:0; HSPACE:0;VSPACE:0; } .
0 votes15 answers -
Не подключается внешний файл css для FF
Добрый день! Посоветуйте, пожалуйста, что можно сделать в следующей ситуации: При подключении внешнего файла css, используя всем известную строку внутри head: <link rel="stylesheet" type="text/css" href="main.css"> в Opera и IE все работает и стили применяются к html-коду, вот только FF ну не как не хочет со мной дружить! И расплывается все в разные стороны, такое впечатление, что FF файл со стилями просто не видет. Как его заставить это сделать? Ну не прописывать же стили в каждом файле....:/ Вот ссылочка на страничку >> Может кто-то сталкивался с такой ситуацией, подскажите, что делать? Заранее благодарю за ответы!
0 votes12 answers -
Календарь для поля в форме
Собственно понятно, нужен календарь, а то каждый раз в ручную писать дату в поле формы неудобно. Как на картинке, кликаешь по иконке календаря, подгружаться он, выбираешь дату и она появляется в таком формате в поле 17.01.2008 Подскажите плиз, хорошую библиотеку ajax или js?
0 votes10 answers -
Див на весь экран?
Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране. Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/ Обратите внимание, что первое фото с логотипом…
0 votes2 answers -
:nth-child и :nth-of-type
Народ, кто-то может объяснить разницу между этими двумя псевдоклассами? Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются?
0 votes9 answers -
Border-image
Всем привет. Как правильно задать для рамок картинку. Код пишу так div { width: 897px; height: auto; position: relative; margin: 20px auto; padding: 0; z-index: 0; border-image: url('ramka.jpg'); } и не работает Заранее большой спасиб.
0 votes5 answers -
Наложение слоев. некорректно в IE
Учусь верстать слоями, очень интересно и захватывающе. Только вот столкнулся с проблемой: есть http://football.kemcity.ru/design/ При создании наложения черный слой сползает вниз на высоту налагаемого слоя в IE6, а он должен быть прижат вплотную к нему. Долго уже бьюсь, но непонимаю почему так происходит. Помогите добрым советом плиз
0 votes9 answers -
Скрыть таблицу
Поставил на свой сайт таблицу, таблица довольно большая хотелось бы её скрыть, хочется вместо неё поставить кнопочку (картинку), на которую тыкаешь и разворачиваться таблица, не знаете как это можно устроить? Заранее спасибо!
0 votes12 answers -
Как выровнять форму
Есть форма отправки с таким кодом,но в Опере и IE верхние два поля по середине,а не прижаты к левой стороне.Как поправить на Html?CПС всем кто откликнется! http://batikgallery.ru/Contacts.html <TABLE width="446"> <TR> <TD ALIGN="right" width="136"><strong><em>Ваше имя</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="Login" align="left"SIZE=25></font></TD> </TR> <tr> <TD ALIGN="right" width="136"><strong><em>Ваш E-mail</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="E-mail" SIZE=25></font&…
0 votes3 answers -
Как прописать два класса сразу?
Здравствуйте, у меня такой кусочек <OL class="instructions" class="ol"> <LI>№</LI> <LI>№</LI> <LI>№</LI> <LI>№</LI> </OL> Как прописать два класса в одном? Думаю что так <OL class="instructions ol">№</OL> Но правильно ли это будет?
0 votes2 answers -
Не могу найти ошибку
.... <head> <script language="javascript"> function getwidth(myPicture){ newImg = new Image(); newImg.src = myPicture; myWidht = newImg.width; myHeight = newImg.height; if (myWidht > 190 ) {myHeight = myHeight*(190/myWidht); myWidht = 190; } if (myHeight > 140) { myWidht = myWidht*(140/myHeight); myHeight = 140; } return myWidht } </script> </head> <body lang=RU link=blue vlink=purple style='tab-interval:35.4pt'> <table border="1" width="100%"> <tr> <td ><img src="r_s_220.jpg" width=getwidth("r_s_220.jpg")><br>баш</td> ..... Ошибка в гд…
0 votes10 answers -
взаимное расположение картинки и Flash
Здравствуйте! У меня проблема вот какого рода: на странице есть картинка и Flash -ролик. Позиция ролика рассчитывается относительно левого верхнего угла картинки, а не левого верхнего угла страницы. Я сделал это так: ... однако такой вариант работает только в IE, в Opera расч?т ид?т от верхнего левого угла страницы! Как решить эту проблему?
0 votes5 answers -
input внутри ссылки
Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?
0 votes7 answers -
Выделение с map area
ситуевина: есть ссылка типа <a href="ssylka.html">ссылка</a> есть участок в изображении завязанный с map area: <area shape="poly" tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="184, 66, 338, 66, 338, 141, 184, 141" /> надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок как эти две вещи можно друг с дружкой связать? есть ли способы попроще? заранее благодарю за помощЬ
0 votes5 answers -
Выровнять изображение по центру Bootstrap
Если экран сужается все блоки складываются один под другим, в двух у меня текст и я ему задаю значение выравнивание по центру ! А вот фото в первой колонке тулица по левому краю даже в том случаи если с права все колонки ушли под низ ! Пробывал дать значение margin 0 auto - все одно с лева ( https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970932
0 votes16 answers -
Не работает display:block
Имеется код: <style type="text/css"> #lnk { display:block; } #bar { float:left; width:500px; height:35px; padding:89px 0px 0px 0px; background:url('logo-up-main.jpg'); } </style> <a href="./" class="lnk"><div id="bar"> <a href="./">asda sdasdasda sdasd asd asd</a> </div></a> Вопрос: почему нормально не работае внешняя ссылка(#lnk)? Заранее спасибо за ответ. Что характерно, что без содержимого в i#bar все работает норм...
0 votes6 answers -
DIV
Есть сайт разверстанный таблицами, вот вопрос - как сделать так, чтобы слой был точно сверху одной таблицы, ну или сверху картинки ,чтобы можно было спокойно писать текст как бы поверх картинки ?
0 votes22 answers -
Масштабирование "резины"
Не подскажите, как можно ограничить сжатие или растяжение резинового сайта до определённых разрешений по максимуму и минимуму.?
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-