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
-
Верстка под Wordpress!
Доброго времени суток форумчане Извините наперед, если не туда впихнул темку! Вопрос обстоит так, верстать та я умею, еще и научу))гг....но вот верстать по cms не знаю как это ваПще делаетсо! Взялся учить верстку под WP, но пока что безрезультатно(( Сильно вас прошу, кто знает, с чего начать, что почитать, напишите, или дайте линк! Только настоятельно прошу вас, ненужно писать сообщения такого типа как:"гугли, ищи в нете, почитай книжку" - я поэтому и прошу чтоб что то толковое дали, так как сам уже нагуглился по самое нехочу! И по ходу этого дела может и попадал на что то толковое, но не разобрался и так и не понял что это именно то что мне надо! Наперед всем спасибо за…
0 votes16 answers -
Как Clip подружить c упрямым ослом (IE)
Доброй ночи... Вот сижу и думаю как же это подружить этого Clip с IE. Читал что место запитых нужно пробелы ставить но не помогло... Приведу пример всего что я делаю. Есть изображение квадратика. Квадратик я обрезаю с помощью клипа на четыре части получается четыре угла. Углы с верстались нормальна Вот пример стиля углов. /* на четыре угла приходится четыре дива вот с таким стилем*/ .jwb_Board_One, .jwb_Board_Two, .jwb_Board_Three, .jwb_Board_Four{ position:absolute; /* позиционирования элемента*/ width: 30px; /* ширина блока*/ height: 30px; /* высота блока */ background-image: url('../images/BoardAngles.png'); /* фоновое изображение тот самый квадратик */ z…
0 votes17 answers -
Тянучка и две картинки в ячейке
Ребята, вопрос к профессионалам Вот доктайп: <!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"> Вот макет простой: Центральная часть фиксированная 800 пикселей, это таблично сверстаны сайт, при меньшем разрешении появляется горизонтальная прокрутка. Вопрос в чем, как сделать по бокам центральной части, чтобы к примеру если брать правый край (фон завитушки), вырезать центральную часть бокового фона он будет тянутся по высоте, а вверху и внизу соответственно картинки заканчивающие фон, они не тянутся? Подскажите, возможно ли это дивами реализоват…
0 votes12 answers -
Небольшая проблема со скриптом.
Здравствуйте. У меня небо льшая проблема со скриптом. Сдлал его я сам, но использовал для этого похожий скрипт. Проблема в пустой строке между тегами <p>. Да, я читал что для этого есть коды, но у меня не получилось их вставить. Я надеюсь, что кто-нибудь мне поможет. Вот сам код: <DIV> <TABLE style="WIDTH: 100%"> <TBODY> <TR> <TD style="VERTICAL-ALIGN: top"> <P margin="0" padding="0" align=left vspace="0"><img src="http://csinfofan.ru/desing/post_old.gif"> <A href="$LAST_POST_URL$">$THREAD_TITLE$ </A></P> <P "margin=0" "padding=0" align=left "vspace=0"> <h5><A href="$THREAD_URL$">$A…
0 votes14 answers -
css наложение фона
Привет всем. В общем проблема следующая - у меня есть один блок и несколько вложенных в него. Для этого блока я задаю фоновое изображение. В дочерних блоках фоновых изображений нет, а только цвет. Как мне сделать, чтобы это изображение (это прозрачный png) было видно во всех блоках? Сейчас видно только в родительскои блоке, а в дочерних за фоновым цветом ничего не видно: А должна видна быть вся девушка. Спасибо.
0 votes3 answers -
IE8 притворяется IE6
У человека поехала верстка под IE8, проблема заключается в наличии css для IE6 в виде <!--[if lte IE 6]><link rel="stylesheet" href="/css/ie6style.css" type="text/css" /><![endif]--> который данный экземпляр IE8 не хочет игнорировать как оно положено, хотя работает в режиме IE8. Повторить это у себя не получается, возможно такое поведение из-за сторонних плагинов? Явно установлен mail.ru тулбар, остальные узнать пока не удалось )
0 votes1 answer -
Почтовый шаблон
Люди, помогите сделать почтовый шаблон Проблема в том, что mail.ru убирает стили и ставит свои (точнее мои элементы наследуют стили элементов страницы mail.ru) вот как отображается в оутглюке а вот как в mail.ru <table style="padding:0; margin:0;" height="100%" width="100%" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#F3EDD5" valign="top" align="right" style="vertical-align:top; text-align:right; padding:0;"><img src="/images/asia_template/left_palm.jpg"/></td> <td width="6px" background="/images/asia_template/v_separator.jpg" style="width:6px;"> </td> <td valign="top" width="728px" style="padding:0; widt…
0 votes0 answers -
трёхколоночная вёрстка
помогите ! есть два сайдбара, left и right (float:left и float:right соотв.) посреди них есть таблица, которая должна тянуться при растягивании сраницы что нужно ей прописать чтобы она растягивалась и при этом не лезла под сайдбары ( width:100% не работает )
0 votes2 answers -
DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?
Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать? Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру. Спасибо!
0 votes6 answers -
Ошибка моя или narod.ru ?
Уважаемые форумчане, я абсолютный новичок в сайтострении и у меня такая проблемма. Сайт созданный мною на аштмл не правильно отображаеться в Опере и ОгненнойЛисе, а в интернет екплорер отображаеться правильно. Делал на фронт пейдж и потом очистил от всякой дряни на Дриимвиевер. При просмотре с компа (не загрузив на народ.ру) всё и во всех браузерах отборажается правильно, а как только загрузил на народ ру, появляються какие то кракозябры в Опере и Лисе. Хочу отметить что и при загрузки на ucoz.ru получаеться тоже самое. Подскажите что я не сделал неправильно ? Вот ссылки на страницы которые неправильно отображаются. тут, тут и тут. Заранее благодарен. ( даже если не ответ…
0 votes7 answers -
Динамическая подстановка class
<ul> <li id="test" class="active"><a href="xXXXXXXXXXXX" accesskey="1" title="Главная" onclick="loadmenu">Главная</a></li> <li id="test1"><a href="XXXXXXXXXXXXXX" accesskey="2" title="Заказать">Заказать</a></li> </ul> Вопрос, как сделать чтобы при нажатии заказать, class="active" присваивался к этому li, а с первого убирался, дуамю примерно должно выглядеть так <script type="text/javascript"> function loadmenu() { var menuName = ....................... document.getElementById("test").class = .....; } </script> хотя помоему это не то
0 votes48 answers -
Таблица но на Дивах
ту задался решением создать таблицу на дивах. в принципе все было хорошо до того момента пока не понадобилось настроить высоту при жестко заданной высоте и превышению текста был вариант либо спрятать переполнение либо в ручную настраивать высоту каждой строки (что совсем не вариант ) если кто сталкивался с такими вопросами и решил их подскажите как P.S. главная задача не использовать <TABLE> пример кода: CSS <style type="text/css"> #tbl{ width:100%; } .widtbl{ width:310px; border-top: 4px solid #000; } .bottom{ border-bottom: 3px solid #000; float: left; width: 310px; } .row_1{ width:50px; border-left: 4px solid #000; border-bottom: 1px solid #00…
0 votes16 answers -
Отступы в таблице
Здравствуйте! В общем хочу узнать как можно сделать отступы в таблице в одной колонке код примерно такой html: <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"> 5555555555 </td> </tr> <tr> <td width="200px"> 5555555555 </td> <td width="*"> <div id="5">555555555</div> </td> <td width="200px"> 5555555555 </td> </tr> </table> css: #5 {padding-left:1em; padding-right:1em;} при такой верстке у меня появляется внизу страницы полоса прокрутки, но ее мне не надо, но надо в средней колонке сделать отступы от краев. как это м…
0 votes13 answers -
Фоновая музыка на сайте
Всем добрый вечер) у меня такая ситуация: возникла необходимость наладить на сайте фоновую музыку,но нужно как то обойти то,что когда перехожу на другую страницу-то музыка начинает играть сначала.Знаю что здесь или Аякс нужен,или Скрытый Фрейм.Аяксом не владею,но с Фреймом пытаюсь разобраться.Подскажите как его правильно использовать?Заранее спс большое)
0 votes9 answers -
position: fixed ie6 bug
Пришлось сегодня применять данное свойство оказалось ослик с ним не дружит нагугил три решения ява overflow: auto/height: 100% для боди и хтмл и экспрешеном первый - ненашел компактного решения во втором у меня жуткие глюки начались пока работает на экспрешене собственно вопрос может кто знает еще пути решения данного бага кроме описанных выше
0 votes6 answers -
Проблемы с CSS background-image
Не работает background-image css body { background-color: #000000; background-image: url("image/gr.jpg"); background-repeat: repeat-x; } html <html> <head> <title>Глвная</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <img src="images/01.jpg" alt"картинка"> </body> </html>
0 votes8 answers -
C чего лучше начать?
Подскажите пожалуйста, я очень хочу научиться делать сайты, но даже не знаю с чего начать! Подскажите пожалуйста! Спасиба
0 votes15 answers -
Поддомен в wamp
У меня стоит wamp, там уже вшиты мускл и апач, т.е. в Program Files у меня нету никаких папок связанных с Апачем, и собстно говоря возникает вопрос....как на вампе сделать поддомен?сколько не мучался, не смог этого осуществить...писал уже не 1 раз, никто не помог...стоит ли включать vhost_alias_module при использовании поддомен?как грамотно на wamp настроить vhosts?какой из двух нужно настраивать? есть в ..\wamp\bin\apache\Apache2.2.11\conf\original\extra\ файлик httpd-vhosts.conf, но вот как же его настроить?или не его? т.к. есть в .\wamp\bin\apache\Apache2.2.11\conf\extra\ такой же файл) Очень уж хочется наблюдать форум по адресу forum.*.* =) тем более vBulletin скины (…
0 votes3 answers -
Загрузка анимированного .gif из кеша браузера
Доброго времени суток всем! Вопрос: Есть ли способ загружать анимированные .gif изображения из кеша браузера не теряя анимацию? Подробнее. Думаю известная проблема - если мы делаем при каких-то событиях мыши загрузку анимированных изображений, то анимацию мы будем видеть ровно до тех пор, пока изображение не закешируется браузером, обычно этих разов будет 1, если не предпринять доп. усилий. После кеширования мы будем видеть уже не анимированное изображение, а его последний кадр. Стандартное js-решение этой проблемы - добавление случайного числа к урлу загружаемой картинки, это приводит к загрузке изображения снова с сервера. В моем случае это решение содержит изъян: карти…
0 votes18 answers -
Разный стиль текста в текстовом поле
Есть поисковая форма: <div id="buscar"> <form name="search" method="get" action="/search/"> <input type="text" id="search-text" name="q" value="поиск"/> <button id="button-buscar">Найти</button> </form> </div> Стиль у неё такой: #buscar {height:31px;margin-right:10px;display:inline;} #buscar * {height:25px;float:left;border:0;margin:0;padding:0;background-color:#fff;} #buscar #search-text {width:200px;height:25px;padding-left:3px;font-size:12px;font-weight:bold;font-family:Arial;color:#ccc;background-color:#fff;} #buscar button {padding-bottom:2px;border:0;margin-left:0px;line-height:22px;width:47px;font-weight:bold;font-family:…
0 votes4 answers -
Проблемы с mozilla firefox: неправильно считает высоту DIV, заданную в процентах
Сделал окошко по типу виндовского: чтоб можно было таскать, раскрывать и т.п... Сверстал, чтоб оно отображалось изначально на 80% от экрана. В опере и ИЕ работает как надо. А в фаерфоксе проблема: если текст вылазит за пределы окошка, то у div (с информацией, id=text) не появляется прокрутка (overflow), а он растягивается. При этом растягивая таблицу: Если текст не вылазит за пределы окна, то все норм. Походу, фаерфокс как-то по другому расчитывает размеры этого div-а. Как бы ему задать их, чтоб он их расчитывал? Похоже на проблему с IE (с его layout). У кого-нибудь подобные проблемы возникали? Пробовал задавать высоту у .window #content в пикселях. Работает: .window #c…
0 votes0 answers -
Как форму вставить форму обратной связи на страницу сайта ?
Как вставить форму обратной связи на страницу сайта ? И нужно ли вставлять этот код ? <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['message'])) {$message = $_POST['message'];} $address = 'neo_1978@mail.ru'; $sub = "Сообщение для администрации сайта"; $mes = "Автор назвался: $name \nУказал свой адрес: $email \nСодержание письма: $message"; $verify = mail ($address,$sub,$mes,"Content-type:text/plain; charset = windows-1251\r\nFrom:$email"); if ($verify == 'true') { echo "<p>Сообщение отправлено"; } else { echo "<p>Сообщение не отправлено"; } ?>
0 votes6 answers -
Резиновый контент?
Добрый день у меня возник такой вопрос как можно сделать резиновый контент. Например есть три колонки сверстаны блочным стилем (Левый блок, Контент, Правый блок) И если например в правом блоке нет ничего то контент должен увеличится в Право. Как это реализовать? Пример верстки см. ниже? Файл index.php <html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> </head> <body> <!-- НАЧАЛО СТРАНИЦЫ --> <div id="jwb_Board"> <!-- ШАПКА САЙТА --> <div id="jwb_Header"><strong>Шапка Сайта</strong></div> <!-- END --> <!-- ОБЕРТКА КОНТЕНТА --> <div id=…
0 votes3 answers -
Как создать форму для Отправления сообщения администрации сайта ?
Как создать форму для Отправления сообщения администрации сайта ?
0 votes6 answers -
Проблема с IE
Помогите решить проблему с отображением таблицы в Internet Explorer. Вот как выглядит моя таблица с данными в IE: А вот как в остальных браузерах: Как можно решить проблему, чтобы правильно отображались эти строки: Код таблицы: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="left" valign="middle" class="toptitle"><a class="ltoptitle" href="$ENTRY_URL$">$TITLE$</a> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></td> </tr> <tr> <td width="156" rowspan="5" align="center" valign="top" class="fileposter"><img src="$SCREEN_URL$" alt="постер" width="150" border…
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-