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
-
проблемы с шапкой
Первый логотип(logo) отображается, второй нет. Почему? #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #logo1 { width: 200px; height: 52px; margin:-95px auto; background: url(slogan.png) no-repeat; } .call{ margin-right:35px; } </style> </head> <body> <div id="header"> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> <div id="logo1"></div> <a class="call" href = "index1.html"><img src = "call.jpg" width = "74" height…
0 votes5 answers -
НЕ работает Image Map в IE6
Добрый день! надеюсь солнечный! Столкнулась с такой проблемой. Использую на главной странице слайдер js easyslide. И хотелось сделать в 2 ряда картинки, как решение сделала image map. И все было отлично, до тех пор пока не посмотрела в ие6, второе изображение он не воспринимает как image map, но на местах где описана area выдает alt всей картинки, а не title эрии. (все работает в хроме, лисе, опере и ие8) Есть подозрение, что на ие7 тоже распространяется данный баг (как я полагаю) Возможно я что-то не так делаю, или есть какие-другие причины. Очень буду благодарна за ваши комментарии. так это выглядит в живую привожу код <div id="slider"> <ul> …
0 votes5 answers -
before & after
Набрёл на этот пример из итогов конкурса. Хотелось бы понять как он работает?? Что является координатной сеткой для элементов созданных через :before и :after??
0 votes5 answers -
Назначение разных стилей для одинаковых потомков одного предка.
Имеется список: <ul> <li>...</li> <li>...</li> <li>...</li> <li>...</li> ... </ul> Можно ли как-то выбрать из него определенные li не ссылаясь на их атрибуты или содержание?
0 votes5 answers -
сполер "[+]Подробнее"
Утро доброе! Такой вопрос - есть скрипт которой скрывает нужный текст и при нажатии на (в моем) случае "+" открывает. Только вот проблемка, при открытии страницы, все вкладки на + уже открыты, а как сделать чтобы они изначально были все закрыты? ах да , сам скрипт и кусок текста - <script langauge="JavaScript" type="text/javascript"> function doMenu(item) { obj=document.getElementById(item); col=document.getElementById("x" + item); if (obj.style.display=="none") { obj.style.display="block"; col.innerHTML="[-]"; } else { obj.style.display="none"; col.innerHTML="[+]"; } } </script> <a href="JavaScript:doMenu('main');" id=xmain>[+]</a>…
0 votes5 answers -
Избавление от отступа
Доброго времени суток. Вновь взялся за изучение объекта вожделения, а именно, вёрстки. При поиске решения для создания основного поля (где будет размещаться весь контент) с закругленными углами, попробовал решения через css (отказался, т.к. не достиг успеха отображения в IE) и остановился на внедрении двух картинок (низ, верх) с закругленными углами, а между ними растянул фон, в который и хотелось бы заносить основную информацию. Однако, столкнулся с проблемой: не получается ликвидировать отступы от "закругленных" изображений: код: Подскажите пожалуйста, в чём мой косяк?
0 votes5 answers -
Идеальное расположение боксов для поисковиков
Вопрос к SEO'шникам и тем, кто знаком с продвижением сайтов. Известно, что основной контент в HTML-коде первее сайдбаров - благоприятнее для индексирования поисковиками... Но нужно ли контент пускать в коде раньше, чем хэдер (шапка сайта) или по философии документа сначало должен идти заголовок-шапка, потом тело-контент? В общем подскажите, как лучше?
0 votes5 answers -
юникод
возможно ли сделать так, чтобы unicode символы выглядели одинаково во всех браузерах? пример: ? ? ?
0 votes5 answers -
Высота блока комментариев от Facebook
Здравствуйте! Кто знает как убрать баг фейсбука, а именно этот отступ:
0 votes5 answers -
проблема с использованием max-width
Суть вопроса в следующем... есть код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>max-width</title> <style type="text/css"> /*———————————--RESET———————————-*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; }…
0 votes5 answers -
как прописать другой стиль текста вне css
есть таблица вида <table cellspacing="0" cellpadding="5" border="1" width="750"> <tbody> <tr> <td> .... </table> для нее требуется задать другой размер шрифта... подскажите как и где это прописать?
0 votes5 answers -
Флеш шапки, сайты
У меня задумка появилась, не знаю потяну я или нет, сделать флеш шапку для сайта. Как думаете для новичка это возможно?
0 votes5 answers -
Ротатор HTML для GAdsense
Есть интересная задачка, которая имеет решения с помощью HTML, но к сожалению я пока не знаю какое. Нужен HTML код, который, при каждом обновлении страницы, должен выводить 4 разных GoogleAdsense объявления. Вернее он должен выводить одно из существующих 4 обьявлений в случайном (или алгоритмическом. Это не важно) порядке. С помощью PHP, естественно это зделать - раз плюнуть. Но вот с помощью HTML ... Спасибо. Я думаю это интересная жизненная ситуация для верстальщика или кодера...
0 votes5 answers -
Проблемы с IE8: съезжает блок...((
Мир всем! Трехколоночный сайт: во всех браузерах отображается нормально, кроме IE8. В IE правый блок съезжает к центру экрана. Подскажите, плиз, как зафиксировать этот div и пристыковать его к правой стороне? См. скриншоты. Спасибо.
0 votes5 answers -
Attribute size not allowed on element input at this point.
<!DOCTYPE html> ..... <input type='file' name='file' size="80px"> валидатор ругается: Attribute size not allowed on element input at this point. что нужно исправить?
0 votes5 answers -
CSS не могу поменять стиль ссылки
Я делаю дизайн для своего сайта, но возникла проблемка в файле CSS стилей. У меня указан стиль ссылок: a:link {text-decoration:underline; color:#4D6D91;} a:active {text-decoration:underline; color:#4D6D91;} a:visited {text-decoration:underline; color:#4D6D91;} a:hover {text-decoration:underline; color:#000000;} Но этот стиль так же действует и на заголовок новостей, а с тамашним фоном, этот цвет ссылок словается с фоном, я пытаюсь поменять цвет ссылок так: a.eTitle:link {text-decoration:none; color:#FFFFFF;} a.eTitle:visited {text-decoration:none; color:#FFFFFF;} a.eTitle:hover {text-decoration:underline; color:#FFFFFF;} a.eTitle:active {text-decoration:underline; color…
0 votes5 answers -
Фон дива
В общем я только начинаю учится всему этому, так что чур камни шибко не пинать. Пока делаю простенький сайтик. Значит так на странице у меня один главный блок <div id = "container">(рабочее поле сайта) внутри которого есть <div id = "header">(собсна шапка), <div id = "text">(с основным содержимым сайта, т.е. всякие новости, статьи и тд.), <div id="news"> и <div id="footer">. <div id="news"> расположен справа от <div id = "text"> и он представлен в виде не широкой колонки в которой будут выводится ну предположим краткие новости эта колонка имеет свой фон(ввиде картинки, точнее маленький полупрозрачный одноцветный прямоугольник). С…
0 votes5 answers -
Помогите решить.
Разделил страницу на части: Верх - Левая колонка - Центр - Правая колонка - Низ. В PHP подключаю эти файлы получаеться между Верхом и Середино отступ и также между Серединой и Низом. Как убрать эти отступы? Может неправильно HTML разделил? <!DOCTYPE HTML> <html lang="ru"> <head> <meta charset="utf-8"> <title> </title> </head> <body> <div> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Mi…
0 votes5 answers -
Как растянуть родительский блок по вертикали по высоте содержимого
Есть блок, позиционированный абсолютно. В нем есть другие блоки, также позиционированные абсолютно. Как сделать, чтобы если содержимое родительского блока превосходило его размеры, то он бы растягивался вниз? По умолчанию содержимое совершенно спокойно переходит границы родительского блока. Пробовал играться с overflow, но не дает нужного эффекта. Что делать?
0 votes5 answers -
Распределение текста по всей длине div
Задача: Нужно сделать так, что бы текст был расположен как на скрине. Решение:? Заранее спасибо!
0 votes5 answers -
вопрос пр ссылки
у меня такой вопрос: как можно быстро создать большое количество ссылок на одной странице? например у меня на одной странице должно размещаться больше 700 ссылок на другие страницы сайта(которые отличаются друг от друга лишь одной картинкой)и мне интересно может есть какой то способ сделать это все по-быстрому, а то вручную уж очень долго получиться, темболее у меня не одна такая страница....вобщем если есть какой то совет помогите, а то я новичек и много еще не знаю
0 votes5 answers -
Проблемы с горизонтальным меню
Люди добрые, нужна Ваша помощь. Со вчерашнего вечера ломаю head над header'ом. В горизонтальном меню, которое в идеале должно выглядеть так: при масштабировании возникает обрыв последнего блока меню на следующую строку. В первом варианте только ИЕ9 отображает меню именно так как я хочу. - см. тут Во втором варианте - когда я установил фиксированную ширину li, контент ячейки лезет вниз - и тут Помогите!!! Вариант 1 HTML: <div id="header"> <div id="innerHeader"> <img class="logo" src="images/logo.png" width="175" height="49" alt="Мир насосов"> <img class="slogan" src="images/slogan.png" width="781" height="27" alt="Наш девиз">…
0 votes5 answers -
Стоит ли такие фичи реализвоать в CSS
Активно изучаю веб, и пробую новые приемы в CSS3 и.т.п. Делаю себе новую шкуру с использованием некоторых прибамбасов. http://dgbomb.com/maket/ Есть несколько вопросов: 1. Насколько сильно эффекты закруглений, CSS транзишн, тени и т.п. грузят броузер. Может, все это лучше картинками сделать? 2. У меня макет пересчитывается через CSS на несколько разрешений. То есть, на разнах разрешениях - разная ширина макета. Насколько это приемлимо. Или лучше сделать через скрипт. 3. Заметил, что слайдеры на превьюшках в файрфоксе анимируются скачками. Это особенность броузера? Или у меня косяк. 4. Общий вопрос. Как сохранить баланс в наследовании классов типа .style ul li ul {} или .…
0 votes5 answers -
Про рамки ячеек в таблице
наверно, обсудалось, но я не нашел (может плохо искал) как через CSS сделать чтоб у всех ячеек таблицы был бордер?
0 votes5 answers -
В IE8 "плывут" сайты - глючит верстка
Сегодня первый раз посмотел свои сайты через IE8 и ужаснулся. (до того момента смотрел только в IE6-7, опере, хроме, фаирфоксе, где все ок было). Так как знания в верстке у меня поверхностны, то спрошу здесь Вот навскидку две проблемы: 1. Оказалось, что использование тега <li> в контенте отбрасывает сайдбар кудато далеко влево-вниз. Непойму в чем проблема, убираю li - все ок, добавляю - перекос. Для li цсс не прописан, т.е. по умолчанию. Для дивов стандартая верстка #wrap {margin:0 auto; text-align:left; width:840px;} #content{ float:left; padding:12px; width:580px; text-align:justify;} #sidebar{ float:right; padding-top:22px; width:220px;} 2. Если просто накида…
0 votes5 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-