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
-
Как с помощью CSS и HTML показать только часть картинки
Можно ли вывести на экран обрезанную картинку, используя только html и css, но при этом, не используя (float: left) Необходимо центрировать и масштабировать картинку по экрану и, желательно, сохранить радиусы и тени. В примере ниже используются два изображения: Верхнее - 1600х900 (размеры всегда такие) Нижнее - 800х900 (размеры всегда такие) - т.е. ровно половина от первого рисунка со смещением от левого края на Х пикселей. Можно ли не загружать для этого два изображения, а для отображения второго рисунка использовать только первый с указанием отступа Х от левого края? То, что должно получиться - на картинке с тигром. Помогите, у кого есть время. Я нашел…
0 votes2 answers -
Смещение блоков при увеличении / уменьшении масштаба
Всех приветствую. Возникла проблема. При увеличении / уменьшении масштаба просмотра страницы сайта, смещаются блоки. Например: Обычный вид: Уменьшение: Требуется зафиксировать положение.
0 votes11 answers -
куда вставить e-mail в форму php
Народ, всем привет! Помогите, есть форма для отправки сообщения с сайта, а я в пхп не ахти, форму нашел, а куда свой е-мейл вставить не могу понять. И аналоги смотрел, не помогает. Туппю Вот: <?php$owner_email = $_POST["owner_email"];$headers = 'From:' . $_POST[""];$subject = 'A message from your site visitor ' . $_POST["name"];$messageBody = "";if($_POST['name']!='nope'){$messageBody .= '<p>Visitor: ' . $_POST["name"] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}if($_POST['email']!='nope'){$messageBody .= '<p>Email Address: ' . $_POST['email'] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}else{$headers = '';}if($_POST['state']!=…
0 votes24 answers -
Градиент!
Доброго времени суток! Помогите пожалуйста разобраться! Есть шапка, рисунок - градиент(jpg), и на этот градиент наклыдываються два рисунка. Один справой стороны а другой с левой, расширение у них .png (шапку разбил на три столбца!) Градиент с командой z-index:-1; на заднем фоне. Все это хорошо смотриться при просмотре браузера на весь экран. как только его уменьшить, появляеться внизу полоса прокрутки. Когда просмотреть документ, с помощью полосы прокрутки до конца(т.е. в право), то там видно белый цвет сайта а градиен не растягиваеться!!! И мало того, на других компьютерах шапка совсем другого цвета а градиента практически нет. Я уже измучился выяснять что у меня не так…
0 votes19 answers -
ccs
Добрый день. Подскажите мне пожалуйста кто нибудь - как мне зделать так чтобы ссылки подсвечивались меняли цвет и т.д. Куда мне вставлять коды пока не разобрался еще. Коды есть а как и куда незнаю.Если кто откликнется то большое спасибо! пишите на емайл-здесь быстрее прочитаю
0 votes17 answers -
Смещается горизонтальное меню вниз в Opere
Сделал шапку и горизонтальное меню. Во всех броузерах (Ghrome,IE,Ffox) отображается как и задумывалось ровно, а в opere смещается вниз во всех броузерах кроме oпeры: в опере: html-код: <body> <div id="header-null"> <div id="header"> <div id="rosa"> <h1>Розы</h1> <span>искуственные</span> </div> </div> <div id="navigation"> <div id="mymenu"> <a href="#">Главная</a> <a href="#">Цветы</a> <a href="#">Контакты</a> </div> </div> …
0 votes28 answers -
Смена css по клику
В общем проблема такая у меня есть 4 слоя на каждом слое банер вот картинка для наглядности: http://s001.radikal.ru/i194/1002/91/3243c47bdc5e.jpg Допустим изначально показывается красный div, а уже по клику на голубой он выходит в перед. То есть в идеале бы сделать для каждого слоя свой z-index Красному z-index: 4 Зеленому z-index: 3 Голубому z-index: 2 Черному z-index: 1 при клике скажем на голубой надо чтобы индексы стали Красному z-index: 2 Зеленому z-index: 3 Голубому z-index: 4 Черному z-index: 1 далее кликаем на черный становиться Красному z-index: 1 Зеленому z-index: 2 Голубому z-index: 3 Черному z-index: 4 Я понимаю что нужно написать скрипт java div'y добавить па…
0 votes11 answers -
Есть ли аналогичная ф-я, кот. адекватно работает в Explorer 6
ф-я max-width, min-width.
0 votes16 answers -
Разорвать бордер...
Есть такая проблема: Хэдер выделен нижним бордером, а бэкграунд с картинкой ложится под него. Хочется разорвать бордер в месте пересечения с картинкой... clip не поможет - блок в нормальном потоке и позиционировать его низя. был вариант поверх бордера налепить кусок скопированый с бэкграунда... Но вёрстка полу-резиновая (1024-1280), проценты точно не обсчитаешь - боюсь будет разъезжаться... Какие нибудь варианты есть?
0 votes11 answers -
Помогите!не могу убрать границы таблицы
Привет всем!! Вот решила немного подучится html и css. Наткнулась на такую проблему: нужно сформировать некоторый вид части html документа с помощью таблицы. В css по этому поводу - написано следующее: table { border:0px; background-color:#ffffff; align: center; text-align: justify;} table td { vertical-align : bottom;} #trwhite { background-color: #ffffff;} #trgray { background-color: #e6e7e8;} #tdwhite { background-color: #ffffff;} #tdgray { background-color: #e6e7e8;} в html вот это: <table align="center" width="100%" > <tr> <td id="tdgray" rowspan=2 ></td> <td id="tdgray" rowspan=2 width="164"> </td> <td i…
0 votes14 answers -
Неполная обводка ячейки
В html я полный чайник. Возник такой вопрос: как сделать "неполную" обводку ячейки в таблице. Мне нужно чтобы "основа" ячейки №2 была без линии, а то получается что линия с таблицы №1 и линия с ячейки №2 склеились и как бы 2 пикселя.
0 votes12 answers -
Не правильно работает меню сайта при адаптации.
Всем всем привет. Делаю сайт. Точнее редактирую шаблон добытый с просторов интернета. Сайт адаптивный. И в принципе все норм только вот меню криво работает. Суть проблемы: Когда сайт открыт во весь экран на пк все хорошо. фото 1. Когда окно браузера делаешь меньше то меню сжимается, и появляется кнопка раскрытия меню. Но сам список с назвиниями пунктов меню не пропадает (а по идее должен). фото 2. Когда нажимаешь на кнопку то типа появляется меню в том которое уже есть. 2й раз нажимаешь пропадает. фото 3. И если потом опять развернуть на весь экран страницу меню не появляется и кнопка с выпадающем меню пропадает. если свернуть нажать кнопку и зарвернуть страницу на…
0 votes2 answers -
Увеличьте размер активных элементов на странице
При проверки скорости сайта для телефонов или PageSpeed Insights Пишет, что увеличьте размер активных элементов на странице Некоторые ссылки и кнопки на страницах вашего сайта слишком малы, и поэтому пользователям устройств с сенсорными экранами может быть неудобно нажимать на них. Увеличьте активные элементы, чтобы сделать свой сайт удобнее. (https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately)Объяснение:Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.Активный элемент <span class="load-button"> и ещё 3 расположены слишком близко к другим активным элементам. finalАктивный элемент <s…
0 votes4 answers -
Вёрстка сетки товаров.
Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> &…
0 votes2 answers -
смещение картинки
помогите пожалуйста советом, что не так написал в коде?? использую lightbox2.04 есть вот такой вот баг смещения картинки http://help-team.com.ua/o_nas.html у самого уже мозгов не хватает ....
0 votes17 answers -
Как вынести тег target для img в таблицу css в версии XHTML
Как вынести тег target для img в таблицу css в версии XHTML. Или есть другие варианты. Картинок много на всех страницах сайта.
0 votes13 answers -
Фиксированный-резиновый DIV
Здравствуйте Уважаемые !!! Пытаюсь перейти на DIV верстку, но все никак врубиться в нее не могу. После таблиц никак не получается. Уже пытаюсь по рекомендациям с сайта, все выкинуть из головы про таблицы и на пустую голову все сделать. Вроде помаленьку начинаю понимать, но код далек от совершенства. Много вложений получается и т.д. Вот пробую с фиксированным расположением сделать, не получается footer вниз опустить, А как сделать, никак не могу понять. Смотрел много работ и примеров по "резиновой" верстке, все на float. Хочу без float обойтись. Если привязываю footer к "content", то он опускается, но при наполнении "right" остается на месте перекрывая данные в правом поле…
0 votes22 answers -
z-index и select
Всем привет! Помогите селект за дивку спрятять!!!!! Вот код: <div style="position:absolute; left:43px; top:4px; z-index:10; background:#CCC; height:200px; width:200px;"></div> <select> <option>111111111</option> <option>2222222222</option> <option>3333333333333</option> <option>4444444444444444</option> </select>
0 votes7 answers -
Сползает в IE 6..
Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..
0 votes20 answers -
Прокручивающийся список
Подскажите пожалуйста, как сделать похожий список как здесь http://htmlbook.ru/css ? Это только css, или еще JS. В каком направлении двигаться.
0 votes1 answer -
Дайте ответ
Вот часть меню <ul class="cssMenu cssMenum"> <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Автонавигаторы</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class=" cssMenum"> <li class=" cssMenui"><a class=" cssMenui" href="#">BBK</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">GARMIN</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">GLOBUS</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">MIO</a></li&g…
0 votes26 answers -
Ростолкуйте CSS правило
min-Height работающий в FF, IE6, IE7, Opera .minHeight { min-height: 200px; height: auto !important; height: 200px; } Растолкуйте плиз, как браузеры читают правило и почему соответственно работает во всех.
0 votes6 answers -
Хак для IE 5.5
Господа, подскажите хак для ишака 5.5 персональный чтоб его понимал только 5.5 и никто кроме него.
0 votes23 answers -
Резиновый input внутри резинового div'а
Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>
0 votes1 answer -
Denwer, MySQL командная строка
В Denwer3 можно работать через командную строку с MySQL? Или мне нужно установить отдельно еще MySQL?
0 votes5 answers