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
-
Проблемы.
Вот у меня такая проблема, когда я делаю картинку с ссылкой, то она по всему периметру выделяется, а мне не надо чтобы выделялась, как это сделать? Вот: А вот код: <html> <head> <title> Сайт о группе Linkin Park </title> </head> <body background="http://lp/images/bg.gif" topmargin="10" bottommargin="10" bgcolor="black" link="none" vlink="none" alink="none"> <table align="center"> <tr><td background="http://lp/images/up_pictures.jpg" width="1000" height="477" > <a href="http://lp/"><img src="http://lp/images/home.gif"></a> <a href="http://lp/files/"><img src="htt…
0 votes4 answers -
Развитие интернета в регионах
Приветствую! Тут кто-нибудь есть из Ярославля? Кошмар...Сейчас искала порталы городские ...ужас...ни одного стоящего не смогла найти. Захочешь что-нибудь купить так ненайд?шь же невжизь. Это не Питер, где за пол часа лазанья по глобальной паутине можно найти почти вс?, что нужно, купить вс? что необходимо и получить это не выходя из офиса, при этом доставка бесплатная. А как же быть остальным людям, кто жив?т не в Москве, а где-то глубже? Где же эти великие сайтостроители? Ну сделайте наконец хотябы парочку нормальных областных сайтов! Уважаемые форучане, может быть Вы мне поможете найти что-нибудь полезное?
0 votes1 answer -
Ссылка-изображение
Всем привет. Помогите мне пожалуйста разобраться с CSS, я чтото крутил крутил, ничего не вышло. Кароче мне нужно сделать изображение-ссылку, используя только один тег <a></a>. Тоесть изображение нужно вставить как бэкграунд к тегу <a>.Размер моих изображение 30х30 пикселей. Как мне это сделать? Вот что у меня должно получиться: Host for your pictures А вот мой код, но нифига не получается :\ #pageraiting{ padding-left:2em; font-size:small; color:#999999; } #pageraiting #stars a{ padding:15px; background: url(/images/menuselected.gif) center no-repeat; } <div id="pageraiting"> <div>Просмотров: 23 459</div> <div id="stars"&g…
0 votes3 answers -
почему моя html табличка ведёт себя так странно?(см внутрь)
В общем нужно сделать вот такую штуку но дело в том, что где нижний цветочек, если ему родную ширину поставить, ячейка будет длинее!!!!он будет повторяться!!!! а он 107px а я ему 50 поставила.. <table border="1px" cellpadding="0px" cellspacing="0px" cols="3"> <tr > <td background="images/LT.png" width="116px" height="111px">r </td> <td background="images/MT.png" width="11px" height="111px"colspan="4">r </td> <td background="images/RT.png" width="69px" height="111px">r </td> </tr> <tr> <td background="images/LM.png" width="116px" height="11px">r </td> <td bgcolor="#fffddf" width="300px…
0 votes3 answers -
Что значит подобная записть?
В CSS: Индификатор же определяется так Встретил в коде такое.
0 votes4 answers -
Не могу разобраться с навигацией
Здравствуйте, уважаемые форумчане. Есть задача: сверстать горизонтальную навигацию. По умолчанию ссылки показываются просто текстом, с этим я справился. А при наведении на их фоне появляется квадрат с закругленными углами. Причем этот квадрат будет оставаться на активной странице. Ну то есть, пока мы на главной он будет, как только переходим на страницу "Авторы", он появляется там. Надеюсь понятно. Не подскажете как реализовать?
0 votes13 answers -
Ссылки внутри статьи
Дело в том, что у меня фиксированное width:100% меню в самом верху сайта, и когда я устанавливаю ссылку через <a name, то у меня это самое меню "съедает" заголовок или часть текста которое должно отображаться, как быть?
0 votes18 answers -
Divная верстка
Ребята помогите сделать каркас. Проблема у меня в том что блок images не позиционируется по центру и на лазит на блоки header и menu по верх. Покажите на коде как Вы такое реализовываете, свой код выкладывать не вижу смыла бо там уже полный бред.
0 votes8 answers -
Вопрос:верстка Landing pages
Добрый день. Вопрос по верстке страниц Landing Pages: 1.как лучше верстать с помощью шаблонизаторов(каких именно) или чистым html/css? 2. ">http:// : как вставить такого плана картинки: делать каждую отдельную (возможно списком), или спрайтом одну? Заранее спасибо за ответ.
0 votes6 answers -
hover эффект
Вобщем есть код <div class="number"> <a href='#'><img src='images/Call.png' class="call"></a> <b>8-905-282-60-55</b> </div> изначально тег <b> скрыт display:none; хочу что бы при наведении на ссылку тег <b> снова становился видимым. насписал стили: .number b{ display:none; } .number a:hover b{ display:block; } Но нечего не работает в чем проблема подскажите.
0 votes2 answers -
Не удается скопировать CSS анимацию
Здравствуйте, наткнулся на простую CSS анимацию свойством animation, но что-то она у меня не запускается - просто стоит посередине кнопки и все. Помогите пожалуйста. Пытаюсь скопировать "перелив" с кнопки Смотреть тут http://ma******.ru/ .b-button_animation { animation: 4s ease 0s normal none infinite running flash-button; background-image: -moz-linear-gradient(0px 0 , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0) 50%); background-position: -150px -150px, 0 0; background-size: 250% 450%, 100% 100%; } .b-button_common-black { background: #686868; /* Old browsers */ background:…
0 votes2 answers -
Картинка по центру
Здравствуйте. Столкнулся с проблемой: в блоге на ВП в теле поста не могу выровнять картинку по центру. Она прижимается к левому краю. Каким образом можно исправить? Чувствую что туплю, но пока ничего умного придумать не смог
0 votes6 answers -
background поверх содержимого дива в ie6
Добрый день! Вот какая история приключилась: Сначала, когда я закончил верстку, сайт отображался корректно во всех браузерах кроме ie6. В нем фоновый цвет тега <div class='rightcol'> заслонял содержимое тега! Т.е фоновый цвет располагался поверх содержимого. Поэтому на месте правой колонки располагался просто белый прямоугольник. Долго не мог понять, что не так. Стал экспериментировать. Макет в ie6 стал отображаться корректно после того, как я убрал все комментарии вида <!-- --> из кода. На этом я и успокоился , хотя связь комментарием с фоновым цветом мне до сих пор не понятна. Сегодня пошел к заказчику показывать сайт. Заказчик - кафедра, у них понятно…
0 votes2 answers -
Шапка сайта.
Всем привет! Помогите в такой проблеме. Когда я смотрю свой сайт на плоском мониторе (у меня монитор SAMTRON 76DF) картинка вставленная в шапку отображается 2-3 раза т.е. не рестягивается. Подскажите в чем может быть причина и как ее исправить. Заранее благодарен!
0 votes6 answers -
Помогите с ie6 сдвигаются слои
Доброго времени суток! Как уколоть ишака 6 чтобы не сдвигал слои? Везде отображается нормально, но 6 сдвигает обтекающие слева слои. При этом такое ощущение, что он всталяет какие то левые отступы. На пример: задаю margin-left: 20px; Везде нормально отсутают слои, а в 6 больше растояние примерно получается 40px. Не могу понять почему. Может кто то сталкивался с этим, подскажите пожалуйста.
0 votes11 answers -
Большой отступ перед clear
Привет всем. Прилагаю изображение с проблемой. В контейнере два флоата, после контейнера clear. Непонятно откуда появляется слишком большой отступ. Где искать проблему?
0 votes11 answers -
как сверстать кнопку в меню не под прямым углом
в изображении привиден пример когда выделение активного пункта меню выделенно вормой в виде параллелограмма как лучше сверстать такой объект? Может в css3 и html5 есть для этого какието примочки? буду благодарен за любую попмощь
0 votes5 answers -
Не работает код
Извините если пишу не в ту тему. Я тут новенький. У меня возник вопрос по верстке ,у меня есть 4 блока в меню,которые при нажатие первого блока он должен открываться и если нажимаешь другой блок то первый блок должен закрыться а этот блок открыться. Я сделал но почему блоки при открытие появляются в другом месте а потом вставляются в нужное место. В чем дело?? и правильно я написал вообще коды? script $(document).ready(function() { $('div[id^=blockNav]').hide(); $('li.van').click (function() { $('div#blockNav1').fadeIn(); $('div[id^=blockNav]:not(div#blockNav1)').fadeOut(); }); $('li.tri').click (function() { $('div#blockNav2').fadeIn(); $('div[id^=block…
0 votes12 answers -
Не работает width: 100% и margin: 0 auto на ios
http://nargilia.pavelzheglov.ru/ Впервые столкнулся с такой проблемой, даже не могу четко выявить суть, чтобы гуглу задать вопрос.
0 votes1 answer -
svg или webfonts
Для размещения на сайте требуются иконки. Надо, чтобы они были резиновые. Их можно делать с помощью svg и с помощью webfonts (как тут http://fortawesome.github.io/Font-Awesome/). Как вариант будет поддерживать большенство устройств и браузеров? Какой бедет меньше весить? И как делать самому шрифты для web?
0 votes16 answers -
Анимация SVG средствами JS
Привет. Подскажите, пожалуйста, почему данный код может не работать: var svgDoc; window.onload = function() { svgDoc = document.getElementById("switchid").contentDocument; } var switch_ = svgDoc.getElementById("switch"); switch_.onclick = function() { current_position = Number(switch_.getAttribute("y")); if(current_position == 32) { // off switch_.setAttribute("y", "9"); switch_.setAttribute("style", "fill:#00ff00"); } else { switch_.setAttribute("y", "32"); switch_.setAttribute("style", "fill:#ff0000"); } } Суть проста. Подключаюсь к svg на странице. И хочу по клику на определенный прямоугольник (id="switch") переводить его из одного положения в…
0 votes2 answers -
Макет как у yahoo.com
Добрый день! Вот изучал тут дизайны vkontakte.ru и yahoo.com и увидел интересную деталь. Вот когда нажимаешь Ctrl+прокрутка колеса мыши размер шрифта начинает меняться. вконтакте ломается весь при таком действии, а yahoo - нифига. Причем yahoo не ломается ни в лисичке, ни в ослике. Почитав этот сайт про резиновые макеты страниц и опробовав в лисичке убедился - это не то. Вопрос: как делается такая фича, чтобы сайт вслед за текстом увеличивал свои размеры, как на yahoo.com Всем спасибо за ответы заранее.
0 votes3 answers -
Равномерно расставленные слова
Вобщем. Есть линия. Длинною в 100% от экрана юзера. Есть меню. Оно занимает... примерно 15% ширины экрана. Меню состоит примерно из 10ти пунктов. Вопрос: Как сделать так чтобы меню равномерно распределило все пункты на всю ширину экрана. А не стояло где-то скраюшку как бедный родественник. Заранее спасибо
0 votes5 answers -
Графическое меню
Здравствуйте господа ! Проблема возникла как всегда из неотуда. Есть макет - рисунок .jpg сайта с нарисованными пунктами меню, я его нарезал как пологается и сверстал - все нормально. Но надо что бы при наводке на зону меню мышки это меню меняла цвет. Повторяю меню не шрифт над фоном а просто картинки . Я так понимаю надо будет подменять картинки одного цвета картинками другого цвета при наступлении события hover ? С помощью чего это можно сделать? Или есть какие то другие способы при наведении мыши менять цвет пункта графического меню ?
0 votes3 answers -
Хак оперы или мозилы )
Мне нужен хак на один из браузеров опера или мозила. Просто в мозиле с position: absolute; работает, а в опере с position: relative; Мне или для одного дописать или для другого без разницы. Если вы чтото знаете о подобных проблемах, то я с радостью прочитаю то что вы напишите;
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-