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
29,542 questions in this forum
-
Как включить подсветку текущей страницы в пагинации? bootstrap
Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...
0 votes12 answers -
Сложная кнопка, являющаяся ссылкой, с вертикальным центрованием текста, и другими ссылками внутри.
Здравствуйте! Перед мной задача сделать кнопку, которая сама по себе является ссылкой, но внутри этой тоже должны быть размещены другие ссылки. Эти дополнительные ссылки, скажем так, опции или подразделы, основной ссылки. HTML: <div class="item"> <div class="content"> <a href="/">Основная длинная ссылка</a> <div class="sub"> <hr> <div> <a href="/" style="float:left;">Подссылка1</a> <a href="/" style="float:right;">Подссылка2</a> </div> </div> </div> </div> <div class="item"> …
0 votes56 answers -
Размещение картинки внутри div
Здравствуйте! Такая проблема возникла. Есть div, у которого указано display: block;. Внутри него хочется разместить текст и картинку - просто чтобы они нормально выглядели, и текст облегал картинку. Для этого указываю у картинки align=left (или right), текст начинает облегать картинку, всё отлично - но только пока текста достаточно много. Если же текста мало, то div не раздвигается, и картинка вылезает за его пределы: http://problems.ru/view_by_author.php?author=480 Если же align=right не указать, то текст перестает облегать картинку, и возникают гигантские дыры. Можно ли поймать одновременно двух зайцев: чтобы при маленьком тексте div раздвигался до размера картинки, а п…
0 votes8 answers -
BUTTON - вопросы по value
<form action="#"> <button type='submit' name='d' value='14'>text</button> <form> При нажатии получаю на выходе 'text', а мне нужно '14' - как добыть?
0 votes14 answers -
Как сделать обтекание картинки текстом и победить перенос строки вниз?
Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.
0 votes5 answers -
Адаптивный текст на кнопке
Доброго времени суток уважаемые форумчане. Хочу сделать адаптивным текст на кнопке. нашел замечательную функцию calc, все замечательно, однако при одном из разрешений с блоком происходит непонятный мне сдвиг, как на скриншоте, при остальных же разрешениях текст ведет себя, как положено. Подскажите в чем может быть проблема и пути решения. Ссылка на код
0 votes21 answers -
Градиент 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%); …
0 votes10 answers -
Background
Привет всем участникам форума! Помогите мне, пожалуйста, разобраться с одной дилеммой. При создании сайта я наложила дизайн (background) не слоями (как обычно это делают), а одним рисунком, затем отдельно контент и еще доп. рисунки. Получилось в общем-то неплохо только если просматривать его с разрешением 1280x1024, а если 800x600 то получается полное гавно (извините, но правда). Вопрос: Возможно ли этот рисунок, который background сделать по ширине экрана любого компьютера, с любым разрешением? Просьба: привести примеры с htmlкодом
0 votes7 answers -
Не реагируют img на margin
Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img
0 votes8 answers -
Нужно ли верстать под IE6?
Доброго времени суток. Грамотные разработчики, подскажите: нужно ли еще верстать под IE6 в наше время? И требуют ли заказчики нормального отображения страниц в этом браузере? Как-ни-как 2010 год на дворе, HTML5 на пороге с CSS3 под ручку с букетами стоят. Чем вызвано такое желание поддерживать браузер десятилетней давности? Да, и вот что еще хотел добавить: как тестировать верстку в IE6, IE7 и IE8 одновременно? Что-то погуглил, ничего хорошего. Только через виртуальные машины?
0 votes25 answers -
Кнопка Submit и отправка формы
Я новенький.Как сделать что-бы кнопка, к примеру Submit отправляла данные в определенный файл, ну скажем так в бд. Можно и объяснить как это сделать в дримвивере, там уже код я пойму.
0 votes29 answers -
как растянуть картинку на всю ширину ячейки
как убрать эти пробелы под пингвинами? <!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…
0 votes2 answers -
inline-block vs float
Не мало раз видел советы использовать inline-block вместо float (к примеру, для каталога товаров). Но почему? Вот, например, есть у меня такая страничка, там каталог с товарами. Следовать друг за другом приказал с помощью float: left, и всё нормально. Способ же с inline-block подразумевает также ещё сброс font-size и line-height для ликвидирования отступов.
0 votes12 answers -
Как сделать текст прозрачным?
Очень прошу о помощи всех форумцев. Версткой занимаю очень недавно, но задания у меня уже довольно трудные... Режу скины для почтового сервера. html один, css для каждого скина свой. Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом). Возник вопрос, каким образом при помощи CSS сделать надпись INFO невидимой???? надпись добавлена таким образом: INFO
0 votes11 answers -
Разместить таблицу по центру страницы
Здравствуйте! Вопрос следующий. Таблица размещается в теле поста WordPress (копирование из Word и вклейка). Каким образом можно разместить таблицу в центре страницы? Для центрирования стандартно использую тег p с параметром align, но в данном случае, либо прописываю не там, либо он не применим. Какие могут быть варианты решения? Спасибо.
0 votes5 answers -
срезаемый бордюр-картинка вокруг резинового блока без html5
Здравствуйте! Чем-то напоминает соседнюю тему с "ушами". Нужно, чтобы вокруг резинового блока, позиционированного по центру по горизонтали, была картинка-бордюр, но при минимальной ширине экрана, этот бордюр (по горизонтали) обрезался, т.е. чтобы его не было видно и не появлялась горизонтальная полоса прокрутки. Если бы ширина блока была фиксированной, то можно было бы повесить бэкграунд на боди, например как тут (при ширине окна 950рх не появляется горизонтальной полосы прокрутки, и рамку не видно). Но как это реализовать при резиновой ширине блока? Вот примерная картинка: . Пока представляю, только как это можно сделать таблицами, и то не совсем. Этот код совсем не рабо…
0 votes26 answers -
Меню сайта. Выделение активной страницы в меню
Очень нужна помощь. Чёто никак не пойму как сделать элементарную вещь. Выше, воображаемое меню сайта. Я хочу сделать так чтобы когда мышкой наводишь на кнопку сверху полосочка становилась красной и буквы становились белыми. Это я знаю как осуществить: 2 картинки и одна при наведении заменяет другую. но вот сама проблемма. как сделать чтобы после перехода по ссылке красная полоска оставалась только на активной странице??? вот как щас на первом пункте висит эта полоска, чтоб так было допустим когда по 3 пункту пройду. оченама нужно вообще думаю можно было через css сделать проще, но шрифт на кнопках будет картинкой. И не знаю имеет ли значение то что меню собираюсь делать т…
0 votes8 answers -
вставка изображений в css
Всем привет!Ребята,подскажите пожалуйста как правильно вставить изображение в css код?
0 votes10 answers -
Выравнивание по центру в 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>подскажите, пожалуйста, как сделать красивее и лаконичнее? Заранее благодарю.
0 votes7 answers -
IE7, Opera & Firefox
p1 { color:red; font-style:italic; } p2 { color:blue; font-style:bold; } Работает только в Firefox, почему? (cry)
0 votes24 answers -
Float и схлопывающиеся отступы
По каким принципам определяется положение floated-блока, когда он находится между двумя блоками со схлопывающимися отступами? Например, в такой ситуации: <div class="upper" style="margin-bottom: 30px;">some content</div> <div class="floated" style="float: left;">some content</div> <div class="lower" style="margin-top: 50px;">some content</div> Естественно, размещение легко выяснить опытным путем, но меня больше интересуют правила, согласно которым вычисляются позиции блоков в подобных случаях.
0 votes30 answers -
Подгрузка изображений без перезагрузки страницы (ajax)
Прошу помощи, если у кого есть хороший рабочий пример, объясняю: есть скрипт фотоальбома, выводятся все првевью определенной категории и рядом большая фотка по дефолту первая, дальше при клике подгрузка соответсвенно большой, но при этом страница перегружается! Нашел пример и класс JsHttpRequest, но ничерта непонятно, если бы подсказали что именно прописывать в тег превью img и что прописывать в тег большой фото? Сенк заранее, если кто подскажет
0 votes12 answers -
Как растянуть таблицу/изображение на весь экран
Подскажите, пожалуйста, мне необходимо растянуть таблицу на весь экран, таблица содержит картинку (баннер, на скриншоте вместо баннера временно серый прямоугольник), но у меня справа почему-то остается много пустого места. Как его убрать? Если вопрос дурацкий сильно не бейте, только-только html начала изучать. P.S. Таблица самая простая <table width="100%" border="1"> <td align="left"> <img src="HR1.png" alt="" width="100%" border="0"></td> </table> сдвинута вверх и влево
0 votes1 answer -
Как задать разные css для каждого option в select
Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.
0 votes10 answers -
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…
0 votes12 answers