HTML Coding

29,542 questions in this forum

1. Рисунок под разное разрешение

   Доброго времени суток. Подскажите решение такой задачи. Верстка резиновая. В верстке есть рисунок шириной 1000px (при разрешении экрана 1280х1024). Как сделать, что бы при меньших разрешениях экрана (например, 1024х768), рисунок уменьшался по ширине(обрезался по краям до нужного размера)? Несколько файлов стилей сделать (и соответственно рисунков) и выбирать нужный файл в зависимости от разрешения? Или есть иные способы? Заранее благодарен.

   Asked by sGir, October 30, 2012

   0 votes
   5 answers
2. Пару вопросов по формам

   1)<input type="file"> Внешний вид этого инпута очень разный в хроме и фаерфоксе (последние версии) Если в ФФ еще куда ни шло (текстовое поле, рядом с ним кнопка "Обзор"), то в хроме просто кнопка "Выберите файл" и рядом тупо текст "Файл не выбран" Сам-то инпут функционирует как и положено, в обоих браузерах, файл можно выбрать итд, тут притензий нету. Меня не устраивает: а - как поменять надпись на самой кнопке ("Обзор" или "Выберите файл" мне не очень подходят)? <input type="file" value="ololo"> ничего не дает б - то, что в хроме нету текстового поля рядом с кнопкой (как в ФФ) меня сильно смущает. Если я хочу что б было соответсвующее текстовое поле, пр…

   Asked by Evkaky, October 30, 2012

   0 votes
   1 answer
3. Изменить вид следующего по счету блока

   Ребят, такая ситуация! Как можно сделать так, чтобы элемент следующий в очереди за первым, изменил свой вид <div class="первый элемент"></div> <div class="2ой элемент"></div> напрямую в коде я не могу задать класс для следующих нижних блоков, так как последующие появляются автоматически в зависимости от добавления материала! P.S. PHP у меня нет!

   Asked by tema, October 30, 2012

   0 votes
   1 answer
4. блоки и текст

   Привет Всем. Прошу не пинать сильно, друзья попросили сваять чего нить простенькое для личной странички в нете, сам я далёк от хтмл-верстанья. Но вот скачал шаблон, подключил его к модексу. И нужно его немоного изменить под свои нужды. В общем вопрос такой чтобы сразу много времени не занимать - Возможно ли продолжение текста в соседнем блоке? Ну или объединение блока текста с соседним блоком... В общем вот нашёл я этот шаблон http://www.templatemo.com/preview/templatemo_106_travel, вот мне нужно убрать этот пункт Popular Destination и что бы заместо него шёл текст с середины сайта как бы до самого конца, ну заканчивался примерно где то на уровне кнопки view all было бы з…

   Asked by ustas, October 30, 2012

   0 votes
   5 answers
5. Подскажите недорогой нормальный хостинг с подробными интрукциями

   Здравствуйте Хочу начать работать с сайтами на сервере, но пока не ориентируюсь почти что в этом. Каких то особых требований наверное нет. Достаточное дисковое пространство, поддержка скриптов, FTP, CMS... стандартный набор для функционирования полноценного небольшого учебно-тренировочного сайта. Недорого или "бесплатно". Без рекламы. Выделенный сервер тоже не требуется. Если там будут подробные инструкции по настройке то вообще будет замечательно просто. Также приветствуются ссылки объясняющие эту тему. Какова на сегодня ситуация с регистрацией доменных имен в зоне .ru? сколько оно стоит? Все ли уже "забиты"? Что порекомендуете?

   Asked by Starter, October 30, 2012

   0 votes
   1 answer
6. Адаптивная верстка и рекламные блоки

   Добрый день) такой вопрос К примеру, необходимо сделать адаптивную верстку, а на сайте помимо прочего имеются рекламные блоки гугла, яндекса и тд итп. Допустим в шапке у нас баннер шириной 700пк...на десктопе все прекрасно, но вот настала очередь медиазапросов для экранов, шириной менее 700пк.... единственное что приходит в голову, так это задать баннеру display: none и при желание включить отображение баннера для мобильных устройств, меньшей ширины. Насколько такой подход верен?

   Asked by Frolov, October 30, 2012

   0 votes
   5 answers
7. width

   Здесь написано: Это актуально до сих пор? Я до сегодняшнего дня делал наоборот: заменял везде атрибуты на css-стили и считал что делаю мир лучше

   Asked by Быколай, October 30, 2012

   0 votes
   5 answers
8. Повторяющийся div

   Создаю элемент, который должен повторяться по горизонтали. Никак не пойму, чего не хватает в коде: http://jsfiddle.net/wQtEz/5/

   Asked by iDrugov, October 30, 2012

   0 votes
   20 answers
9. Пытался сам - не получилось. Помогите.

   Пробую реализовать вот такой стиль в сайдбаре последних записей.Блог делаю на WP Как видите, текст не попадает в блок. Где ошибка и как будет правильно? Код вывода записей. <div id="news_post"> <h2>-Новые записи-</h2> <?php query_posts('showposts=5'); ?> <?php while (have_posts()) : the_post(); ?> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><div id="box-news"><?php the_post_thumbnail( array(100,100) );?><?php the_title(); ?><?php the_excerpt_max_charlength(150); ?></div></a> <?php endwhile; ?> </div> CSS #box-news{ width: 304px; height: 10…

   Asked by Mihail1981, October 29, 2012

   0 votes
   3 answers
10. Наведение на пункт меню

    Здравствуйте! Хочу спросить у знающих людей такой вопрос: каким образом может меняться цвет пункта меню при наведении? Вот, например, простое двухуровневое меню: <body> <div id="nav"> <ul> <li><a href="#">Меню</a> <ul> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> </ul> </li> </ul> </body> Если в стилях написать: #nav ul li ul li:hover a { color:#F00; } то цвет будет меняться только в пунктах подменю. А если н…

    Asked by Ylik, October 29, 2012

    0 votes
    6 answers
11. Не позиционирует относительно body

    Вот столкнулся с проблемой, не могу никак решить. Редактирую шаблон opencart. Задача: Надо сверху от края экрана сделать черную полосу на ширину экрана, высотой 30 пикс., это фон для верхнего меню, обязательно на ширину всего экрана. Так-то фон можно сделать черным, но ограничение по ширине контейнера. Дано: Все содержимое сайта в #container, ширина которого 980px. Что делал: 1. Перед контейнером ставил блок на всю ширину - не получилось, все разъезжается. Почему - не понял. Хотя раньше в Joomla таким способ делал шаблоны. 2. Основной контейнер вставлял в другой контейнер шириной на весь экран. Все поползло, там походу куча стилей, которые надо переопределять, геморрой.…

    Asked by Galyanoff, October 29, 2012

    0 votes
    1 answer
12. width 100% + float left

    Добрый вечер, форумчане. Такая проблема - нужно сделать 3 странички на 1й. По сути имеем 3 экрана. Но завоздка в том, что это дело должно быть на весь экран, так как масштабируется изображение фоновое. в итоге размеры контейнеров это 100% ширина и 100% высота. А перелистываться они должны слева направо. Но в виду того, что и размеры контейнера и размеры самих блоков равны 100%, то обтекания не происходит(по сути контейнер должен быть шириной в 300%). Но 300% , конечно же, не канает, ибо внутренние блоки в виду своего 100% растянутся. Как быть? Только через jquery вычислять текущие размеры в пикселях?

    Asked by USF, October 29, 2012

    0 votes
    2 answers
13. iframe

    Хочу в одну страницу сайта вставить фремом определенную область страницы на другом сайте. Но проблема в том, что нужна мне область в доноре располагается не прямо у края, а в середине. Как натравить фрейм именно на нужную область: допустим отступ слева столько то, сверху столько то...

    Asked by webair, October 29, 2012

    0 votes
    3 answers
14. Не скругляется внктренний блок.

    В общем... есть проблема такая, раньше не когда этого не замечал, в общем, создал круг, и хочу поместить в нем еще несколько блоков... вот тут-то и проблема, эти внутренние блоки не в какую не хотят скругляться... пробовал разные способы, эффекта 0... помогите пожалуйста вот скриншот и код <!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>pechal'</title> <link rel="stylesheet" type="text/css" href="style2.css" /> </head> <body> <div class="container"> <div class="krug"> <div class="krugc"> <div id="barG_1" class="bar-lineG"></div> <div id="barG_2" cla…

    Asked by Radiation15, October 29, 2012

    0 votes
    2 answers
15. Почему карта перекрывает внутреннюю тень?

    Здравствуйте! Подскажите почему в данном случае карта (OpenStreetMap) перекрывает внутренние тени, заданные блоку карты? И что можно сделать, чтобы тень была? Спасибо.

    Asked by Aviko, October 29, 2012

    0 votes
    1 answer
16. Фоновое изображение

    Есть сайт фиксированной ширины. Есть фон, который вставляется в body. И все бы хорошо, но фоновое изображение это с градиентом. Как сделать так, чтобы оно растягивалось на весь экран? Потому-что видно когда оно начинает повторяться по ширине Или просто какой-то другой способ подскажите? Тут чтобы понятнее было http://jsfiddle.net/H6zth/

    Asked by Imperil, October 29, 2012

    0 votes
    8 answers
17. Прикрепить картинки к html-письму

    Есть html-макет для отправки на электронную почту. Данный макет состоит из таблиц, содержащих картинки. В Thunderbird при вставке HTML при помощи "Insert" -> "HTML.." в письмо добавляется таблица без картинок. Подскажите, пожалуйста, как в письмо вставить html-макет с картинками?

    Asked by TorchTT, October 29, 2012

    0 votes
    1 answer
18. Не могу в меню выстроить блоги горизонтально

    Здравствуйте. Подскажите пожалуйста, как мне выстроить элементы меню вертикально, друг под другом. Сейчас они уезжают право друг за другом. Подробнее на картинке css код следующий .menu { margin:0; padding:0; display: table-row; background: #cccccc; border-bottom-style:solid; border-bottom-width: 3px; border-bottom-color:#666666; display:block; } .menu li { width: auto; display: table-cell; text-align: center; height: 30px; padding-left: 0px; position:relative; } li:first-child { padding: 0; } .menu li a { color: #000; position: relative; width: 1100px; height: 30px; display: table-cell; vertical…

    Asked by ufo44, October 29, 2012

    0 votes
    1 answer
19. Смещение сайта при большом разрешении экрана

    При разрешении монитора 1600х900 и меньше, сайт отображается нормально: Если же разрешение выше (например 1920х1080), то смещается вправо (причем, только главная страница): Начало CSS-файла выгладит так: * { font-family:Tahoma, "Times New Roman", "Trebuchet MS"; font-size:12px;} body { margin:0;} Вопрос: как это исправить?

    Asked by IndigoHollow, October 29, 2012

    0 votes
    5 answers
20. При нажатии на кнопку radio "затвердевало"

    Asked by JuiceMen, October 29, 2012

    0 votes
    5 answers
21. CSS для смартфонов

    Здравствуйте, Где можно почитать об особенностях веб-кодирования для смартфонов? Можно ли например сделать, чтобы стандартный браузер в андроид на телефоне с экраном 480px в ширину показывал сайт с body шириной 480px сразу в ширину экрана, а не выводил узкой нечитаемой полоской, которую надо потом растягивать пальцами?

    Asked by vlav, October 29, 2012

    0 votes
    3 answers
22. Click в jquery

    Привет!!! Помогите разобраться. Почему в jquery не срабатывает click() $("#click").click(function() { $("#block").slideToggle(2000); }); <a href="#" id="click">Ckuck here</a> <div id="block" style="width:500px; padding:40px; background:#f6f6f6;"> <p>block</p> </div>

    Asked by paseonru, October 29, 2012

    0 votes
    6 answers
23. bootstrap таблица рвёт трёхколоночный макет

    Прошу помощи с Twitter Bootstrap. Макет примерно такой: <div class="container-fluid"> <div class="row-fluid" > <div class="span2" > <!--Sidebar content--> </div> <div class="span7 well"> <!--Таблица, которая шире колонки--> <table class="table table-striped"> .... </table> </div> <div class="span3"> <!--Right-Sidebar content--> </div> </div> </div> На широкоформатный мониторах всё ок, но стоило открыть на разрешении 1024х768 - как появилась…

    Asked by delias, October 29, 2012

    0 votes
    8 answers
24. Height:100% не срабатывает

    Добрый день, товарищи. Помогите доверстать... есть пимерно такая страничка <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <div id="content"> <header> <div id="logo"> </div> <div id="account"> </div> <ul id="top_nav"> <li>menu</li> <li>menu</li> <li>menu</li> </ul> <ul id="nav"> <li>menu</li> <li>menu </li> <li>menu </li> <li>menu </li> </ul> </header> <nav></nav> <as…

    Asked by niorix, October 29, 2012

    0 votes
    4 answers
25. Какими средствами сделан сайт (HTML5)?

    Красивые передвижения и эффекты (когда, например, девайс попадает в руку и тд) http://www.zensorium.com/tinke/ также подобные эффекты есть здесь, но тут кажется сложнее http://creative9.com/ Подскажите, что искать для прочтения? Уроки на какую тему? Просьба дать конкретное направление движения. Спасибо!

    Asked by Kirich, October 29, 2012

    0 votes
    7 answers