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. Разбиение одного списка в несколько колонок

    Возникла необходимость вывести список <ul><li> в две или более колонок не разрывая списка. Например, у меня имеется список: <ul> <li>ссылка 1</li> <li>ссылка 2</li> <li>ссылка 3</li> <li>ссылка 4</li> <li>ссылка 5</li> <li>ссылка 6</li> </ul> А на выхлопе нужно получать примерно такое: > ссылка 1 > ссылка 4 > ссылка 2 > ссылка 5 > ссылка 3 > ссылка 6 Иллюстративный пример: Имеется подключенная JQuery 1.3.2 (1.4) Каким образом можно добиться такого эффекта?

    Asked by Sulpher,

    0 votes
    3 answers

  2. Проблема с PNG

    Доброго времени суток! Хотелось бы понять почему происходит следующий баг. Имеем PNG-картинку с градиентом от #ccc до полной прозрачности: Теперь берем эту картинку и накладываем поверх фона с цветом #ccc. Код страницы такой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div style="background: #ccc url(gradient.png) no-repeat 0 0; width: 200px; height: 200px;"></div> </body> </html> Получаем вот такую картину: Если присмотреться (или воспользоваться color picker'ом )…

    Asked by VJiK,

    0 votes
    29 answers

  3. отцентрировать текст в колонке

    Объемный прайс в виде таблицы. Заданы col-ы . Нужно отцентрировать текст только в одной колонке. Дабы не задавать класс для каждой нужной ячейки, задала класс для нужной колонки, но почему-то не работает. Код и css в норме, ручаюсь. Может быть col вообще не работает, по крайней мере в FF???

    Asked by Nomo,

    0 votes
    16 answers

  4. Сайт без вертикальной прокрутки, адаптивный, футер прижат книзу

    Очень нужна помощь опытных верстальщиков. Визуально ТЗ на картинке. Требования следующие: 1) футер прижат книзу 2) фоновый слайдер-карусель (выглядит именно так, по бокам предыдущая и следующая фотографии чуть затемненные) 3) полностью адаптивный, другими словами не должно быть ни горизонтальной, ни вертикальной прокрутки при любых разрешениях экрана 4) контент расположен в блоке поверх карусели 5) все это должно работать на CMS Joomla Я уже чего только не пробовал. Универсального решения не нашел. Фиксишь футер, остается пространство между каруселью и футером. Подгонять по высоте и прописывать стили для всех типов разрешений... Вряд ли оптимальный спос…

    Asked by sejunctus,

    0 votes
    20 answers

  5. Как Сделать Чтобы Можно Было Обсуждать Новость

    Приветствую. Я не так давно открыл сайт он весь на HTML Почти ежедневно я выкладываю новость.Все естественно вручную прописываю в html кодах. Как мне сделать так чтобы люди зашедшие на мой сайт могли прокоментировать новость. Говорят есть какие то моды. Объясните плиз как это все работает. Подчеркну что я не хочу прикручивать движок какойто я в этом не понимаю. Весь сайт на html и только на главной странице мне нужно чтобы могли коментировать новости. Заранее спасибо за помощь

    Asked by kain888,

    0 votes
    27 answers

  6. Обрезание и разворачивание текста

    Добрый вечер, задача такая, в диве есть большой текст, а на странице выводятся только 4 строчки его, как сделать нашел: http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro а как еще добавить к этому кнопку развернуть и по которой див будет развернут полностью, с текстом?

    Asked by RK3DNP,

    0 votes
    12 answers

  7. textarea с прозрачным фоном

    можно ли в textarea сделать прозрачный фон, чтобы был виден background на котором оно находится?

    Asked by Angel_33_3,

    0 votes
    6 answers

  8. мигающий текст

    как в html сделатьмигающий (меняющий цвет) текст?

    Asked by Rilo,

    0 votes
    13 answers

  9. раскрывающийся список с +-

    Подскажите или дайте ссылку на ресурс. Как создать вертикальный раскрывающийся список со знаком + слева от <ul>. При нажатии на + или на <ul>, список раскрывается и знак + меняется на -. Один уровень вложенности.

    Asked by razriv_shablona,

    0 votes
    6 answers

  10. 3 равных по ширине блока

    Скажите, а как разместить 3 DIV'a по всей ширине страницы, при этом у всех них должна быть равная ширина? Можно, конечно, написать для каждого width: 33%. Но тогда останется 1%. Есть ли какой-то красивый способ?

    Asked by brainiac,

    0 votes
    30 answers

  11. Выровнять текст возле картинки

    Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>

    Asked by StOK,

    0 votes
    11 answers

  12. Выстроить блоки в круг

    Задача: в одном блоке расположить 3 штуки или больше по кругу или по треугольнику острием вниз. В блоках информация от постов, код <div class="my-blok"> <div class="1"> <div class="2"> <div class="3" style="background: none center center no-repeat !important;"> <a href="<?php the_permalink(); ?>"><img src="<?php echo $src[0]; ?>" alt="" onmouseover="this.src='<?php echo nimble_portfolio_get_meta(''); ?>'" onmouseout="this.src='<?php echo $src[0]; ?>'" /> </a> </div&gt…

    Asked by OLGANICHIC,

    0 votes
    12 answers

  13. WEB-страница

    Создайте пожалуйста любую красивую веб-страницу..и пришлите мне на не? программу написанную в блокноте.. ЗАРАНЕЕ ОГРОМНОЕ СПАСИБО!

    Asked by Мариана,

    0 votes
    21 answers

  14. Создание ссылки на скачивание текстового файла

    У меня такая проблема есть текстовый файл (file.txt) делаю ссылку на файл <a href="file.txt">Сылка</a>. После нажатия на ссылку должно открыться окно скачивания файла а у меня файл в html странице открывает а если файл к примеру с расширением *.doc то выскакивает окно. Помогите как можно написать ссылку на скачивание текстового файла так что бы выскакивало окно скачать файл.

    Asked by maxander,

    0 votes
    5 answers

  15. Что за параметр VA в Photoshop

    Подскажите новичку. Верстаю в качестве практики макет небольшой. Инструментом Текст выделил фрагмент текста на макете и открыл палитру Символ для подробного изучения параметров данного текста. И там увидел такой параметр - http://itmag.es/2XBy0 Я так понимаю, что это тоже самое, что letter-spacing на CSS? Или это word-spacing? Что означает значение этого параметра: -25? Логично предположить, что знак минус означает - "ужимать" текст. Но насколько мне это нужно сделать в CSS? -25px, -2.5em? Буковка T с обоюдной стрелочкой - это line-height?

    Asked by aaron,

    0 votes
    1 answer

  16. как выделить выбранный пункт в css меню

    Здравствуйте. Наверное начну с того, что именно мне нужно. Вот есть горизонтальное css меню и надо сделать так, чтоб например при выборе раздела "Photoshop" цвет (картинка) вкладки менялся на какой нибудь другой, ну чтоб пользователь видел в каком разделе он находится. Эор можно сделать средствами CSS? .top-menu { height: 28px; padding-left: 30px; position: absolute; } .top-menu a { display: block; float: right; text-decoration: none; color: #3b3b3b; z-index: 10; width: 111px; display: block; height: 28px; text-align: center; line-height: 28px; background: url(../images/top-menu2.png) left top no-repeat; margin: 0 0 0 -7px; …

    Asked by px379,

    0 votes
    8 answers

  17. Помогите правильно задать ширину блоков и элементов

    Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)

    Asked by Step.UI,

    0 votes
    2 answers

  18. Про вложенные DIV и width

    Прошу помочь, вроде искал но что-то безупешно. Проблема такая: есть 4 блока, один родитель, три остальных ? дети. CSS: .navnotselected { width: auto; height: 51px; float:left; } .navtext { text-align: center; width: auto; margin-top: 5px; margin-left: 17px; margin-right: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration:none; } } .navnotselectedbar1 { width: 100%; margin-top:1px; height:2px; background: #dcf1ff; } .navnotselectedbar2 { width: 100%; height:4px; background: #dcf1ff; width:100%; } и HTML <div class="navnotselected"> <div class="navtext">Text</div> <div class="navno…

    Asked by Northwood,

    0 votes
    7 answers

  19. Картинка по центру строки

    Всем привет Что бы не объяснять на пальцах, сделал картинку: Если просто вставить картинку перед текстом (и картинка больше высоты текста), то она выглядит как показано на картинке строка-1. А как сделать что бы она была по середине? Как показано на картинка строка-2. Я знаю только способ через таблицу, две ячейки, и выравнивание по высоте - центр. Но может быть есть другой способ? Все варианты align="" пробовал - толку нет.

    Asked by Walk,

    0 votes
    6 answers

  20. Убрать подсветку submit-а

    Кто-нибудь знает, как отключить подсветку submit-а? В IE и Opera при кликах на полях формы на submit-е появляется дополнительный контур - как бы подсветка. Нужно, чтобы submit никак не менялся. Полагаю, это делается через стили для стандартных submit-ов. Что интересно, button ведет себя "спокойно" пока его не трогают. Но надо отправлять данные, поэтому submit

    Asked by Dotod,

    0 votes
    12 answers

  21. Стандартный размер готового сайта

    Всем привет! Воспользовался поиском по интересующему меня вопросу и ничего не нашел (возможно плохо искал). Поэтому спрашиваю: подскажите пожалуйста какой должен быть оптимальный размер сайта для комфортного (или терпимого) его просмотра через внешку? Конечно не для оптоволоконной связи, а для модемной - ориентировочно на технологии ADSL, ADSL2. Тут даже скорей речь о суммарном весе всех картинок, т.к. остальное мало весит. Сайт статичный, php модули наверно не берутся в расчет (типо гостевой книги)? Так же интересует размер сайта для хорошего просмотра на скоростях от 128Кбит/сек и до 15Кбит/сек.

    Asked by noran,

    0 votes
    21 answers

  22. Обтекание текста вокруг изображения при "position:absolute;"

    У меня не получается сделать обтекание у картинки которая расположена поверх двух http://powerslave.name/question/yes.gif. Прич?м т?мно фиолетовая часть динамическая, т.е. она полз?т вниз и может обтекать картинку полностью. Если текста в т?мно фиолетовой части не много (как в примере), картинку должен обекать текст в светло фиолетовой части. Так вот, при установке "position:absolute;" у дивного блока картинки, не получается обтекание. Может кто сталкивался, прошу помощи )). Вот что у меня получилось - http://powerslave.name/question/no.gifА вот и код : <div style="margin-top:10px;"><table border="0" cellspacing="0" cellpadding="0"> <tr style="height:5px…

    Asked by Powerslave,

    0 votes
    12 answers

  23. Разбиение чисел по 3 разряда

    Можно ли средствами css разбивать числа по 3 разряда? Так чтобы из 12345678 получилось 12 345 678.

    Asked by Sergey Polevich,

    0 votes
    3 answers

  24. Заполнение пустого места точками.

    Привет друзья. Пытаюсь сделать такой список: test test ................ 10 test ...................... 10 lalala test lsls ........ 10 Методом проб и ошибок получилось так: .dot { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; border-right-width: 2px; border-right-style: solid; border-right-color: #FFFFFF; border-left-width: 2px; border-left-style: solid; border-left-color: #FFFFFF; padding-bottom: 0px; } .nodot { border-bottom-width: 2px; border-bottom-color: #FFFFFF; border-bottom-style: solid; padding-bottom: 0px; } <tr><td class="dot"><span class="nodot">test</span></td><td class="n…

    Asked by renton,

    0 votes
    8 answers

  25. Пчему не работает <map>?

    Я пишу: <img src="/images/cartfinfin1.jpg" usemap="#kartfin"> <map name="kartfin"> <area shape="rect" coords="1, 1, 200, 500" href="/educat/fin/" alt="Университет Лапландии, г. Ровоаниеми"> </map> Картинка 289 на 600 в этом вряд ли есть стандартная ошибка, т.к. наш штатный программист тоже развел руками, типа должно было работать...

    Asked by lena vereschagina,

    0 votes
    26 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