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
-
float и отрицательные отступы
Добрый вечер! Нашел решение для двухколоночного макета, в котором используются плавающие элементы с отрицательными отступами. Пример работает, но я не могу понять, почему. css: #content{ float: right; margin-left: -200px; width: 100%; } #content-inner{ margin-left: 200px; } #left-sidebar{ width:200px; } html: <div id="content"> <div id="content-inner"> <p>content</p> </div> </div> <div id="left-sidebar"> <p>sidebar</p> </div> C чисто обывательской точки зрения, отрицательный маргин должен сдвинуть блок контента с текущей позиции на 200 пикселей влево, однако вместо …
0 votes3 answers -
png для ie6
1 Задача состоит вот так!!! припустим нада Body{background:url(file.png) repeat-x} КАк подключить прозрачность для ie6 так чтоб картинка repeat-x!!!???? 2.Задача нужно вставить картинку <img src='file.png' > Как подключить прозрачность
0 votes3 answers -
При подключении css сбивается выравнивание таблицы
Требуется выровнять таблицу по центру. Если не подключать таблицу стилей или если не создавать в ней селектор для таблицы, то выравнивание, как нужно, по центру. А с таблицей стилей - таблица липнет к левому краю только в Опере и Мозиле! В IE, Dreamweaver все норм. Помогите, пожалуйста. html-файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <link type="text/css" rel="stylesheet" href="st.css"> <TITLE>Личный сайт Стёпы</TITLE> </HEAD> <BODY> <table id="menu" width="400px" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="17px"><…
0 votes3 answers -
Высота блока
Делаю комментарии на сайте. Каждые 30 комментариев открывается вниз(типо страницы). Так вот проблема в следующем. Надо изменять высоту блока,где будет располагаться блок с комментариями. Как я делаю. С помощью яваскрипт всовываю все коммент. в блок с Ид=homeInfoMan ,потом узнаю высоту этого блока,который находится в основном блоке home .Возникает проблема var heightInfoManCom=document.getElementById("homeInfoMan").style.height; всегда равно нулю. Почему ?!
0 votes3 answers -
переход окна на новую позицию
возможно сделать так чтобы при нажатии ссылки например в шапке сайта текущая позиция окна опускалась бы на футер или куда нибудь ещё или же наоборот чтобы внизу сделать кнопку "вернутся наверх"?
0 votes3 answers -
float ячеек таблицы в ie7
Пытаюсь встроить содержимое одного из канала youtube на сайт с помощью гугловского же видеобара. http://www.google.com/uds/solutions/wizards/videobar.html В настройках можно установить вертикальную и горизонтальную ориентацию бара. Скрипт выводит картинки с ссылками на видео в однострочной таблице (при горизонтальной ориентации бара), в каждой ячейке по изображению. Однако мне нужно было устроить что-то по типу видео галлереи: чтоб все не влезающие в строку ячейки переносились на следующую. Попробовал так сделать: для бара установил горизонтальную ориентацию, а так же, чтоб он выводил все видеозаписи канала, а не последние четыре. В стилях ячеек таблицы поставил float: l…
0 votes3 answers -
Internet Exploler
Всем привет, если можно хочу получить ответ на два вопроса по IE6, искал в гугле но ничего толком не нашел. Сылка на дропбокс сайт - https://dl-web.dropbox.com/get/Public/polo/index.html?w=5ff8d33e В общем все хорошо, вот только в IE 6 при position: absolute; блок не смещаеться влево а остаеться по центру как бы с display: block; (class .slider-glow) Второй вопроc IE и background-position, на сайте в слайдере есть спрайт для скругления углов(хотел использовать border-radius, но увы картинка не скруглялась везде), все было бы хорошо если б не IE 5,5 и 6.Там все не так как нужно https://dl-web.dropbox.com/get/Public/IE.png?w=eeb3ad9d P.s кто может скинуть ссылку как установ…
0 votes3 answers -
Небольшая проблема с формами
Должно быть так.Пользователь нажимает на букву и форма активируется т.е. нажимается кнопка.Вот код. <form action='index.php' method='POST' OnSubmit='return false;'> <div id='n1' class='nomer'><input type='radio' name='tre[tre]' value='1' id='a1' class='radio' onclick='this.form.submit()'><label class='label' id='r1' for='a1'>A</label></div> </form> Проблема заключается в том ,что в опере работает отлично.Но в експловере нифига не пашет.Вообще не реагирует на нажатии.В чем проблема?!
0 votes3 answers -
_moz-rs-heading и неожиданные ссылки в firefox
Во время работы над своим проектом обнаружил, что на сайте каким-то чудом появляются подозрительные ссылки, не проставленные в исходном коде. Верный firebug показал мне этих шпионов, снаряженных атрибутом _moz-rs-heading. В согласии с правилами логики можно было ожидать, что элементы с таким префиксом характерны только для Огнелиса, как оно и оказалось. Погуглив, обнаружил статью об этом баге/этой фиче (выберите нужное в зависимости от точки зрения). http://blog.project-sierra.de/archives/1221 Вкратце, суть в том, что нужно проверить HTML-код валидатором и устранить все ошибки. Тогда Лиса полюбит вас и уберет свои дополнительные ссылки. just for fun. Может, кому-нибудь п…
0 votes3 answers -
Одна верстка и разное содержимое
Допустим есть файл index.php, который содержит в себе всю верстку сайта, но с пустым значением <td></td>. В котором должен содержаться текст в зависимости от того на какой мы странице. Т.е. не так что бы оставался index.php с другим текстом. А например, хочу я зарегистрироваться перехожу в файл reg.php и там та же верстка, с тем же дизайном, но с другим значением <td></td>. Я не хочу в каждом *.php писать заново всю верстку. Есть ли какое-нибудь решение этому? Может быть как-нибудь запомнить код до ...<td> и после </td>... и объявлять их до и после нужного текста. Например: <..do-td..> Нужный нам текст reg.php <..posle-td..>…
0 votes3 answers -
IE, куда без него
Друзья, помогите, не умею с ИЕ дружить. Что надо подправить, чтобы в ИЕ было тоже самое, что в нормальных браузерах? Ниже код и скрины. <!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> </head> <style> .head { height:400px; width:1224px; background:url(%D1%88%D0%B0%D0%BF%D0%BA%D0%B0-%D0%B1%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F.png); } A.dot { color:#0fb3e9; text-decoration: none; /* Убираем …
0 votes3 answers -
<input type="image" name="some_name[123]" .... и ключ на стороне сервера
Если я на странице вставляю <input type="image" name="some_name" src="path/to.png" /> То при обработке в PHP для кроссбраузерности я использую $REQUEST['some_name_x']. Если же пишу: <input type="image" name="some_name[123]" src="path/to.png" /> то на стороне сервера я получаю $REQUEST['some_name'] (тип массив ессно) во всех браузерах. Вопрос к вам, форумчане: Надежно ли использовать такой метод? Сомнения т.к. проверил только в IE7, 8 FF 4 Chrome 11 Opera 11
0 votes3 answers -
background-position:bottom right
суть такова, есть конструкция <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(images/carbon.gif); background-position:bottom right; background-repeat:no-repeat; } --> </style></head> что за маразм <body> </body> </html> картинка carbon.gif упорно не хочет стоять в правом нижнем углу тела до…
0 votes3 answers -
Вёрстка макета: с чего начать?
Добрый день всем! Вобщем, решил сверстать самый простой макет, но я даже не знаю с чего начать. Может кто-то поделиться информацией? И ещё просьба, дайте мне самый простой макет, пожалуйста.
0 votes3 answers -
Проблема с float'ом
<div style="width:80%; min-height:500px; background:#CCCCCC; margin:0 auto; position:relative;"> <div style="width:100px; min-height:500px; background:red; float:left;"></div> <div style="width:70%; max-width:800px; min-height:300px; background:black; margin:0 auto; color:#FFFFFF;"></div> <div style="width:100px; min-height:500px; background:red; float:right;"></div><br clear="all" /> </div> Правый красный блок съезжает! Нужно что бы у красных было float:left; и float:right; соответственно, а черный центрировался между ними! Но что бы при растягивании каждого по высоте тянулся и серый блок в котором и находятся эти 3 б…
0 votes3 answers -
float без обтекания снизу
Где-то читал, но потерял где именно, есть какое-то свойство к float запрещающее обтекание снизу
0 votes3 answers -
Ротатор изображения в шапке
В стиле есть строка, отвечающая за изображение, находящееся в шапке сайта: .headimage { background:url(images/headimage.png); height:150px; background-repeat:no-repeat; background-position:center; } На просторах интернета нашел ротатор изображений на php: $format=array("jpg","JPG","jpeg","JPEG","GIF","gif","PNG","png"); $img_rand=array(); $c1=sizeof($format); for($i=0; $i<$c1; $i++){ $add_img=glob("./images/*.".$format[$i].""); $img_rand=array_merge((array)$add_img,(array)$img_rand); } $c2=sizeof($img_rand); $rand=rand(0,($c2-1)); echo "<img src='".$img_rand[$rand]."'>"; Как прикрутить этот ротатор к сайту?
0 votes3 answers -
Плавающие блоки
_http://sko.10401.aqq.ru Чо-то я туплю. См. блок под менюшкой. Почему article.post (зелёная рамочка) не сдвигается вверх?
0 votes3 answers -
нумерованный список и опера
Добрый вечер, верстаю страницу, возникли проблемы с нумерованным списком в опере http://atemiks.wen.ru/test2.html проблема в блоке "Сегодня день рождения" в этом блоке есть названия актера и его дата рождения которая выравнивается по правой стороне например: 1. Ирина Салтыкова 1966 так вот, в опере происходит следующие 1. Ирина Салтыкова 1.1966 почему так? проблема в том что возле года стоит рейтенговая позицыя, а она должна быть только вначале имени скриншоты как есть ( и должно быть) а вот так в опере ( так не должно быть) имеется вот такой код html <ol> <li> <…
0 votes3 answers -
проблема
смотрите есть ещё такая проблема: пишу доску обьявлений заходишь на страницу вход всё норм, заходим... после входа автоматически перекидует на добавление обьявления а потом если вернутся на вход то футер плывёт влево я так понял он перестаёт воспринимать центрирование сайта #container{ background: url(images/back.jpg)repeat-y; width: 800px; margin: 0 auto; height: 400px; position: relative; } с чем ет может связано быть? #footer{ position:absolute; left:25px; top: 1208px; }
0 votes3 answers -
Отправка формы в iframe на другой странице
Привет, Нужна помощь, обыскал весь google, но нечего не нахожу. Задача такая, есть: 1) Страница #1 на которой форма (логин и пароль) 2) Страница #2 на которой iframe Реально ли передать данные формы из страници #1 в iframe на странице #2? Передавать данные со страници на страницу, умею, но реально ли это сделать в данном случае? Буду, очень признателен, если поможете.
0 votes3 answers -
не работает ссылка
Здравствуйте, у меня такая проблемка, делаю сайт http://filinajewelry.ru/ , точнее попросили доделать, не могу понять почему не работают ссылки на разделы .модели и дизайн .ремонт и обслуживание .партнеры .контакты, никак не могу понять что надо сделать?? если надо файлы какой-нить страницы html и файл css могу скинуть
0 votes3 answers -
Подсказки в форме
Добрый вечер, хочу научится делать подсказки на форме ввода данных. Чтобы как в поисковиках, начинаешь вводить слово потом появляется (серым цветом) возможное его продолжение. Заранее спасибо!
0 votes3 answers -
подчеркивание текста
народ, есть вопрос, а можно ли сделать подчеркивание текста не на всю длинну текста, а задать ему свою длину?
0 votes3 answers -
import css
Какая разница между двумя импортом файла CSS? Абсолютные и относительные ссылки доступны в первом и втором, тогда зачем два импорта? 1) @import url("имя файла") типы носителей; 2) @import "имя файла" типы носителей;
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-