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
-
Бегущая строка
Кто какие скрипты искользуют для бегущей строки или модули джумлы. <marquee> полная ерунда, дёргается тормозит и ещё конфлектует с раскрывающимся меню, если текст пробегает под ним оно сворачивается.
0 votes9 answers -
отступ после абзаца
Здравствуйте подскажите как убрать отступ меж абзацев (<p></p><p></p>), нужна просто красная строка (text-ident), с <span> не работает т.е. как в бумажной книжке
0 votes4 answers -
Задача на смекалку
<div><img src="img.jpg" width="100" /><p>Какое-то количество текста, причем количество текста разное во всех блоках</p></div> <div><img src="img.jpg" width="150" /><p>В этом блоке может быть меньше текста</p></div> <div><img src="img.jpg" width="50" /><p>А в этом наоборот - может быть очень много, вплоть до нескольких предложений и словосочетаний.</p></div> Блоки обтекают друг друга слева ( float: left; ). Текст, находящийся в блоке, разумеется, идет в одну строку. Задача: сделать так, чтобы блок имел ширину, равную ширине находящегося в нем изображения для того, чтобы текст переноси…
0 votes26 answers -
Работа с CSS
Здравствуйте. Мне нужно сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока 2 картинка за низ 3 картинка за левую сторону 4 картинка за правую сторону 5 картинка за середину Думал сделать солидную пачку дивов, но хтмл код будет слишком "грязным". Я делаю первый раз сайт и не знаю более компактных способов. Мой блок будет 700 пикселей в ширину и в зависимости от текста будет ползти вниз. В нём будут только заголовок H1 и теги <p> Подскажите пожалуйста, как это можно компактно реализовать?
0 votes14 answers -
css reset
Добрый день у меня возник такой вопрос каким css reset пользуетесь вы ? и какой самый лучший по вашему мнению ... я например использую такой ... но мб есть и лучше (правельнее) , хотелось бы узнать ваше мнение .. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; pad…
0 votes30 answers -
Как сверстать стрелку на CSS
Здравствуйте! Помогите с решением. Подскажите, можно ли сверстать стрелку на псевдоэлементе? https://prnt.sc/gb74sc https://prnt.sc/gb7kos
0 votes6 answers -
font - сокращенная запись
Возникла проблема при создании сайта: Фаерфокс не отображает классы у гиперссылок, в css написал: {font: italic Georgia, Arial, sans-serif;} а ссылки так и остались тем шрифтом, что были и курсивом не выделились. Причем в Опере, EI и программе редактирования все правильно отображается, в отличие от Firefox. В чем тут проблема?
0 votes6 answers -
Проблема с заменой курсора в Firefox
Всем привет :-) У меня в стилях прописана смена курсора при наведении: td.submenu { cursor: hand; } И на самой странице: <table> <tr><td height=25> <tr><td class=submenu>submenu1 <tr><td height=25> </table> Проблема состоит в том, что Mozilla Firefox не меняет в этом месте курсор. А мне очень нужно чтоб он сменился (тем более, говорят firefox популярнее стал :/). Есть варианты как поступить?
0 votes10 answers -
CSS3 animation движение background
У меня есть див. В нём происходит не прекращающаяся css3 анимация с движением фона. Подскажите, пожалуйста, как сделать, чтобы после 100% он не сбрасывался в указанные 0%, а как бы прокручивался и выходил с другой стороны? Как это изменить? div#web {-webkit-animation: myfirst 5s ease infinite;} @-webkit-keyframes myfirst { from {background-position: 0%;} to {background-position: 100%;} }
0 votes1 answer -
Таблицы и ссылки
Объясните каким образом создают сайт с помощью таблиц. Меня интересует : если есть страница из таблицы,состоящая из шапки и 2 столбцов. В 1 столбце меню,а во 2 должна быть инфо,соответствующая пункту меню. Как сделать, чтобы во втором столбце отображались соответствующие странички. Или так нельзя? А нужно создавать отдельные странички для каждой ссылки только вместе с шапкой и меню как на начальной. Т.е. создается видимость, что находимся на одной странице,а получается что нет. Я запуталась, объсните пожалуйста. Я на Вас надеюсь.. TAlexandria
0 votes19 answers -
Внешний блок с Float тянется на всю ширину, ИЕ6,7
Есть такой урл http://kirtour.undersite.ru/, там есть менюха верхняя со странами ЯПОНИЯ, АВСТРАЛИЯ и т.д. Есть внешний блок .whole_div в котором находятся 3 дива, два из них отфлоачены по бокам (.left_div и .right_div), а третий тянущийся посерединке (.center_div), сам внешний блок тоже отфлоачен слева, в 6 и 7 версиях ИЕ, почему то как бы не работают, при флоатах же обычно если не указавать ширину то блок тянется по контенту, а тут .whole_div ведет себя словно флоата то у него нет ) хм, впервые на такое наткнулся, кто нить знает?
0 votes27 answers -
раcширение фаилов - html и htm
ДОБРЫЙ ДЕНЬ, столкнулся с таким явлением делал свой сайт и вдруг заметил что большенство страниц поменяли расширение с HTML на HTM, подскажите чем они отличаются друг от друга и не будет ли каких конфликтов с разными версиями браузеров. Спасибо.:/
0 votes4 answers -
Пустое место внизу страницы
Сверстал страницу на дивах. В опере и фф внизу много пустого места, в сафари с хромом всё смотрится как надо. Как это исправить? CSS html
0 votes3 answers -
Натянуть сайт на движок
Здравствуйте. Не знал в какую ветку писать, так что модераторы не ругайтесь и перенесите куда следует) Как видно из названия темы решил натянуть сайт на движок. Всё таки хочется автоматизировать процесс, к тому же сейчас мало информации на сайте, что облегчит работу, да и немного в ходе работы подкорректировать дизайн. Я весьма поверхносто знаком с джумлой и wp. По сути cms для меня тёмный лес. Приходится обращаться к добрым и отзывчивым людям с вопросоми: Так какую CMS лучше мне выбрать и с чего начать? Сколько это будет стоить и куда обращаться если отдавать работу в чужие руки? Сколько стоит написать CMS? Я вкурсе всех описаний и, грубо говоря, назначений д…
0 votes3 answers -
Почему в IE третий блок получаеться снизу!?
Почему в IE третий блок получаеться снизу!? Не могу понять что являеться причиной! Трехпиксельный баг IE- 6ого? - Да я б не сказал, потому что один процент равен 10 пикселям, а так как один процент я оставил свободным, то получаеться, что по-любому в запасе остается еще один пиксель даже если баг имеет место! Что же здесь его не устраивает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type ="text/CSS"> * {margin: 0; padding: 0; border:0 } body {background-color:#00222a;} .leftDiv{margin:0 0 0 3%;}…
0 votes10 answers -
Нестандартный шрифт и Опера
Здравствуйте. Столкнулся с такой проблемой: Сделал сайт, используя стандартные шрифты, точнее один - Verdana. Сайт предназначен для дилера, торгующего автомобилями. Но недавно пришли ОБЯЗАТЕЛЬНЫЕ требования, использовать на сайте фирменные шрифты (в списке фирменных шрифтов ни одного стандартного). Как не возмущайся, а делать надо Суть проблемы в том, что браузер Опера не полноценно видит эти шрифты, т.е. латинские буквы и цифры выодит правильно, а вот русские буквы заменяет стандартным шрифтом (тот, который прописан в настройках Оперы, у меня это Times New Roman). В чем может быть проблема и как ее исправить?
0 votes1 answer -
Смена текста при нажатии на кнопку.
Добрый день всем. В JS и CSS я новенький, поэтому прошу помощи. Имеется код: <div style="text-align:left;"> <div id="type_text" class="box"> <script language="JavaScript"> var text = 'текст 1 текст1 текст 1.<br> '+ ' ...текст 1 текст1 текст 1<br>'+ ' текст 1 текст1 текст 1.'+ ' текст 1 текст1 текст 1,'+ ' текст 1 текст1 текст 1'+ ' текст 1 текст1 текст 1'; i = 0; function type(){ i++; if( i <= text.length ) if(text.substr(i-1,1)=='<'){ document.getElementById("type_text").innerHTML +='<br>' } else { document.getElementById("type_text").innerHTML = text.substr(0, i); } setTimeout( type, 20 ); }…
0 votes1 answer -
Авто ограничение ширины div
Правая колонка используется для навигации, е? ширина зада?тся width: 350px; /*Width of right column in pixels*/ margin-left: -350px; /*Set left margin to -(RightColumnWidth) */ Левая колонка, основная (c контентом), зада?тся кодом: #contentwrapper { float: left; width: 100%; } #contentcolumn { margin-right: 350px; /*Set right margin to RightColumnWidth*/ } При вставке таблицы в основную колонку (левую) блок растягивается в полный размер экрана, что правой колонки вообще не видно. Поэтому есть кросс браузерный код для ограничения ширины блока: max-width: 650px; width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth); Как сделать, чтобы максимальная ши…
0 votes8 answers -
Нужна помощь в верстке меню-бара
Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .nav { display: flex; list-style-type: none; padding-left: 0; font-size: 17px; text-transform: uppercase; } .nav > li > a { color: #fff; text-decoration: none; } .nav > li { padding-left: 29px; margin-left: 30px; } .header { display: flex; back…
0 votes1 answer -
frD-Как отодвигать бокс
Доброго времени суток. Вот простенький сайт http://nwmost.ru/csstest/nd/index.html Вроде бы все нормально, но если кликнуть на "Прайс-лист", то видим, что если контент выходит за рамки, то получается белиберда. Подскажите: как сделать, чтобы нижняя полска отодвигалась под контент.
0 votes15 answers -
Почти меню, при наведении на блок, показывает другой блок
Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …
0 votes21 answers -
Slick Slider неправильно рассчитывает высоту слайда
Добрый день. При первой загрузке на телефоне (и только на телефоне) Slick Slider неверно рассчитывает высоту слайдов: При пролистывании через несколько слайдов всё становится как надо: При перезагрузке слайдер также нормально грузится сразу. Это сдвоенный слайдер, т.е. нижний управляет верхним. Все картинки одного размера. Нижний слайдер работает нормально всегда, хотя в нём картинки те же самые. Пустая область под картинкой относится к слайду, т.к. за неё можно свайпать слайдер. В чём может быть проблема?
0 votes2 answers -
Вопрос на засыпку
Вот пришла в голову идея сделать ссылку на часть страницы находящегося на другом сайте. Можно это вообще как либо осуществить ? Заранее спасибо.
0 votes22 answers -
Стиль ячеек столбца таблицы
Существует ли в CSS возможность задать стиль ячеек определённой колонки таблицы так, чтобы не указывать class для каждой ячейки?
0 votes10 answers -
Выравнивание блока и input
<!DOCTYPE html> <html> <head> <title>Добавление адресата</title> <style type="text/css"> body { font-family: "arial", sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: 400; line-height: 110%; color: #333333; } .side1 { margin: 0pt 2% 0pt 0pt; padding: 0px 0pt 0pt; width: 65%; overflow: hidden; min-width: 550px; } .big_input { width: 99%; } select.big_select { width: 85%; /*min-width: 350px;*/ max-width: 715px; } .dark_grey { margin: 0pt; padding: 1pt 15px 7px; background: rgb(228, 228, 228) none repeat scroll 0% 50%; } .big_textare { margin: 0; display: block; width: 99%; cli…
0 votes6 answers