HTML Coding

29542 questions in this forum

1. Выравнивание по центру в div

   Здравствуйте, подскажите, пожалуйста, новичку: хочу выровнять счетчик по центру (или, как вариант по правому краю) внутри блока div. существует ли какой-то способ (параметр, атрибут) для этого? пока что ничего кроме громоздкой таблицы внутри div не придумал. <div class="bottom"> <table cellspacing="0" border="0"> <tr><td width="50%"></td> <td><center> <!--счетчик--> </center></td> <td width="50%"></td> </tr> </table> </div>подскажите, пожалуйста, как сделать красивее и лаконичнее? Заранее благодарю.

   Asked by Гайдамак, February 21, 2009

   0 votes
   7 answers
2. Не реагируют img на margin

   Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img

   Asked by Get to heaven, June 1, 2016

   • img
   • не реагирует на margin img
   0 votes
   8 answers
3. пункт меню в виде трапеции

   добрый день, подскажите как сделать пункт горизонтального меню в виде трапеции, что бы она тянулась на разные надписи самого меню? трапеция с левого угла - прямая, с правого - угол и вехняя полочка хотела вставить background-ом эти изображения в li но скачет высота и видно стыки посоветуйте пожалуйста

   Asked by jul_k, May 3, 2008

   0 votes
   10 answers
4. Расстояние между текстом и подчеркиванием текста

   Есть параметр CSS, устанавливающий подчеркивание текста: text-decoration: underline; Подскажите, пожалуйста, как увеличить расстояние между текстом и подчеркиванием текста?

   Asked by TorchTT, February 27, 2012

   0 votes
   2 answers
5. Резиновая Верстка шапки

   Шапка состоит из 2 строк так сказать...В первой отображаются кнопки (картинки а не фон) во второй: меню слева, правее от него банер и еще правее-еще картинка (все одной высоты, ширина баннера -резиновая, а меню и самой правой картинки-фиксированная)...на рисунке общий шаблоник...

   Asked by Vlad111, February 26, 2008

   0 votes
   18 answers
6. Как включить подсветку текущей страницы в пагинации? bootstrap

   Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...

   Asked by viz9, February 12, 2013

   • bootstrap
   0 votes
   12 answers
7. Background

   Привет всем участникам форума! Помогите мне, пожалуйста, разобраться с одной дилеммой. При создании сайта я наложила дизайн (background) не слоями (как обычно это делают), а одним рисунком, затем отдельно контент и еще доп. рисунки. Получилось в общем-то неплохо только если просматривать его с разрешением 1280x1024, а если 800x600 то получается полное гавно (извините, но правда). Вопрос: Возможно ли этот рисунок, который background сделать по ширине экрана любого компьютера, с любым разрешением? Просьба: привести примеры с htmlкодом

   Asked by Zarina, May 15, 2009

   0 votes
   7 answers
8. Онлайн сервис калькуляторов или расчетов

   Добрый день! У меня есть сайт где продаем различные строительные материалы. Сейчас там таблицы с перечнем услуг и примерными ценами и как правило клиенты звонят что-бы уточнить что-то, найти. Это очень отнимает времени. Решили как-то автоматизировать дело, чтобы все расчеты, выбор материалов, комплектующие клиент смог выбрать и ему тут же отобразилась нужная цена. У фрилансеров поспрашивал, выходит очень дорого и много делать. Может есть ли какие-нибудь вообще сервисы онлайн для создания калькуляторов или расчетов. Чтобы я мог пусть и не самостоятельно, с чей нибудь помощью на первое время, попробовать создать то что мне нужно?

   Asked by adrk00, September 1, 2017

   • калькулятор
   • расчеты
   • сайт
   0 votes
   22 answers
9. Как сделать, чтобы при уменьшении высоты экрана уменьшилась картинка?

   Тоесть например вот это: width: 100%; height: 100%; max-width: 100%; height: auto; width: auto9; Даёт нам увеличение и уменьшение при разной ширине. Если ставим h и w на 100% то картинка начинает увеличиваться не пропорционально... как-то ведь делал, а как вспомнить никак не могу.... Подскажите пожалуйста, как сделать, что бы при уменьшении высоты картинка уменьшалась, даже если длинна не изменяется. В общем пропорциональное уменьшение

   Asked by hea8y, October 14, 2012

   0 votes
   3 answers
10. Как сделать input(text) и select в IE визуально одинаковыми?

    Сабж. Собственно, проблема такая, если селекту и инпуту с типом текст задать одинаковую ширину, например, 100px, то в FF и Opera они выглядят визуально идентичными, а в IE6 инпут нехило лезет вправо (на пикселей 5, не меньше, если не больше)! Кто-то решал уже такую проблему?

    Asked by thekap, February 15, 2011

    0 votes
    25 answers
11. Градиент css3 и body

    Мне нужно сделать градиент у body. Я хотел сделать его с помощью css 3, он проблема в том что body(да и тег html) у меня занимает высоту окна браузера(это не мешало пока не стал задавать градиент), а не всю высоту сайта из-за возникает картинка ниже, после пракрутки(красный цвет использован для наглядности), как растянуть body в данном случае? не хотелось бы использовать картинки css код для градиента body{ background-repeat: repeat-x;background: -moz-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -webkit-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -o-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); …

    Asked by chiffenok, March 29, 2012

    0 votes
    10 answers
12. Меню сайта. Выделение активной страницы в меню

    Очень нужна помощь. Чёто никак не пойму как сделать элементарную вещь. Выше, воображаемое меню сайта. Я хочу сделать так чтобы когда мышкой наводишь на кнопку сверху полосочка становилась красной и буквы становились белыми. Это я знаю как осуществить: 2 картинки и одна при наведении заменяет другую. но вот сама проблемма. как сделать чтобы после перехода по ссылке красная полоска оставалась только на активной странице??? вот как щас на первом пункте висит эта полоска, чтоб так было допустим когда по 3 пункту пройду. оченама нужно вообще думаю можно было через css сделать проще, но шрифт на кнопках будет картинкой. И не знаю имеет ли значение то что меню собираюсь делать т…

    Asked by Dies, May 7, 2009

    0 votes
    8 answers
13. overflow-x

    Я может чего то не понимаю? Я всегда думал что можно прописать overflow-y:visible; overflow-x: hidden; и все выходящие за пределы блока по горизонтали скроется а по вертикали будет видно, оказалось не так, может кто объяснит? <style> .head { height: 300px; width: 700px; margin: 0 auto; border: 1px solid red; overflow-x:hidden; overflow-y:visible; } .in { height: 500px; width: 40px; border: 1px solid red; } </style> <div class="head"> <div class="in">123</div> </div> это выглядит вот так а должно вот так help!?

    Asked by exessqd1, February 17, 2011

    0 votes
    9 answers
14. Как сделать обтекание картинки текстом и победить перенос строки вниз?

    Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

    Asked by TrogWar, January 5, 2013

    • css
    • img
    • word-wrap
    • обтекание
    0 votes
    5 answers
15. Проблема с переносом слов в IE

    Есть текст, состоящий из восклицательных знаков, разделенных пробелами. Проблема в том, что в IE этот текст не переносится по строкам, а просто разрывает всю верстку. Есть ли способы решения данной проблемы. Пример можно посмотреть тут (в IE появляется горизонтальная прокрутака)

    Asked by Damnedest, September 5, 2007

    0 votes
    3 answers
16. срезаемый бордюр-картинка вокруг резинового блока без html5

    Здравствуйте! Чем-то напоминает соседнюю тему с "ушами". Нужно, чтобы вокруг резинового блока, позиционированного по центру по горизонтали, была картинка-бордюр, но при минимальной ширине экрана, этот бордюр (по горизонтали) обрезался, т.е. чтобы его не было видно и не появлялась горизонтальная полоса прокрутки. Если бы ширина блока была фиксированной, то можно было бы повесить бэкграунд на боди, например как тут (при ширине окна 950рх не появляется горизонтальной полосы прокрутки, и рамку не видно). Но как это реализовать при резиновой ширине блока? Вот примерная картинка: . Пока представляю, только как это можно сделать таблицами, и то не совсем. Этот код совсем не рабо…

    Asked by Rossi25, July 17, 2011

    0 votes
    26 answers
17. Контент в блоке

    Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}

    Asked by fro, June 5, 2015

    0 votes
    90 answers
18. Помогите с css

    Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…

    Asked by IOzer, December 14, 2009

    0 votes
    33 answers
19. Как Вообще Делается Сайт Плз Подскажите?

    подскажите как можно вообще все научится делать и дизайн и как страницу свою сайт поместить ну плз подскажите!

    Asked by Rodion, August 26, 2008

    0 votes
    12 answers
20. Размещение картинки внутри div

    Здравствуйте! Такая проблема возникла. Есть div, у которого указано display: block;. Внутри него хочется разместить текст и картинку - просто чтобы они нормально выглядели, и текст облегал картинку. Для этого указываю у картинки align=left (или right), текст начинает облегать картинку, всё отлично - но только пока текста достаточно много. Если же текста мало, то div не раздвигается, и картинка вылезает за его пределы: http://problems.ru/view_by_author.php?author=480 Если же align=right не указать, то текст перестает облегать картинку, и возникают гигантские дыры. Можно ли поймать одновременно двух зайцев: чтобы при маленьком тексте div раздвигался до размера картинки, а п…

    Asked by Spartach, August 31, 2009

    0 votes
    8 answers
21. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…

    Asked by ya novenkiy, December 12, 2017

    • table
    • tr
    0 votes
    2 answers
22. IE7, Opera & Firefox

    p1 { color:red; font-style:italic; } p2 { color:blue; font-style:bold; } Работает только в Firefox, почему? (cry)

    Asked by Accessdenied, July 11, 2007

    0 votes
    24 answers
23. Центрирование ul

    Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах

    Asked by ShumNo, March 1, 2011

    0 votes
    41 answers
24. Как задать разные css для каждого option в select

    Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.

    Asked by Daiver, December 17, 2013

    • css
    • option
    • select
    0 votes
    10 answers
25. font size=1 больше оновного, помогите

    Доброго дня! Помогите найти ошибку в коде CSS, бьюсь третий день. На странице текст в коде текст отображается на много больше чем прописано в body. Заранее спасибо! Вот код: body { background-image: url(/image/cool.gif); FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color: #003377; font-size: 13px; text-align: RIGHT; margin: 10px 10px 0px 10px; } p{ text-align: justify; text-indent: 15px; margin: 10px; font-size: 13px; } b{ font-size: 12px; } b.fish { color: #326565; font-size: 17px; font-weight: bold; text-decoration: none; } p.img { float: left; margin-right: 8px; } strong.nol{ FONT-FAMILY: Verdana, Arial, Helvetica, sans-s…

    Asked by Loed, April 29, 2008

    0 votes
    12 answers