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
-
Использование semibold-шрифта вместо bold
Всем доброго дня. При верстке столкнулся со следующим вопросом. Использую шрифт Open Sans, подключен через Google Fonts. Подключены варианты на 300 (light), 400 (normal) и 600 (semibold). Требуется использовать 600 (semibold) вместо стандартного bold (700). В CSS, где возможно, переопределил (для b, strong и т.д.), но движок часто использует font-weight: bold;Соответственно вопрос: возможно ли (если да, то как) переопределить "bold" как "600" и вообще нужно ли? Есть ли опасность, что браузеры в вышеуказанной ситуации при font-weight: bold будут использовать faux bold? Или они "увидят", что максимально подгруженный шрифт - 600, и будут по умолчанию использовать его? Сп…
0 votes3 answers -
Вёрстка
Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!
0 votes22 answers -
overflow: hidden и z-index
У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?
0 votes7 answers -
не могу открыть сайт виртуально с компьютера
не могу открыть сайт виртуально с компьютера Сразу скажу сайт я не делал, у меня задача натянуть измененный дизайн на него. Проблема стала в том что индекс.хтмл не откывается полностью тоесть не видно текста, рекламных модулей и всего остального. видно только фоновую картинку и то без подвала. Хотя сайт рабочий и с интернет домена запускается. Индекс.пхп нет файла так как только хтмлки и тпл. разместил сайт таким образом: C:\WebServers\home\test.co\www если в браузере набираю http://localhost/test.co то выходит такой текст Not Found The requested URL /test.co was not found on this server. Подсказка Денвера Вы ошиблись при наборе URL…
0 votes7 answers -
Бегает текст от выпадающего меню
Бегает текст от выпадающего меню через цсс... причину понять не могу. может кто то сталкивался
0 votes23 answers -
Выпадающее меню не работает в IE
Выпадающее меню не работает в IE. Во всех остальных браузерах выпадает. Помогите решить проблему. <div id='navbarmenuleft'> <ul id='nav'> <li><a expr:href='data:blog.homepageUrl'>Главная</a></li> <li><a href='#'>About</a> <ul> <li><a href='#'>Sub Page #1</a> </li> <li><a href='#'>Sub Page #2</a></li> <li><a href='#'>Sub Page #3</a></li> </ul> </li> <li><a href='#'>Services</a></li> <li><a href='#'>Portfolio</a></li> <li><a href='#'>Contact</a></li> …
0 votes7 answers -
Почему в IE третий блок получаеться снизу!?
Почему в IE третий блок получаеться снизу!? Не могу понять что являеться причиной! Трехпиксельный баг IE- 6ого? - Да я б не сказал, потому что один процент равен 10 пикселям, а так как один процент я оставил свободным, то получаеться, что по-любому в запасе остается еще один пиксель даже если баг имеет место! Что же здесь его не устраивает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type ="text/CSS"> * {margin: 0; padding: 0; border:0 } body {background-color:#00222a;} .leftDiv{margin:0 0 0 3%;}…
0 votes10 answers -
эффекты css отображаются в IE, но не отображаются в опере и FF
дело в том, что css я никогда не пользовалась, так что я чайник просто. на укозовском сайте нужно было сделать парочку изменений. с горем пополам, разобралась, результат в эксплоэре просто великолепный, а в опере и эксплоэре фейки: 1. .statusBlock {padding-top:3px;} .statusOnline {color:#040aff;} .statusOffline {color: RGB(255, 3, 27);} это цвет статуса пользователя. в эксплоэре изменился, в опере и то, и другое чёрное 2. text-align:center - этот тег вообще не работает. выравнивание как было левое, так и осталось. 3. не отображается ряд изображений. помогите, пожалста)))))))
0 votes14 answers -
a:hofer; a:active;
Здравствуйте. Так я вам выложу CSS и если не трудно посмотрите в ч?м проблема. Почему ОПЕРА и МАЗИЛА игнорируется. А в ИЕ вс? показывает нормально. Значит проблема в том что не отоброжается при нажатии и при наведении мышки на ссылку.(не отоброжается нужным мнe цветом) #base_ul { margin: 2em; width: 10em; padding: 5px; } ul { position: relative; top: 22px; left: -26px; /*margin-left: 5px;*/ list-style-image: url(./img/li.gif); } html>body ul {top: -1px; left: -26px;} li { margin-top: 5px; } ul a { font-size: 130%; color: #00a2ff; text-decoration: underline; font-weight: bold; } #base_ul a:link, #base_ul a:visited { list-style-image: url(./img/li.gi…
0 votes11 answers -
Проблема с позиционированием
Не знаю, обсуждалась данная тема или нет, простите нет времени просматривать кучу тем. Суть проблема следующая: Сайт состоит из 3 таблиц - верхняя и нижняя имеют фиксированную высоту. Среднюю с контентом разбиваю на 3 ячейки, правая и левая (менюшки) тоже с фиксированной шириной, средняя width="100%". Проблема в том что в крайних колонках с менюшками, хочу к их дну прикрепить картинки но чтобы у всей ячейки был valign="top", чтобы выровнять слои с менюшками и чтобы ячейки имели резиновый дизайн и тянулись на 100% в высоту. Пример такого сайта http://promteks-ips.ru, но там это работает потому что quot;-//W3C//DTD HTML 4.0 Transitional//EN">, а при quot;-//W3C//DTD HTML…
0 votes14 answers -
Здравствуйте Уважаемые профессионалы!
Нужда заставила идти на ваш форум, просьба помочь. Есть макет Залит градиентом с низу вверх, надпись посередине т.е. графическое изображение на градиенте, Я при верстке беру кусок градиент и делаю бэкграунд но при вставке, графического изображение выделяется т.е. градиент у графического изображение отличается у того который был сделан бэкграундом. Извени если говорю непонятно.Подскажи кто может как этого избежать может не правильно режу?
0 votes12 answers -
Неправильное отображение в Google Chrome
Добрый день! Не мог бы кто-нибудь подсказать в чем дело - сайдбар сайта отображается вполне нормально во всех браузерах, за исключением Google Chrome (да и то - на каких-то мониторах нормально, на каких-то нет) Проблема появилась буквально пару дней назад, до этого все было ок. Изменения в шаблоне сайдбара были минимальными. Сайт - uptracker точка ru Помогите пожалуйста! Заранее спасибо)
0 votes8 answers -
Программа для проверки CSS на избыточность
Вот собственно кто видал такое чудо, т.е. есть файл стилей и красивый сайт, задача, нужно из файла стилей удалить лишний код, неиспользуемые селекторы и т.д. ?
0 votes10 answers -
Глюк в Опере
Чудеса, но на этот раз глючит Опера 9.26, а в IE 6 всё нормально. Вот эта страница отображается нормально, как просили: http://www.trinity-bridge.221b.ru/index.htm Обратите внимание, что поле контента отстоит от нижней рамки на 10 px (bottom: 10px;), независимо от разрешения экрана. Теперь делаем невинную вещь: вставляем в контент ещё одну картинку с обтеканием. И всё - поле контента уезжает вниз за край экрана: http://www.trinity-bridge.221b.ru/index2.htm В IE 6 при этом всё нормально, но это, видимо, оттого, что для IE там прописаны костыли, по совету Searcher: *height: expression(parentNode.offsetHeight - 165 + 'px'); *width: expression(parentNode.offsetWidth - 344 + '…
0 votes16 answers -
DIV"ы наползают друг на друга
Знаю вопорс элементарный и ответ наверняка есть на форуме. Но поскольку я только-только начал осваивать css, то большинство ответов, которые я нашёл, мне не понятны, а готовые решения мне не нужны - хочу сам научиться. Читал описание позиционирования элементов на этом сайте, но отличия очень смутно понимаю. Поэтому решил создать новую тему. Имеется вот такая беда: HTML: <div class="mes_body"> <div> <div class="mes_info"> Текст левой колонки <div class="price"> Цена находится под текстом слева </div> </div> <!--Фото, тут код не убирал, чтобы не убрать ничего лишнего--> <div class="mes_photo"> {%if $message.fields.i|@count …
0 votes2 answers -
Бегущая строка
Кто какие скрипты искользуют для бегущей строки или модули джумлы. <marquee> полная ерунда, дёргается тормозит и ещё конфлектует с раскрывающимся меню, если текст пробегает под ним оно сворачивается.
0 votes9 answers -
Как у параграфа “p”, выделить границы пунктиром через стили?
Здравствуйте, есть контейнер с id, мне нужно через стили выделить границы у всех параграфов “p”, которые встречаются в этом контейнере (пунктирной линией). Как это сделать?
0 votes6 answers -
Расстояние между ячейками таблицы
Подскажите, люди добрые, можно ли имея несколько ячеек в таблице задать разное расстояние между ними? cellspacing устанавливает одинаковое, а если нужно разное? Спасибо
0 votes7 answers -
Фиксирование высоты ячеек по их содержанию в IE и Mozilla
Здравствуйте! Скорее всего моя проблема обсуждалась на этом форуме уже не раз, однако поиск не помог найти решения, т.ч. если вдруг повтор, извините. Проблема, собственно, вот в чём... Есть довольно элементарная и простая часть таблицы вида: <tr> <td width="665" rowspan="8">1</td> <td width="285">2</td> </tr> <tr> <td width="285" height="29">3</td> </tr> <tr> <td width="285">4</td> </tr> <tr> <td width="285" height="29">5</td> </tr> <tr> <td width="285">6</td> </tr> <tr> <td width="285" height="29">7</td> </tr> <…
0 votes7 answers -
Градиентный border
Как мне применить к блоку такую рамку? http://2.firepic.org/2/images/2015-01/10/s8gl0x3s7wky.png Чтобы была двойная, в два пикселя и с градиентом (внутренняя)
0 votes7 answers -
Задачка по верстке
Есть такая задачка по верстке (просто кому интересно): -- 1-1 Есть див (фиксированной ширины, см. рис. id="main") высотой Y (высота динамическая зависит от содержимого) заполнен повторяющимся по вертикали background-image (высота изображения бэкграунда = X). Необходимо: - если Y кратно Х - (делится без остатка) то высоту id="main" оставить какая есть (т.е. Y) - если Y/X - дает остаток (т.е. будет смотреться так, что торчит не полностью кусок бэкграунда), необходимо чтобы этот "кусок" (остаток в px) имел другой фон. Задача: Найти и реализовать такое решение (можно использовать впринципе - все js, php, вставлять дивы если нужно, и даже <img/>) но: решение должно быть…
0 votes32 answers -
Самый убогий вопрос
Всем привет. Начинать всегда сложно. Вот мне бы начать. Подскажите с чего и как лучше? Может книжку посоветуете? Как кто начинал?
0 votes20 answers -
помогите со скриптом - нужна простенькая форма, чтобы заполненные в н
помогите со скриптом - нужна простенькая форма, чтобы заполненные в нем пользователем данные отправлялись на email. form name="form2" method="post" action="mailto:arb-everest@yandex.ru" enctype="text/plain" p input name="textfield" type="text" value="" size="100" Фамилия, Имя, Отчество /p p input name="textfield2" type="text" value="" size="100" /p p input type="submit" name="Submit" value="Submit" вот приблизительно что я хочу... http://www.wsugra.ru/recruting/form-worker.htm но ничего не получается . браузер после нажатия в какую то конфигурацию лезет... заранее очень признателен
0 votes11 answers -
html как установить таблицу внизу екрана?
<!-- Нижняя часть--> <table width="781" height="28" align="center" bgcolor="#FFFFF6"><tr> <td background="images/bottom.gif" valign="middle"></td> </tr></table> <!-- Нижняя часть--> Добрый день. мне нужно чтобы эта табличка находилась всегда внизу екрана, внезависимости от токо какое разрешение и сколько текста идёт перед ней., грубо говоря строкадолжна быть постоянно внизу. Если ползунок покрутить вниз то она должна там быть. как это сделать? Заранее спасибо
0 votes4 answers -
Как убрать автофокус в поле ввода
Здравствуйте! Возникла такая проблема: при подключении jQuery UI в форме первое поля ввода автоматически устанавливается в автофокус. Как это можно убрать? Пробовала создавать скрытое поле и с display:none, но ничего не помогло.
0 votes3 answers