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
-
Два блока в одном при плавающих размерах двух из трех.
Привет, в общем имеется задача: Где контейнер имеет плавающую ширину. Красный прямоугольник имеет фиксированную ширину. Блок с текстом имеет плавающую ширину В первом варианте, случилось чудо, и строка ровно такая чтобы прижать красный блок к контейнеру. Во втором варианте, текста совсем мало. Поэтому красный блок уезжает вместе с границей блока с текстом влево. В третьем варианте, текста слишком много, и он опускается на новую строчку, не сгоняя при этом красный блок вниз. (По идеи если в первом блоке строк много, и красный будет выровнен еще и по вертикале на середину то это будет в обще просто супер. Но об этом приходиться только мечтать.) Кто нибудь может натолкнет …
0 votes20 answers -
form - использование двух action
нужно сделать поиск по двум сайтам в одном текстовом поле с двумя кнопочками для переключения. одна проблема: использование двух адресов (action) которые обрабатывает данные формы. action="http://sitename1.**/cgi-bin/search.cgi" action="http://sitename2.**/cgi-bin/search.cgi" Как можно реализовать такое???
0 votes10 answers -
Отпозиционировать картинку поверх таблицы
Хочу сразу извиниться если вопрос банальным- я только начал изучать html. Какая проблема - картинка очень длинной получается и из-за этого начинает наезжать на творую колонку - а она в свою очередь начинает съезжать. Уменьшить размер картинки - не представляеться возможным. Может можно как-то пустить ее поверх таблиц что-б она не сдвигала все это. Вот скрин Вот код <td valign="top" width="766" height="750"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="766" height="131"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="575" height="131"&…
0 votes3 answers -
Картинка наезжает на DIV
у картинки <img> обтекаемость либо слева либо справа, как расположить div, чтоб картинка не наезжала? как свойство задать диву в CSS, чтоб он был на странице сам по себе, при этом при открытии этого дива(спойлер) данные под ним смещались вниз вот на примере как бы 2 спойлера (div) но картинка наезжает с верху нужен вот такой результат
0 votes3 answers -
Как сделать криво
Возникла такая проблема. Дано: изображения разного размера, выровнены по верхнему краю, оформлены в данный момент div float=left, ессно, если в середине такого списка возникает длинная картинка, об неё "запинается" следующий ряд. Вопрос, как бы такого избежать, при том, что размер картинок будет оставаться разным поэтому и количество их на строке тоже будет разным? Сейчас: Надо: Возможно ли такое?
0 votes29 answers -
Масштабирование страницы
Подскажите пожалуйста : как сделать так, чтобы при изменении размера окна браузера или при изменении разрешения монитора сохранялись все пропорции форм и фреймов и все рисунки и фреймы оставались на своих местах, как можно их зафиксировать?
0 votes4 answers -
Задний фон на всю ширину экрана
Привет всем, уже месяца 2 я занимаюсь версткой и постоянно сталкиваюсь с одной интересной проблемой. Связана она с размещением заднего фон на весь экран. Допустим, имеется блок header, у которого есть задний фон, который должен размещаться на всей ширине экрана пользователя. Но при увеличении масштаба, если прокрутить горизонтальную полосу прокрутки правее, то заднего фона там нет. Вот код http://jsfiddle.net/JscDz/1/ Вот скриншот при масштабе 200% http://s1.ipicture.r...21/og4B1GTR.png Данные способы не работают: 1. left: 0 и right: 0 для блока header 2. width: 100% для блока header Ошибка сохраняется если прописать к заднему фону цвет или же картинку, которой затем пост…
0 votes6 answers -
input-самоуправство браузеров!
Здравствуйте! Столкнулся с различной самостилизацией формы запроса "input" некоторыми браузерами: Если выставлять, например,type="text" а в CSS прописать height: 30px, то: - Firefox выставляет высоту 32px; - Safari выставляет высоту 35px и закругляет углы. Если выставлять, например,type="searcht" а в CSS прописать height: 30px, то: - Firefox выставляет высоту 32px; - Safari выставляет правильную высоту, но максимально закругляет углы (радиусом в половину height). type="email" - тоже вёрстка различная, safari закругляет углы и увеличивает высоту! border-radius: none; - не помогает Как добиться единой стилизации формы запросы и отключить стилизацию браузера?
0 votes25 answers -
Центровка в CSSе
Доброе время суток. Интерисует вопрос: Как с помощью СSS`а, отцентровать блок (таблица, картинка, я думаю не столь важно что) по горизонтали? Насколько я понял в HTML`е аналог . Также можна закрыть тегом , но это не устраивает.Также вопрос: При сдвиге блока на определенное растояние по вертикали (top: 50px, к примеру) весь документ какбы смещается на 50 px вниз, образуя "градусники" на странице, использую position: absolute. Общая картина: Есть рамка (таблица с 1-ой строкой и столбцом), размером 700px * 100% по вертикали. Мне нужно чтобы рамка была отцентрирована по горизонтали, а также спущена на 50 пикселей вниз, от верхней стороны документа. Пытался найти выход в …
0 votes4 answers -
RANDOM в HTML
Народ, у есть сайт, по сути, фотоальбом.Я хочу сделать фишку, чтобы где-то на странице отображались СЛУЧАЙНЫЕ фотки (уже загруженые на сайт). Подскажите, какой тег или функция это делает? Заранее благодарен.
0 votes2 answers -
Горизонтальная\вертикальная прокрутка изображений
Друзья помогите пожалуйста, искал в сети решение - внятно ответа не нашел Ситуация: есть горизонтальный список изображений с прокруткой + центральное увеличенное изображение, как править код что бы горизонтальный список стал вертикальным Бьюсь над этой проблемой не первую неделю, если кто знает подскажите пожалуйста
0 votes6 answers -
IE, ячейки, бордеры.
Добрый день! Описание задачи: Всё просто, у нас есть таблица, в ней несколько ячеек. Ячейки пустые (это важно). Во всех браузерах бордер вокруг пустых ячеек отображается, а в IE нет. Вопрос: Как с помощью CSS обмануть IE, что можно такое прописать, что бы при Пустых ячейках бордер отображался в любимом браузере? Какие вообще варианты ещё есть? Нужно, чтобы содержимое при проверке показывало false; <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Таблица…
0 votes17 answers -
Сайт без Админки. (Только HTML и CSS)
Добрый день всем. Подскажите начинающему... Какие минусы сайта без админки (без движков)... Чистый HTML и CSS, и возможно флеш вставки... Безопасность сайта в таком случае нулевая??? Какие основные минусы, кроме неудобства наполнения контентом?
0 votes7 answers -
мокрый пол
Кто-нибудь умеет далать «мокрый пол» для картинок? Мне не надо готовое решение — в интернетах их полно, но они все какие-то неуниверсальные. Мне бы хотелось, чтобы кто-нибудь объяснил суть как и что делается, а я уж сам реализую.
0 votes25 answers -
Активная ссылка.
В html и css начинаю уже разбираться и понимать, но столкнулся с такой проблемой, возможно даже и не проблема для знактаков, но так как раньше в этом не было необходимости, то и решение проблемы не знаю, ну а теперь о проблеме. На сайте http://www.battlefieldbadcompany2.com/ есть меню навигации, когда выбираешь какой-либо раздел и переходишь в него, ссылка становится активной и выделяется оранжевым цветом и соответствующей картинкой, если просто наводиш мышку на раздел, то серым, это не было для меня проблемой сделать, для меня стало камнем преткновением, каким образом ссылка при переходе в нужный раздел выделяется оранжевым, при попытке сделать то же самое ни чего не пол…
0 votes5 answers -
Картинки под высоту экрана
Добрый день. Для примера таблица с одной строкой и 2мя столбцами. В первом столбце текс, во втором - картинки одна под другой. Высота картинок 200px. Как сделать так, чтобы картинки занимали ровно столько места по высоте на экране, сколько текст? Например, если текста немного, должно быть 4 картинки. Если текста много (высота таблицы увеличивается, появилась полоса прокрутки в браузере), картинок должно стать 5 или 6. Пишу под PHP.
0 votes16 answers -
Выравнивание слоёв.
Здравствуйте. Есть код: // CSS .div1{ float: left; width: 20px; } <div class="div1">layer 1</div> <div>layer 2</div> В этом случае layer 1 будет иметь ширину в 20 пикселей, а layer 2 будет идти за ним в одну строку и растянут на всю страницу. Собственно вопрос, а как сделать на оборот? Чтобы layer 1 был растянут на всё страницу, а layer 2 был в правом краю и имел ширину в 20 пикселей.
0 votes12 answers -
проблема с привязкой блока к низу страницы
вот часть кода CSS: @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: absolute; bottom:0; margin:0;} вроде зазора снизу ну никак быть не должно. а он есть, и полоса прокрутки появляется. подскажите где не так?? вот сайт http://help-team.com.ua/klientu.html
0 votes10 answers -
Footer и Header обрезаются
Всем добрый вечер! При масштабировании страницы, при прокрутки страницы вправо, видно, что footer и header "обрезаны". Добавил "min-width: 1200px;" - все нормально. Но для IE6 никак не могу найти решение этой проблемы. Стили для footer'a: #footer { background-image: url('../images/gradient-bottom.png'); background-repeat: repeat-x; border-top: solid 2px #000; height: 45px; margin: -45px auto 0; width: 100%; min-width: 1200px; } Стили для header'a: #header { background-image: url('../images/gradient-top.png'); background-repeat: x-repeat; border-bottom: 2px solid #000; width: 100%; min-width: 1200px; } Как сделать, чтобы footer и header не обрезались в IE6?
0 votes5 answers -
При transform:scale за границами блока не видно
При наведении на картинку она увеличивается в размерах немного при помощи transform: scale Но блок <div class="site"> не дает ей выйти за свои пределы потому что я для него установил overflow: hidden, чтоб этот блок не разваливался на части, из-за того что внутри float стоит с двумя блоками Как можно сделать так чтоб вверху картинка не обрезалась при наведении? Здесь сайт
0 votes7 answers -
Header в таблице...
Достался мне сайт delovie.ru с шаблоном, в котором header-картинка находится в таблице и меняется случайным образом: <td colspan="2" width="758" height="237" background="<?php echo $mosConfig_live_site;?>/templates/jm_portal/random/<?php echo rand(1,5) ?>.jpg" valign="top"> А мне нужно что бы на каждую страницу сайта была своя четко определенная картинка. Пытаюсь прикрутить модуль Header Image. Поскольку позиция header изначально не определена испульзую <?php mosLoadModules ( 'header' ); ?> что собстно и должно выводить этот модуль в нужноммне месте (шапке). <tr><?php $rand = rand(0,24)?> <td colspan="2" width="758" height="237"…
0 votes7 answers -
Проблема с кроссбаузерной верской....
Всем привет, столкнулась с такой проблемой, уже что-то походу знаний не хватает, чтобы понять в чем косяк.... в эксплорере и в Мозиле страничка показывает нормально... в опере и в сафари кнопка уезжает у кого влево, у кого вправо. В чем может быть причина??? Заранее спасибо, если кто глаза откроет. Сам файл: Здравствуйте! Для работы в системе Вам необходимо авторизоваться! Ваш логин: Ваш пароль: checked="checked" value="1" name="rem" /> а вот css к нему : html, body { background:#dcdcda url('images/gradient_outer.png') top repeat-x; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; padding: 0px; border:0px; mar…
0 votes24 answers -
На сколько неправильно использование "перекрёстных" тегов?
Передо мной задача, нужно сделать что-то по типу: <!--Обходим рекламу... </body> </html>--><script>document.write("<","/","b","o","d","y",">");</script></html> То есть закомментировать теги </body> и </html> А потом их вернуть на своё место. Дело в том, что, как вы уже догадались, это обход рекламы на одном бесплатном хостинге и если я сделаю код таким: <!--Обходим рекламу... </body> </html>--></body></html> То противный скрипт вешается прямо после последнего тега </body> Собственно вопрос: стоит ли извращаться с <script>document.write("<","/","b","o","d","y",">");&l…
0 votes19 answers -
Изменение высоты адаптивного слайдера
Здравствуйте! Есть адаптивный блок из трех элементов - левый, центральный, правый. Один из этих элементов - слайдер картинок: http://html.skoba.com.ua/ Не могу понять почему высота слайдера меньше высоты самого блока... Помогите, пожалуйста, решить вопрос - высота слайдера должна быть одинакова во всех блоках. Заранее благодарю за помощь!
0 votes25 answers -
Обесцветить фото
Добрый вечер Подскажите пожалуйста, можно ли средствами css или javascript обесцветить изображение налету, сделать чёрно-белым?
0 votes6 answers