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
-
вопрос про описание таблиц
Доброго времени суток. У меня такой вопрос. Увидел на этом сайте в статье про border-collapse интересный пример, в котором идёт описание таблицы <head> <style type="text/css"> TABLE { .. } TH { ... } TD { ... } </style> </head> вопрос такой, если я буду рисовать на одной странице отдельные таблицы друг с другом не связанные, они же все будут подвержены вышеописанному форматированию. А как быть, если я хочу нарисовать разные таблицы?
0 votes4 answers -
margin
Эти варианты правильные? margin: 50px 20% 20px 20%; margin-top: 50px; margin-left: 50px; margin-bottom: 20px;
0 votes2 answers -
B Dreamweavere не отображаются картинки
Пожалуйста, помогите разобраться. Делаю меню на CSS с помощью списка в B Dreamweavere CS4. Когда в <li> задаю бекграунд-картинку, то он в самой программе у меня не отображается. А в браузерах отображается. В чем дело??? Со всеми другими тегами все в порядке. Вот таблица стилей: #main_menu a {color:#900; text-decoration:none; font:bold; Tahoma;} #main_menu a:hover{color:#666;} #main_menu .active { color:#FFF; text-decoration: none;} .menu li { display: inline; padding: 7px 23px; background:url(images/picture1) repeat-x top left; margin:0px 2px;} .menu { margin-top: 7px; font: bold 13px tahoma; color:#36F; padding-left: 5px; } .menu .active { font: bold 13px ta…
0 votes3 answers -
В IE верхнее меню справа чем то прикрыто, нижнее в перемещаеться в зависимости от страницы.
В IE верхнее меню справа чем то прикрыто и еле видно, нижнее в перемещаеться в зависимости от страницы. В остальных браузерах вроде все нормально. Недостаток знаний. Учусь 2 месяца. Читаю только по верстке в последнее время. (отказался тут не давно от просмотра нового сезона "Реальных пацанов" Первый сайт. Сам уже не справляюсь, прошу помощи! Смотрел все темы - что у меня определить не могу. Верстал на основе шаблона, конечно куча ошибок, так что буду рад замечаниям по ошибкам вообще. Сайт http://oceanglasses.ru/ Верхнее меню
0 votes5 answers -
Проблема с версткой в ИЕ
Уже более 2-х недель бьюсь над такой проблемой: сайт http://kam-pod.gov.ua при просмотре любой из новостей (например http://kam-pod.gov.ua/?p=1700) уходит вниз правая колонка. Проблема характерна только для ИЕ. Помогите разобраться, почему так происходит. Вот описание стилей колонок (С1 - левая, С2 - центральная, С3 - правая): #c1 { width: 230px; float:left; } #c2 { border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; top: 245px; width: 560px; float:left; } #c3 { width: 230px; float: left; }
0 votes2 answers -
как это сделать?
Вот ссылка на сайт Моя ссылка Интересует как сделать к примеру верхнюю часть где цвет плавно переходит из синего в небесный ?
0 votes4 answers -
Фон в DIV
help please. не могу разобраться в чем дело: такой код не отображает нужного мне фона в div'е: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>SQpokerinfo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="shortcut icon" href="favicon.ico"> </head> <body> <div id="container"> <div id="header"> <img id="logo" src="img/logo.jpg" alt="logo"> </div> </div> </body> </html> CSS body { margin: 0px; } #conta…
0 votes7 answers -
Проблема с картинками в ссылках
Вот такая проблема : Причём в хроме и в опере такой рамки вокруг выделенного элемента нету. Код: <p><table> <tr><td> <a class="tourlink" href="http://www.pegast.ru/samo5/search_tour" target="_blank"> <img class="tourimg" src="images/pegast.jpg" border="0" alt="" /> </a> </td> <td><a class="tourlink" href="http://search.teztour.com/?country=1104&city=345" target="_blank"> <img class="tourimg" src="images/tez.jpg" border="0" alt="" /> </a></td> <td><a class="tourlink" href="http://online3.anextour.ru/search_tour?DOLOAD=1&TOWNFROMINC=23&STATEINC=3&TOURINC=24&CHECK…
0 votes5 answers -
Помогите с кнопками
вот кнопка http://jsfiddle.net/cZQpB/ Во всех броузерах отображается нормально а в explorer 7 обрезаются с верху и снизу. подскажите как это убрать?
0 votes5 answers -
Сайт на Joomla.
Здравствуйте ! Хочу сделать простенький сайт с 1видео, на шаблоне Joomla. название-сайта.RU ( раньше никогда не делал ) Посоветуйте хостинг бесплатный или не очень дорогой, куда можно загрузить шаблон Joomla? а то выбор вроде большой, боюсь ошибиться. Прошу подсказки у тех, кто разбирается. Спасибо
0 votes7 answers -
Необычная верстка
Приветствую! Нужна помощь. Есть необычная верстка(необычная для меня, т.к. я с такой не сталкивался). Дизайн по типу смахивает на игровой. Но вот как этот дизайн выполнен(технически)! В общем вот скрин оригинала: Нормальный(ссори за такой кривой скрин, самому такой дали) Проблема собственно в том что, элементы которые должны быть разобраны на слои(чуть ли не по миниатюрам), они объединены в один слой, и как верстать совершенно непонятно. Я сверстал, но косячно. Ниже еще один скрин обрисованный где какие слои объединены - Обрисованный Красным - обозначен слой, который внутренний. Стрелки показывают что он под колпаком в общем:crazy: Зеленым - обозначен слой главный, типа …
0 votes5 answers -
Проблема со слоями
Помогите реализовать следующее. Есть два div'а всплывающих влево, у левого дива фиксированная ширина и высота, правый div растягивается в зависимости о количества текста в нём. Я реализовал это так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title> Test Page </title> </head> <body> <div class="firstbox"> </div> <div class="secondbox"> ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ </div> </body> </html> …
0 votes10 answers -
Помогите вставить код на Wp
Добрый день. Подскажите пожалуйста, нужно эти 3 кнопки <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>"></div> <script type="text/javascript" src="http://btn.kiev.ua/share42/share42.js"></script> <script type="text/javascript">share42('http://btn.kiev.ua/share42/')</script> Установить на каждую страницу сайта сразу под текстом на сайт http://www.btn.kiev.ua/ Тема шаблона StoryMag. В какой файл нужно код вставить и конкретно куда. Спасибо за ответ
0 votes9 answers -
Развертывающиеся строки в таблице
Подскажите как реализовать развертывание и свертывание некоторых строк в таблице? Суть проблемы: таблица слишком большая, потому принял решение сделать определенные строки скрытыми чтобы при нажатии на одну "общую строку" разворачивались остальные. Делал по этому примеру http://dicim.net/delaem-razvorachivayushhijsya-spisok-s-jquery-plagin-jexpand.html но там можно срыть только одну строку, если ставишь вторую то она автоматически становится главной. Я так понимаю нужно что-то поменять в скрипте здесь ? <script type="text/javascript"> $(document).ready(function(){ $("#report tr:odd").addClass("odd"); $("#report tr:not(.odd)").…
0 votes1 answer -
Как можно навесить блок с картинкой без позиционирования и отрицательных полей
Вот моя нетривиальная задача письмо рассылка, верстка всех блоков типичная но проблема в том что маил и яндекс отфильтрорывают позиционирование и отрицательные значения полей, мне нужно блок с красной картинкой скидка навесить над основным блоком и не просто навесить а чтобы выходило за пределы основного блока т.е за бордюрчик основного блока ??? Перепробовал кучу идей но все не подходят из-за того что блок со скидкой должен выходить за пределы основного блока, этого можно добиться только позиционированием и отрицательными значениями полей, накидайте пожалуйста свои идеи и желательно с кодом
0 votes8 answers -
css рецепты программирования кристофер шмитт
Помогите найти исходники к книге, коды я нашёл, а где взять картинки? в книге указан адрес исходников http://csscookbook.com/ но где там достать картинки??
0 votes8 answers -
Второй раз спрашиваю) Клас Hover
http://cssdeck.com/labs/full/bsoni6ey вот что у меня получилось) при помощи псевдо класса hover Мне нужно что бы справа светился тупо черный квадратик, при наведении мышки на который выезжяло окошко соц сетей, которое нарисовано в примере. Я могу сделать токльо что бы они по отдельности выезжяли(черный прямоугольник, картинка соц сети первая вторая и третья), а мен нужно что бы один елемент вызывал сразу 4 елемента
0 votes3 answers -
Как подстроиться под все браузеры?
Здравствуйте! Недавно столкнулся с проблемой, что в одном браузере отображается всё норм, а в другом не так как хотелось. Я знал раньше, что существует такая проблема. Но думал что только в больших проектах. А тут я не успел доделать шапку сайта, как уже значительные искажения. Если есть какая то статья на эту тему, киньте ссылку. Есть ли какая то прога которая позволяет сравнивать один сайт в нескольких браузерах, что бы в ручную это не делать.
0 votes2 answers -
Активная кнопка меню
Добрый день! Уже несколько дней ломаю голову и гуглю, но решение так и не нашел.... Сайт делаю на CMS DLE. Есть меню. <ul> <li><a href="/"><span>About Us</span></a></li> <li><a href="#"><span>Services</span></a></li> <li><a href="#"><span>Jobs</span></a></li> <li><a href="#"><span>Contacts</span></a></li> </ul>Нужно, что бы при переходе на страницу About Us у нее был другой стиль .left-menu li a:active { background: #FFFFCC; …
0 votes3 answers -
Смена маркера при выборе элемента списка
Есть нумерованный список. Нужно, чтобы по клику цифра превращалась в галочку, и наоборот. Скажите, это возможно реализовать без JavaScript, только на CSS3?
0 votes12 answers -
Помогите в верстке
Как сделать такой блок? Пользуюсь бустрап 4.
0 votes2 answers -
Помогите плис
Помогите плис Вообшем скачал прогу SmartFTP пытался сделать ФТПшник в конечном итоге ничего не поняв бросил эту затею помогите плис как сделать ФТПшник, ведь как я понял что бы сделать сайт нужен ФТП
0 votes4 answers -
Валидность кода
Здравствуйте все, я недавно начал изучать html, CSS, JavaScript. Изучая делаю себе сайт, столкнулся с проблемой валидности. В некоторых источниках пишут что валидность это хорошо но не главное... Поэтому особо о ней не думаю, но все таки хочется делать хорошо и поэтому вопрос. Валидатор указывает мне на ошибки в ссылках, например = или знак & подскажите варианты решения. По ссылке можно посмотреть все ошибки на странице Валидатор w3 Примеры ошибок: …php?option=com_content&view[b]=[/b]article&id=104:2010-12-05-19-22-48&catid=21:—199… …monet.ru/index.php?option=com_content&[b]v[/b]iew=article&[b]i[/b]d=104:2010-12-05-19-22-48&…
0 votes7 answers -
при наведении на ссылку
сделать при наведении из "ссылка" - "{ссылка}" подскажите пожалуйста как обернуть желаемую ссылку с двух сторон определенными символами (или возможно картинками если так правельнее)
0 votes10 answers -
Люди может кто встречал?)
Всем привет. При верстке столкнулся с проблемой. Итак, я всегда акцентирую внимание на шрифтах. Подскажите может кто встречал такой , как он называется?? А может кто знает такой же и на кириллице?? Ну может что-то похожее? http://www.carolinakaucher.com/en/#portfolio (portfolio, about me и т д)
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-