Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. width 100% + float left

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

    Asked by USF,

    0 votes
    2 answers

  2. Не позиционирует относительно body

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

    Asked by Galyanoff,

    0 votes
    1 answer

  3. Наведение на пункт меню

    Здравствуйте! Хочу спросить у знающих людей такой вопрос: каким образом может меняться цвет пункта меню при наведении? Вот, например, простое двухуровневое меню: <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,

    0 votes
    6 answers

  4. Пытался сам - не получилось. Помогите.

    Пробую реализовать вот такой стиль в сайдбаре последних записей.Блог делаю на 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,

    0 votes
    3 answers

  5. Повторяющийся div

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

    Asked by iDrugov,

    0 votes
    20 answers

  6. width

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

    Asked by Быколай,

    0 votes
    5 answers

  7. Адаптивная верстка и рекламные блоки

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

    Asked by Frolov,

    0 votes
    5 answers

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

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

    Asked by Starter,

    0 votes
    1 answer

  9. блоки и текст

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

    Asked by ustas,

    0 votes
    5 answers

  10. Изменить вид следующего по счету блока

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

    Asked by tema,

    0 votes
    1 answer

  11. Пару вопросов по формам

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

    Asked by Evkaky,

    0 votes
    1 answer

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

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

    Asked by sGir,

    0 votes
    5 answers

  13. Размер страницы макета

    Добрый вечер! У меня есть вопросик - в данный момент изучаю верстку по видеоурокам (в данный момент создаю макет сайта в Photoshop), но появилась сейчас одна загвоздка. У меня из за изначального размера макета не помещается текст, который нужно вывести на главной. Вот так это выглядит: Как лучше поступить - изменить размер холста в Photoshop и добавить недостающую информацию таким образом, или же сверстать макет и добавить весь текст уже посредством HTML? Благодарю заранее.

    Asked by VisedFAQ,

    0 votes
    0 answers

  14. Несколько стрелок в tooltip'e

    Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: re…

    Asked by Cryolite,

    0 votes
    2 answers

  15. Проблема с отступом в пункте меню

    Добрый день. Не могу сообразить как правильно поставить элемент чтобы он выравнивался относительно картинки... сайт - http://ygik.ru/ боковое меню - пункты меню если больше ширины поля переносятся на следующую строку, как сделать так, чтобы следующая строка начиналась не с начала блока меню а с начала предыдущей строки...

    Asked by Painbot,

    0 votes
    0 answers

  16. Помогите с Меню =)

    Всем здрасте! Помогите пожалуйста начинающему web-деятелю =) сделать менюшку, пытался сам но что то ничего не получается сдизайнил вот такую нехитрую менюшку должно выглядеть именно так а вот что получается при наведении мыщи тоже фигня какая то. Вот сам код SCC: <style> /* Главное Меню Начало */ ul.menu li{ display:inline; paddin: 10px; margin: 10px 10px 10px 10px; color:#FFF; /*Цвет текста*/ background:#060; font-family:Arial, Helvetica, sans-serif; } ul.menu li a { padding: 10px; margin: 10px 10px 10px 10px; text-decoration:none; color:#FFF; } ul.menu li a:hover { background:#090; } </style> А вот HTML: <!-- Меню начало …

    Asked by HappyUser,

    0 votes
    7 answers

  17. Отображение шрифтов в браузере

    Я новичок в вёрстке. На втором учебном макете столкнулась с проблемой, не корректно отображаются пользовательские шрифты. В хроме шрифт отображается корректно в фаерфоксе также в макете используется шрифт "ArbatDi" и "AmazoneBT", которое не отображаются даже в хроме. Что можно сделать, чтобы браузер понял шрифты?

    Asked by lunozwetka,

    0 votes
    7 answers

  18. map и position

    имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…

    Asked by jurassik,

    0 votes
    5 answers

  19. Как лучше сверстать?

    https://lh3.googleusercontent.com/-fH4VyvsPX2Y/UJElP7YKl4I/AAAAAAAAFA4/iS6z77A6ZQM/w634-h669-p-k/666.png требуется сделать подобный макет. важно, чтоб меню было на всю ширину экрана и футер тоже. а середина фикс - 4 колонки. не могу понять ,как сделать так, чтоб логотип и текстовое начало меню были на том же месте, что и начало первой колонки. блоками верстать не особо умею, в идеале таблицами, тк информации будет очень много в середине, боюсь расползется все. как это лучше реализовать? пока у меня идеи сделат ьменю отдельной таблицей, но как тогда, чтоб текст. начало было вровень с первой колонкой? ну и с лого так же только в середине не три, а 4 колонки!!

    Asked by Ledok,

    0 votes
    2 answers

  20. Как сверстать такую штуку

    Имеется вот такой элемент управления: 1. Картинка над полукругом можем изменяться 2. Заполнение черным цветом происходит: * по окружности (внешний элемент) * сверху вниз (внутренний) Вопрос: Как сделать плавное изменение цвета по окружности (скажем, за 3 секунды)? Буду рад любым советам, способам и т.д. Хоть скриптами, хоть CSS, хоть как... Спсибо.

    Asked by DjTarik,

    0 votes
    11 answers

  21. Original Hover Effects

    Подскажите, как сделать <h2>Hover Style #1</h2> видимым до наведения мышкой? http://goo.gl/xWveO

    Asked by Poptimistic,

    0 votes
    5 answers

  22. CSS fixed top

    Есть HTML. <div class="block"> Содержимое блока </div> Есть CSS Что происходит При прокрутки страницы блок фиксируется по центру экрана. Что нужно При прокрутки страницы блок должен позиционироваться сверху. Подскажите Хотелось бы как тут. (форма поиска)

    Asked by Krookers,

    0 votes
    5 answers

  23. Bootstrap и WYSIWYG редактор

    Здравствуйте, форумчане! Недавно начал заниматься написанием сайта (в верстке я относительно новичок). В своем проекте я использую Twitter Bootstrap и редактор elRTE. И между двумя этими инструментами произошел конфликт, в редакторе стали криво отображаться элементы в jQuery окнах (стили от Bootstrap применились). Вот ссылка на оригинальный редактор (для сравнения), а вот на мой пример с объединением с Bootstrap. Чтоб увидеть разницу, надо кликнуть в тулбаре например на "Изображение" и откроется окно. В моем примере поля текстовые (и не только) будут разъезжаться. Вот меня интересует, как побороть это? И да варианты "взять другой редактор", "отказаться от Bootstrap", "пе…

    Asked by System X - Files,

    0 votes
    4 answers

  24. Помочь с CSS.

    Доброго времени ...... суток. У меня есть где-то наверху элемент DIV для меню, и где-то внизу изображение. Я хочу чтобы изображение накладывалось на меню так, чтобы изображение было под меню, а не залезало на него... Каким же мне тегом или способом совершить это чудо в CSS? Не подскажите аль...?

    Asked by xDemix,

    0 votes
    2 answers

  25. Подскажите из за чего код не валиден

    Когда вставляю в статьи на блоге код оформления для списков, он у меня задан в css через стиль .box4 и .box5 код страницы сразу становится невалидным. Вот пример страницы с такими списками - http://comp-on.ru/proverka-sayta-na-uyazvimosti-i-virusyi/ Там один жёлтый и один зелёный список. Как сделать чтобы код оформления этих списков был валидным? Вернее это оформление можно не только к спискам применять, но и к обычному тексту например.

    Asked by weffer,

    0 votes
    11 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept