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
-
Подмена картинки
Задача: По клику менять превьюшку на большую картинку. Адреса изображений отличаются только первой буквой в имени файла ('f' и 's') Написал функцию function enlarge(ima){ if(/.*s[0-9]+\.((jpg)|(png)|(gif))/.test(ima.src)){ ima.src = ima.src.replace('/s','/f'); } else{ ima.src = ima.src.replace('/f','/s'); } } Работает, но проблема в том, что опера при каждой замене адреса начинает грузить картинку заново. На других сайтах видел, что происходит просто переход по ссылке (адрес новой картинки), но открывается картинка на странице. Смотрел их исходники, но малый опыт жабаскриптинга не позволил разобраться. Подскажите выход? Костыль: Решил, что можно по первому клику …
0 votes1 answer -
Очередная проблема с z-index в IE6
Привет всем. Давно уже здесь не был. У меня такая проблема: здесь, при наведении на пункт меню "Продукция", появляется POP-UP. В IE6 этот POP-UP открывается под 2-мя прозрачными слоями и никакой z-index поп-апу не помогает. Видимо где-то я переборщил с position:relative;, либо какой-то родительский контейнер имеет значение свойства z-index - ниже. Буду рад любой подсказке..
0 votes16 answers -
Фирменный бланк для письма рассылки
Здравствуйте, подскажите пожалуйста как делать фирменный бланк электронного письма, например как уведомления из социальных сетей и др. Предполагаю что нужно писать код, а как быть с изображениями, например лого. И как это письмо отправлять. Спасибо.
0 votes3 answers -
Tabs & input
Собственно вопрос: "Как разместить один и тот же input на нескольких табах?" Например: заполняю один input на одном tab, а он автоматом заполняется на всех других tabs.
0 votes8 answers -
Как сделать прозрачный слой?
Мне надо было сделать в слое такомто прозрачный цвет, я его сделал с помощью opacity, но если я добавлю цвет или картинку в другой слой, он автоматом становится прозрачным. Как сделать прозрачным только один слой?
0 votes3 answers -
не работает фон.
Всем привет. У меня проблем с фоном. <body> <div align="center"> <div class="head"> </div> </div> </body> и CSS .head { width: 100%; background-image: url(images/temp.jpg); background-repeat: repeat-x; } Что не далай не работает фон. Уже и ссылки менял и рисунки менял! В чем может быть проблема?
0 votes5 answers -
Помощь в верстке
Всем привет. В верстке не силен, вот сделал http://212.107.192.91/buklety/ Надо чтобы все столбцы были с одинаковой высотой. И вот что получилось. Картинки вытягиваются если не помешать их в слой и не задавать строгую высоту. И вылазиют. Перепробывал все трех-колончные варианты. Мосг сломал Если что PSd тут http://212.107.192.91/sun.psd Кто поможет оперативностью дам Yandex/Web money на пиво. =)
0 votes5 answers -
td расширяется
В большистве браузеров отображается корректно, даже в IE7 a v IE8 td расширяется и по этому фото сдвигается. Подскажите п-ста как можно исправить? Ссылка на галерею
0 votes2 answers -
Получить id элемента
Здравствуйте! На странице есть такой элемент: <h4 id="smth">Smmmmth</h4> Я знаю, что на странице этот элемент всего 1, мне нужно получить его id. Как это сделать? Пытаюсь так: var name = document.getElementsByTagName("h4").id; Но тогда в name записывается undefined... Помогите, пожалуйста!
0 votes8 answers -
colspan волшебство
Задача: объеденить 3 ячейки (например там где 1 объеденить с левой и правой) colspan=3 обьединяет только левою с той где цифра HTML <table> <tr> <td> <img src="left-top.jpg"> </td> <td class="top"><!—-></td> <td> <img src="./img/right-top.jpg"> </td> </tr> <tr> <td class="left"><!—-></td> <td><!—-></td> <td class="right"><!—-></td> </tr> <tr> <td class="left"><!—-></td> <td> 2 </td> <td class="right"><!—-></td> </tr> <tr> <…
0 votes3 answers -
как выпрямить выпадающий список select справо
Уважаемые форумчане, помогите пожалуйста. Список select находится в правой колонке и прижат экрану справо. Из-за этого выпадающий список не вмещается на экран. Мне надо чтоб выпадающий список выпрямился не слево а с право, чтоб был виден. как это сделать.
0 votes5 answers -
Проблема с обтеканием кнопки
Здравствуте!Я вот начал верстать макет и столкнулся с проблемой тут ссылочка на скрин вот мне нужно чтобы текст обтекал как на скрине я все остальное написал вид блока и тд так что прошу только помоч с кодом обтекания!Заранее спасибо)
0 votes13 answers -
Выпадающее меню.
Всем добрый день. Прошу помочь. У меня проблема с вёрсткой выпадающего меню. Код HTML: Код CSS: В итоге меню при выпадании своим первым пунктом налазиет на основное меню.
0 votes1 answer -
Проблема со spotlight
плохо очень работает spotlight... использую на wordpress тему Spark, вот её демка - http://www.yootheme.com/demo/wordpress вверху выбрать тему Spark. для понятности понаводите на нижние картинки курсором - я хочу также... я создал виджет, туда сунул типа этого: <div class="spotlight fade"> <img src="http://cs5985.vkontakte.ru/u2385349/110040641/z_fd3de59b.jpg" width="640" height="480" alt="spotlight" title="spotlight" /> <div> <h3 class="title">asddsa</h3> </div> </div> сделал как написано было в факе разрабочтика темы: http://www.yootheme.com/docs/home/item/spotlight результат можно посмотреть на главной: w…
0 votes0 answers -
Бэкграунд
Привет! body { background-color:#369ae0; height:100%; } #content { background:#369ae0 url(../img/main.jpg) no-repeat center top; position:absolute; height:100%; width:100%; } #footer { background:url(../img/footer.png) repeat; position:fixed; bottom:0; height:15%; width:100%; }
0 votes3 answers -
Рамка вокруг изображения
Создаю форму обратной связи. Поля type="text", с помощью CSS задаю border-color:#4664A4; border-width: thin; border-style:solid. Понятно, что вокруг полей ввода появляется соответствующая граница. Для отправки использую type="image", тоже есть соответствующая граница. Можно ли сделать так, чтобы вокруг текстового поля была граница, а вокруг поля изображения этой границы не было? Заранее благодарен.
0 votes3 answers -
Домен и тематика сайта
Здравствуйте! Я начинающий в сайтостроении. Знаю примерно 40% html-тегов, разбираюсь в CSS, понемногу учу JavaScript и только знакомлюсь с PHP. Собственно, представился. А вопроса у меня два, причем, достаточно глобальных. Решил объединить их в одну общую темку, дабы не создавать нагромождения. Итак... Вопрос первый. Домен сайта. Какое доменное имя лучше - COM, ORG, NET или RU?. Насколько я начитался информации по просторам интернета, абсолютно все эти домены индексируются поисковиками одинаково. Причем, сайт в зоне RU можно купить значительно дешевле. К сожалению, сейчас ввели паспортизацию доменов, а так как тематика сайта желает оставлять данные владельца домена конфид…
0 votes8 answers -
Смещение текста при изменении размеров окна
Здравствуйте. При использовании резиновой верстки столкнулся с проблемой : при уменьшении окна браузера текст накладывается друг на друга и просто "выезжает" из своих колонок. Что сделать?
0 votes2 answers -
Прижать див к низу ячейки таблицы
В ячейке таблицы есть два дива - один неоходимо прижать к верху , другой к низу. Подскажите пожалуйста как это сделать?
0 votes28 answers -
какой способ загрузки выбрать?
Есть макет, и надо, чтобы при нажатии на ссылку в "Навигации" информация в "Content" загружалась, ео, желательно без перезагрузки страницы. Это можно сделать только фреймами? P.S. Я новичок в этом деле, так что попытайтесь обьяснить более ли менее доступным языком, пожалуйста. Вот макет: Моя ссылка
0 votes5 answers -
резиновый макет в 3 колонки, div
делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> …
0 votes14 answers -
Таблица, стиль background в теге TH - разрывы
Господа, что я делаю не так? Хочу, чтобы заголовок таблицы был залит монолитно, а получается вот так: http://lexicanum.ru/table.html Код таблицы: <TABLE CLASS="border"> <TR> <TH CLASS="border_bottom">Столбец 1</TH> <TH CLASS="border_bottom">Столбец 2</TH> <TH CLASS="border_bottom">Столбец 3</TH> <TH>Столбец 1</TH> <TH>Столбец 2</TH> <TH>Столбец 3</TH> </TR> <TR> <TD>Ячейка 1.1</TD> <TD>Ячейка 1.2</TD> <TD>Ячейка 1.3</TD> </TR> <TR> <TD>Ячейка 2.1</TD> <TD>Ячейка 2.2</TD> <TD>Ячейка 2.3</TD> &…
0 votes4 answers -
Сглаживание шрифтов в макетах
Дизайнер дал макет, пытаюсь его сверстать. Получилось совсем не так как надо поскольку различается написание шрифтов в макете и в браузере. Посмотрел повнимательнее, дизайнер использовал сглаживание шрифтов - Резкое. Насколько мне известно всегда макеты рисовались без сглаживания. Вопрос: это дизайнер ламер или я что-то пропустил и у современных дизайнеров теперь принято рисовать макеты со сглаживанием? Я еще понимаю можно где-нибудь в заголовке сглаженный шрифт использовать, но не во всем же макете.
0 votes3 answers -
footer
Избитая тема прижимания footer'a к низу браузера. Помогите отыскать его и прижать х) это код из Joomla шаблона в котором footer не хочет прижиматься к низу браузера По сути некоторые элементы не правильно позиционированы. Сам шаблон статичный. ——————————————————————————————————————————— Html ——————————————————————————————————————————— [color="#C0C0C0"]<?php /** * @copyright Copyright (C) 2005 - 2009 RocketTheme, LLC - All Rights Reserved. * @license GNU/GPL, see LICENSE.php **/ defined( '_JEXEC' ) or die( 'Restricted access' ); define( 'YOURBASEPATH', dirname(__FILE__) ); $color_style = $this->params->get("colorStyle", "dark"); $template_width = $this-&g…
0 votes7 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>ТИТУЛ</title> <style type="text/css" media="screen"> html{margin:10px 20px;} </style> <link rel="stylesheet" href="main.css" type="text/css" /> <!-- Таблицы стилей main.css --> <…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-