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: <TR> <TD><B><I><FONT COLOR="#000099">Доступные сиглы</FONT></I></B></TD> <TD><B><I><FONT COLOR="red">&BOOKPOINTS</FONT></I></B></TD> </TR> <TR> <TD><B><I><FONT COLOR="#000099">Доступные сиглы</FONT></I></B></TD> <TD><B><I>&BOOKPOINTS</I></B></TD> </TR> с базы у нас берется данные - и прописываются красным цветом, а нам необходимо чтобы все прописывалось черным,только одно слово например чзп - прописывалос…
0 votes2 answers -
Как сделать, чтобы в Денвере все было в utf-8
Вот многие хотят чтобы у них все работало в кодировке cp1251, а мне наоборот нужно чтобы все работало на utf-8. В связи с этим http://firsthand.ru/node/4 я предпринял следующее: 1) Отредактривал файл Z:\usr\local\mysql4\my.cnf прписал там utf8 вместо cp1251 2)Выставил в phpAdmin Language -> Russian (ru-utf-8), Сопоставление соединения с MySQL -> utf8_general_ci должно быть: MySQL-кодировка: UTF-8 Unicode (utf8) 3) установил расширения "mbstring для PHP" 4)в файле Z:\usr\local\php\php.ini убрал ковычки перед extension=php_gd2.dll extension=php_mbstring.dll 5) даже файлик php_mbstring.dll скачал и положил его в /local/php5/ext И НИЧЕГО! Все равно в phpAdmin была пр…
0 votes3 answers -
как это сделать?
Доброго времени суток! У меня возник вопрос: каким скриптом осуществляется переезд фона ссылки по соседним ссылкам (как тут - иконки слева). Пробовал погуглить, перебрал десятка два различно сформированных запросов, но так и не нашел ответа.. мб кто знает? подскажите.. заранее спасиба)
0 votes5 answers -
Не могу сверстать блок
Вот как выглядит блок вот его код <table style="text-align: left; width:217;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2" style="background: url(3.png) no-repeat; width:157; height: 57px; padding-left: 20px; font: bold 25px Arial, sans-serif;">TITLE</td> <td style="background: url(2.png) no-repeat; width:65; height: 57px;"><img style="padding-top: 3px; padding-left: 3px;" src="1.png" border="0"></td> </tr> <tr> <td style="background: url(5.png) repeat-y; width:2px;"></td> <td style=" padding: 0px 0px 0px 4px;">CONTENT</td> <td style="…
0 votes5 answers -
Таблица высотой 100%
Друзья, привет еще раз! Код значит: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div style="width: 100%; height: 100%; position: absolute; left: 0; top: 0;"> <table border="1" cellspacing="5" cellpadding=0 bgcolor="#DFE8F6" width="100%" style="height: 100%; table-layout: fixed; min-height:100%; border-collapse:collapse"> <tr> <td colspan="2" valign="top" alig…
0 votes3 answers -
Вопрос по RewriteRule в .htaccess
Здравствуйте,у меня есть ссылка вида http://localhost/mysite/tinyurl/go.php?url=77 ведущая на скрипт укорачивания ссылок,ее нужно преобразовать через .htaccess в http://localhost/mysite/tinyurl/go.php?id=77 Файл .htaccess лежит в http://localhost/mysite/tinyurl/ ,в нем я пробовал писать следущие варианты: RewriteEngine On RewriteRule ^url=([0-9A-Za-z]+)/?$ /tinyurl/go.php?id=$1 [L] RewriteEngine On RewriteRule ^url=([a-z0-9]*) /tinyurl/go.php?id=$1 [L] RewriteEngine On RewriteRule http://localhost/mysite/tinyurl/go.php?url=([0-9A-Za-z]+)/?$ http://localhost/mysite/tinyurl/go.php?id=$1 [L] RewriteEngine On RewriteRule http://localhost/mysite/tinyurl/go.php?url=([a-z0-9]*) …
0 votes1 answer -
<img> ? совсем затупил.
ДД. Почему-то после <img> происходит перенос каретки. Почему??? Разве так должно быть?
0 votes10 answers -
Отображение текста на странице в мобильных устройствах
Есть страница, сверстанная на дивах, с позиционированием и четкими размерами. Допустим есть некий блок для контента, который находиться по середине, в нем есть текст. Сайт проходит валидацию и адекватно отображается во всех браузерах, но есть одно НО: При открытии его страниц с текстом на мобильных устройствах (к примеру на смартфоне), все кроме текста остается неизменным, а текст непонятным образом сжимается. Сжимается не сильно, но из-за чего это происходит не пойму. Аналогичная страница с массивом галереи в место текста, отображается нормально, верхние меню отображаются нормально. Ездит только текст. В чем может быть подводный камень? Сталкиваюсь с этим на многих сайт…
0 votes5 answers -
отображение сайта в ie некорректно
http://kerch-public.at.ua вышлю 10$ кто найдет и пояснит баг !!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>мегасайт</title> <link href="css/style.css" type="text/css" rel="stylesheet"> <script src="js/jquery-1.5.min.js" type="text/javascript"></script> <script src="js/equalHeight.js" type="text/javascript"></script> </head> <body id="homepage"> <div id="wrapper"> <div id="header"><!--#include virtual="navbar.html"--><ul id…
0 votes8 answers -
Конфликтуют стили max-width и float?
Добрый вечер, для начала краткий экскурс. Делаю сайты много лет, в основном работал с WYSIWYG софтом и готовыми шаблонами для разных CMS`ов и в верстку никогда особо не лез, работаю уже больше 10 лет и всегда справлялся с любыми задачами, однако время идёт и что бы не деградировать нужно наоборот, развиватся=))) на смену WYSIWYG пришел http://scratchpad.io/на котором я принялся практиковатся в выполнении необходимых мне задач. Короче задача следущая, картиночка с max-width 100% справа от которой располагался бы текст тоже с max-width 100%, с условием, что в случае если экранчик маханький при маханький как на мобильном - текст перепрыгивает и размещается под картиночкой,…
0 votes7 answers -
Убрать бэкграунд, убрать скрол внизу
Здравствуйте. Все перепробовал, приходится обращаться к Гуру. Есть сайт, который статичен и отображается при 1024px без скрола и бэкграунда. Проблема в том что появляется справа сайта бэекграунд и скрол внизу. Догадываюсь что проблема в: body { width: 100%; height: 100%; font-family: Tahoma, Verdana, sans-serif; line-height: 1.3em; font-size: 12px; background: #666666; text-align: center; }
0 votes5 answers -
div не обтекает картинку в IE 6
Сложилась такая проблема: Мы имеем картинку размером 340x105 px, и теперь нам надо всунуть её в div, да так чтобы он ее полностью обтекал. Для этого: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> main </title> <style type="text/css"> body { margin: 0; padding: 0; border: 0; } /* Данный блок тех же размеров что и изображение */ #header { width: 340px; height: 105px; background-color: red; } </style> </head> <body> <div id="header"> <img src="logotype.gif" width="340" height="105"> </div> </body> </html> Во всех остальных…
0 votes2 answers -
Как вытянуть блок?
Добрый вечер! Помогите, пожалуйста с блочной версткой! Никак не постигну эту науку! <!-- Стили --> <style> div{ border:solid 1px; } .main{ width:800px; } .left{ width:146px; float:left; } .content{ width:650px; float:right; } .footer{ width:800px; } .l1{ height:50px; } .l2{} </style> <!-- Разметка --> <div class="main"> <div class="left"> <!-- левая колонка --> <div class="l1">l1</div> <!-- постоянная высота --> <div class="l2">l2</div> <!-- должна тянуться до низу --> </div> <div class="content"> <!-- основная (правая) колонка --> c…
0 votes1 answer -
fade
Фуф решил написать может кто делал а то задолбался уже то в опере рассыпается то в ие не работает Пытаюсь воссоздать эффект растворения текста выходящего за границы блока CSS .block {padding:0 0;border:0;margin:0 0;text-align:center;vertical-align:top;width:100%;} .block_cell {padding:0 0;border:0;margin:0 0;text-align:center;vertical-align:top;width:50%;float:left;overflow-x:hidden;overflow-y:hidden;} .block_data {padding:0 0;border:0;margin:0 30 0 9;width:100%;height:22;float:left; clear:left; text-align:left;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;} .block_stat {padding:0 0;border:0;margin:0 0;width:0px;height:22;float:right;clear:right;text-a…
0 votes8 answers -
Нет плавной прокрутки страницы
Всем привет, прошу прощения если создал тему не там где нужно,просто более подходящего раздела не нашол. Вот в чём заключается проблема на странице сайта проблемная страница установлена галерея картинок и при прокрутке страницы вниз как раз на месте галереи происходит скачёк а не плавная прокрутка. Подскажите пожалуста как можно исправить эту ошибку? Может ли она быть из за того что основной фон фиксированый?,вот так( background : url(images/game.jpg) center -32px fixed;)
0 votes6 answers -
Подключить свой css для Opera
Добрый день. Есть проблемка. Сделал над хедером полоску дополнительную, Google, Safari, FF всё отлично, в Опере она торчит на половину, другая половина вне экрана, хочу создать ещё один CSS отдельно для Opera и там спустить её немножко. Использую Wordpress. Подскажите как сделать, буду очень благодарен
0 votes9 answers -
Единая ссылка
Коллеги, здравствуйте! Есть такая конструкция: <a href="#"><img src="pic.png">Ссылка на пик</a> Допустим высота изображения 50px; Как выравнить текст относительно середины изображения по высоте. |____________| |____________| |__pic.png____| Ссылка на пик |____________| |____________| Оговорюсь сразу, что вопросы с применением JavaScript, jQuery и т. п. не интересуют. Просьба помочь решить проблему чисто с точки зрения вёрстки. Благодарю за помощь!
0 votes15 answers -
Проблемы вёрстки.
Здравствуйте. Не знаю как сделать самому, уже всё перебрал. Помогите. Вот, что нужно: 1. Пространство между "ёлочками" растягивалось в зависимости от содержимого (т.е. без указания определённого height). 2. Сделать задний фон нижних ёлочек (весь) в тон цвета ёлочкам. Изображения: Заготовки:
0 votes7 answers -
Смещение текста по вертикали внутри div
Не думал, что упрусь в этот вопрос. Хочу текст разместить в правый нижний угол дива. Какие есть способы? Единственное что приходит в голову - использование position.
0 votes4 answers -
наложить размытие на изображение
помогите пожалуйста решить проблему есть картинка, нужно на её часть наложить сверху размытый зелёный фон. в результате выглядеть должно так я пытался решить проблему, применив фотошоповский фильтр "размытие по гауссу" к зелёному фону из исходника. так же пробовал применить css-свойство filter. в результате не решил проблему(есть эффект наложения зелёного стекла, но нет именно размытия). вот jsfiddle
0 votes11 answers -
Интересная задумка дизайнера. Как реализовать?
Дизайнер нарисовал макет вот с такими интересными линиями, которые идут по всей высоте сайта http://skrinshoter.ru/s/300819/pJvpKBvC А я теперь вот ломаю голову как такое сверстать. С одной стороны это можно сверстать колонками с рамкой, но ведь есть такие блоки, которые выходят за пределы этих колонок Как тогда быть в таком случае? Такие линии реально идут по всей высоте сайта.
0 votes3 answers -
Можно ли сделать такой сложный макет
Скажите пожалуйста, можно ли создать такой макет? Все что я сумел сделать это выстроить 4 блока - https://jsfiddle.net/nczm2aps/ а вот как сделать вертикальные разделения? Флекс во флексе?
0 votes1 answer -
Появление нового блока при большом разрешении
Дано: резиновый сайт, скелет сверстан на таблице. Надо: при разрешении 1280 и выше по горизонтали показывать справа дополнительный блок с банерами. Придумал решение на js, проверяю document.body.offsetWidth и скрываю или показываю этот столбец (по умолчанию он скрыт). В принципе работает, только страница при загрузке скачет (сначала разворачивается, потом после загрузки графики схлопывается и появляется баннер). Можно ли другим способом сделать задуманное?
0 votes2 answers -
Слетает ширина столбца таблицы
Добрый день. http://salecement.ru/ Правая колонка таблицы переодически меняет свою ширину. Т.е прописано 22%, но иногда при загрузке страницы она становиться явно больше....
0 votes14 answers -
Проблема выпадающего меню
Здравствуйте! Подскажите, пожалуйста! Делаю сейчас сайт на платформе wordpress. Выбрала тему которая нравится, но там возникла такая проблема. Когда открываешь видео, выпадающее меню находится ЗА видео, а мне надо чтобы находилась ПЕРЕД видео. Можно ли это как то исправить?
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-