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
29542 questions in this forum
-
Carousel in Twitter Bootstrap
Здравствуйте, использывал карусель от бутстрепа, нравилось то что можно было вставлять картинки большего формата и карусель автоматом уменьшала их. bootstrap 2.0.1: bootstrap 2.0.2: Не могу найти и за чего карусель увеличилась. Если знаете подобную карусель которая умеет уменьшать картинку подскажите пожалуйста. код страници где вставлена карусель: Changelog v 2.0.2 CSS файл версии 2.0.1
0 votes0 answers -
Адаптивная верстка
Всем привет! Такой вот вопрос.. Хочу освоиться в адаптивной верстке и вот думаю нужно ли использовать фрэймворки? Больше все мне понравился Bootstrap. Как вы думаете стоит ли писать адаптивные сайты вручную или достаточно воспользоваться тем же Bootstrap'оm?
0 votes14 answers -
Путь к картинкам
Привет всем форумчанам! У меня нарисовалась такая небольшая проблемка: на сайте не отображаются картинки. А если точнее, то только логотип, который имеет расширение .png Я прописываю следующий путь в индексном файле <img src="./images/logo.png">Иерархия файлов следующая: 1. Файл index.html 2. Файл style.css 3. Папка images Я могу предполагать, что я не правильно указал путь (./). Но пробовал уже по-всякому — ничего не получается.
0 votes7 answers -
div и фоновая картинка
Изучаю div верстку, столкнулся с проблемой - не работает фоновая картинка в теге div. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Новый Документ</title> <style type="text/css"> <!-- H1 { background-image: url(1.jpg); } --> </style> </head> <body> <div id="H1">Здесь располагается содержимое нового тега Div</div> </body> </html> Картинка и html страничка лежит в одном кат…
0 votes4 answers -
Upload без формы
Как то появилась у меня коварная идея воровать кэш через страничку сайта, казалось бы, создал формочку с путем к файлу, сабмитнул и вот оно счастье, а нет, все на так просто. Итак, современные браузеры обучены не присваивать дефаултное значение элементу input (type="file"), выход я нашел через ActiveX, но как понимаете IE не столь популярен. Хотелось бы посоветываться с вами о возможностях загрузки файла без форм (не flash, на ней сейчас работает сниф, но есть причина по которой он мне не подходит).
0 votes7 answers -
Автопереносы
Есть некий текст внутри контейнера, необходимо задать максимальную ширину контейнера, при которой текст будет переноситься на новую строку. В этом случае я не могу использовать параметр width, так как тогда если текст очень короткий, то образуется слишком большой отступ от текста к правому боку контейнера, также не могу использовать max-width, потому что в ИЕ это не работает. Есть еще способы как такое сделать?
0 votes9 answers -
Резиновая ширина, навигация слева в виде таблицы
Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…
0 votes11 answers -
text-shadow и кроссбраузерность - wtf, товарищи о_о
всем привет. у меня появилась проблема того, что тень текста дико коверкается в сафари и в браузере телефона. неужели этого никак не избежать!? может, есть какие-нибудь решения, ведь наверно же с этим сталкивались многие другие? вот пример, здесь все минимизировано: скришот в разных браузерах: код: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>font</title><style> body{background: #e5e08b;} p{ font-family: arial; color: #ffe; font-weight:bold; text-shadow: 0 0 .1ex #ba0, 0 0 .1ex #870, 0 0 .1ex #870, 0 .7ex .1ex #fff, 2ex 0 .5ex #ffd, -2ex 0 .5ex #ffd; }</style></head><body>…
0 votes12 answers -
Реально ли выполнить такую вёрстку ?
Как реализовать такое ?
0 votes3 answers -
ul: margin: 5px;
ul { list-style-type: none; margin: 5px; } Почему в "неправильном" эксплорере показывает отступ 5 пикселей, а в "правильном" файрфоксе - как будто не задавались параметры отступа, т.е. примерно 25 пикселей?
0 votes2 answers -
Заморочки с z-index
http://potolko.ru/ вот в общем страничка, сырая, тама есть фотка, над которой располагается "уголок" - див с з-индексом поболее. Необходимо именно чтобы над картинкой был этот уголок, т.к. туда в дальнейшем (дай бог) будут грузится другие картинки. В мазиле и опере работает, но как только добавляю доктайп - всё, не работает. Что делать товарищи, подскажите!
0 votes2 answers -
Неупорядоченный список
Собственно - сам вопрос: Реально ли сверстать такое меню на неупорядоченном списке? Проблема в том, что я не могу придумать, как сделать эти разделители... Есть у кого-нить варианты? Был вариант сделать через фоновый неповторяющийся рисунок, но элементы li не растягиваются по высоте на 100%...
0 votes10 answers -
html позиционирование по центру div-ами
идейно надо сделать такую простую вешь: страница всегда посередине, слева есть тень. Надо чтоб при изменении окна браузера скроллбар появлялся Только на белой области (не на тени). Таблицей сие сделать никаких проблем - <table width="100%"><tr> <td style="background:url(ten.gif) no-repeat right;"></td> <td width="980">белая</td> <td></td> </tr></table> Дивы один в другом с тенью не катят так как скролл будет на тени тоже, а это критично из-за ширины страницы на 1024px: <div style="background:url(ten.gif) no-repeat; padding:0 30px 0 30px;"><div id="белый_контент">...</div></div> поидее над…
0 votes10 answers -
WAP и PDA
Намечается задание - сделать вап и пда версию сайта. Первый вопрос - а в чем, собственно, отличие вап версии от пда? O_o Второй - где можно прочитать о том, какие моменты нужно учитывать при верстке, какие отличия и т.д... Буду рад за любой ответ или ссылку. Спасибо.
0 votes8 answers -
Проблема с div блоком, не расширяется на 100% по высоте
Имеется следующий код html и css <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class="header_left_line_bottom"> …
0 votes2 answers -
Background и аккардеон
Здравствуйте. Делал аккордеон и столкнулся с неожиданной проблемой, не отображается background в виде картинки, в тоже время если задавать просто цвет, то всё отлично работает. Html: <div id="eventaccordion"> <h4 class="mooblock-title mb1_1t">Заголовок</h4> <div class="mooblock-el mb1_1e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;">Скрытый текст</div> <h4 class="mooblock-title mb1_2t">Заголовок</h4> <div class="mooblock-el mb1_2e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0…
0 votes16 answers -
Меню на рисунке
Я не смыслю полностью в этом деле...поетому никак немогу сообразить как сделать мо? меню - www.mpchat.ru/underwhat на рисунке..слева..оно все время сдвигает рисунки... Вот код...всего что у меня на титульнике...искала в шаг за шагом но ничего не нашла.. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" …
0 votes6 answers -
создать форму "обратная связь"
нужно создать простую форму "обратная связь" и чтобы при наджатии на кнопку "отправить" форма сразу отправлялась по адресу, а не вылезала табличка с надписью "Данная форма будет отправлена.... Хотите продолжить?". по смыслу примерный код уже написала, правда пока нет полей "ваш e-mail" и "текст сообщения": <form action="mailto: user@mail.box" target='mail' enctype=text/plain>--> <p>Имя: <input type=text size=40 name=fn> Фамилия:<input type=text size=40 name=ln> Пол:<input type=radio name=gender value="male">мужской<input type=radio name=gender value="female">женский Возраст:<input type=text size=5 name=age>лет <inp…
0 votes7 answers -
Таблица в html
вобщем, я не понимаю как в таблицу вставить таблицу может быть кто знает отпишитесь плиз помогите) вот такое задание мне надо сделать квитанцию такую а я не могу понять(http://s009.radikal.ru/i310/1103/2b/1fafd664033f.jpg
0 votes8 answers -
Выровнять текст в элементе select
Может кто-нибудь знает, как в элементе select выровнять текст по правому краю в браузерах кроме FF(там банально работает text-align)? Особенно интересует IE и Safari. Буду очень благодарна за помощь!
0 votes1 answer -
Как проставить ссылку на скачку?
Как проставить ссылку чтобы при клике по графической кнопке начиналась скачка музыкального трека с сайта?)СПС)
0 votes10 answers -
Футер и ширина страницы
Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана) <div style='margin-left:195px;margin-right:195px'> Основной контент </div> <div style='width:195px;position:absolute;top:0px;left:0'> Левый блок </div> <div style='width:195px;position:absolute;top:0px;right:0'> Бравый блок </div> <div class='footer'> футер </div> Контент в коде находится выше всего остального содержания. Возникли 2 проблемы. 1) Как прижать в данном случае футер к низу страницы. 2) Как установить min-width так чтобы блок с контентом не сжимался меньше указанного размера и не "заезжал" под правый блок(как он сейчас это делае…
0 votes12 answers -
Как сверстать такую штуку
Имеется вот такой элемент управления: 1. Картинка над полукругом можем изменяться 2. Заполнение черным цветом происходит: * по окружности (внешний элемент) * сверху вниз (внутренний) Вопрос: Как сделать плавное изменение цвета по окружности (скажем, за 3 секунды)? Буду рад любым советам, способам и т.д. Хоть скриптами, хоть CSS, хоть как... Спсибо.
0 votes11 answers -
Нетривиальная таблица неверно отображается в ИЕ
Вобщем есть такая нетривиальная таблица.. И я с ней уже запарился.. <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="2" width="12"> <img src="images/l_top_crnr.gif" width="12" height="15"></td> <td width="290" background="images/top_left.gif"></td> <td width="112"><img src="images/top.gif" width="112" height="15"></td> <td width="100%" background="images/top_right.gif"></td> <td width="11"> <img src="images/r_top_crnr.gif" width="11" height="15"></td> <td width="1"> <img src="images/разделитель.gif" width…
0 votes5 answers -
У рисунка нужно сделать двойную рамку.
Есть рисунок, ему можно задать одну рамку через border, а как можно сделать ещ? одну через 3 пикселя? <img style src='mult.jpg' alt='' width="135" height="135" hspace="10" align="left" border="2"> Мне делали подсказу, что типа через padding, говорили что нужно использовать стили, но вот хоть убей не понимаю. Поэтому обращаюсь к Вам Профессионалам своего дела. Подскажите плиз!
0 votes4 answers