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
-
Позиционирование текста в правом углу браузера
Друзья. Прошу помощи. Хочу позиционировать некий текст в правом верхнем углу браузера. Необходимо, чтобы позиционирование не зависело от клиентской разверстки монитора. Проблема в том, что если прописывать position: absolute и top: xx, left: xx или right: xx происходит смещение текста относительно используемой экранной разверстки. Как быть? Спасибо.
0 votes7 answers -
Отрицательный margin, Chrome
Добрый день. Есть такой сайт - http://arlite.dn.ua Во всех браузерах отображается нормально, в Хроме - косяки. Косяки в тех местах, где применялося отрицательный margin. Конкретно это 1) логотип на всех страницах (должен быть слева, по факту в центре) 2) на странице http://arlite.dn.ua/rus/aboutus/awards/certificates/ все меню. Конкретный кусок кода, использовавшийся в логотипе .head-container { height:705px; width:100%; background-color:#D2E4CA; } .head { width:1000px; height:705px; background: url('img/arlite-plant.jpg') no-repeat center; } .logo-container { width:280px; height:130px; margin-left:-750px; /* <———— Проблема здесь */ } <div …
0 votes5 answers -
Помогите усовершенствовать скрипт!
Хотите верьте, хотите нет, этот скрипт я придумал сам (знаю, может где-то такой и есть), но мой моск умудрился слепить 2 скрипта в одном Собственно сделал так, чтобы при клике на эскиз фото оно открывалось в оригинале. Вобщем дальше моск вскипел и перестал работать, собственно надо еще сделать так, чтобы при клике на этом открывшимся фото оно возвращалось в прежний эскизный вид. Помогите пожалуйста усовершенствовать код, хочу написать галлерею. <a href=images/mbike.jpg><img width="300" src="images/mbike.jpg"></a>
0 votes10 answers -
SWFObject 2
С самой вставкой флэша все норм. Описание читал тут http://designformasters.info/posts/flash-e...th-swfobject-2/. Прописываю скрипт так: <script type="text/javascript" src="img/index_02/swfobject.js"></script> <script type="text/javascript"> // <![CDATA[ var flashvars = {}; var params = { wmode: "transparent" }; var attributes = {}; swfobject.embedSWF("img/index_02/child.swf", "swf_content", "260", "248", "8.0.0", "img/index_02/swfinstall.swf", flashvars, params, attributes); // ]]> </script> и так: <span id="swf_content"><img src="img/index_02/no_image.gif" width="150" height="150" alt="Альтернативный текст" ti…
0 votes8 answers -
Опять непонятный баг в IE6
Всем привет, недавно был вопрос о том как сделать уголки закругленные на однородном фоновом цвете, там в итоге сделал три дива, верхний, средний и нижний, и в верхнем и нижнем по 2 вложенных дива с флоатами лефт и райт! тут вот сайт http://www.tatyanavais.ru/tehnolog.html проблема похожая но тут ситуация круче так как фон сзади градиентный поэтому предыдущий вариант не сгодился так как там картинки с уголками имеют пнг прозрачность в этоге сделал немного добавив кода а именно вот кусок кода <div id="left_area_top"> <div id="left_area_top_left"><img alt="" src="images/left_top_c.png"></div> <div id="left_area_top_right"><img alt="" …
0 votes19 answers -
Попиксельная верстка и Arial regular в фотошоп и браузере
Я верстаю макет номер 5 с этого сайта http://divhack.com/. Пытаюсь сделать "попиксельную" верстку, так как настоящий профессионал должен уметь верстать попиксельно. Выбираю основной шрифт, который указан в макете, а именно Arial 12px и мой основной текст, который идет после "Why choose WebOnDemand?" выходит на одну строку больше, чем в шаблоне! В итоге ни о какой попиксельной верстке не может идти и речи. Делаю свой макет прозрачным и накладываю на шаблон psd и получается все вразнобой, ничего не сходится. Вы там же можете открыть сделанный сайт в html и сравнить с шаблоном - у автора сайта тоже не сходится и текст вылазит на следующую строку. Допустим мой заказчик скаже…
0 votes8 answers -
Как убрать скругление углов кнопок?
Пишу .filter label input { border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } } чищу кеш. всеравно выглядят скругленно
0 votes2 answers -
avi, mpg etc
Привет всем. Может ктонибудь подсказать какие параметры надо указывать в обжекте, что бы проигрывались видео файлы. Следующий пример по непонятным причинам не работает : <OBJECT DATA="example.avi" TYPE="video/x-msvideo" WIDTH="500" HEIGHT="500"> <PARAM NAME="autoplay" VALUE="true"> </OBJECT> <br><br><br> <OBJECT DATA="example.mpg" TYPE="video/mpeg" WIDTH="500" HEIGHT="500"> <PARAM NAME="autoplay" VALUE="true"> </OBJECT> Прошу помощи
0 votes5 answers -
Как сделать автоматический переход по картинке?
Есть такой полезный Java-скрипт ввиде ссылки. При подводе мышке на ссылку, скрипт автоматически перебрасывает вас на web адрес, указанный в сылке. <A href="http://site.ru" onMouseOver="click('')"><b>Ссылка!</b></a> Можно ли сделать то же самое, но только с картинкой?
0 votes5 answers -
Фон на весь екран.
Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png
0 votes10 answers -
Несколько background'ов для одного элемента
Стоит задача создать блок с 4-мя закругл?нными уголками и чтобы каждая сторона блока отбрасывала тень. Фактически, если сделать это как я умею, то понадобится минимум 8 вложенных сло?в (по одному для каждого background'а). Может быть есть меннее затратный способ такое реализовать, может быть как-то можно использовать для одного несколько background'ов?
0 votes3 answers -
Как при XHTML1.1 растянуть таблицу в высоту
Как при XHTML1.1 растянуть таблицу в высоту на 100%?
0 votes6 answers -
Сайт из нескольких сраниц?
Кто может скинуть или показать сверстанный сайт состоящий из 3, 4 страниц, чтоб посмотреть, как связываются между собой страницы, а в том числе и общий файл css. Чтобы шаблон был кросбраузерный, валидный, очень надо, помогите пожайлуста?
0 votes24 answers -
Проблема с фреймом(html).
Создал фрейм, для перехода по сайтам. Но ссылки гугл, яндекс, вконтакте, одноклассники, сбербанк и ютуб не хотят открываться в фрейме (content). Хотя в новом окне эти-же ссылки открываются - Значит дело не в ссылках. Начал эксперементировать: Заменил ссылку гугл на ссылку htmlbook.ru и ссылка заработала. В том самом контенте (content). Значит в фрейме проблемы нет. И тут я завис. Помогите, кто разбирается в фреймах. Вот код самого фрейма: <!DOCTIPE html><html><head><title> web-server.ucoz.ru - rekom - mozilla </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8:0057"/></head><frameset rows="35,*" framebord…
0 votes6 answers -
frD-Отправка информации из формы
Уважаемые знатоки! Помогите. Сделал сайт в HTML и CSS. Осталось малое получить от пользователя информацию из формы на E-Mail. Поясните на примере, плиз. Допустим код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form action="mailto:vasja@pupkin.ru" enctype="text/plain"> <LABEL for="firstname">Имя: </LABEL> <INPUT type="text" id="firstname"><BR> <LABEL for="lastname">Фамилия: </LABEL> <INPUT type="text" id="lastname"><BR> <LABEL for="email">e-mail: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sex" value="Мужской">…
0 votes3 answers -
Chrome - проблемы отображения шрифтов
Здравствуйте! Возникла следующая проблема. Есть форум - http://blog.springo.com.ua/ на нем в контентной части нестандартный шрифт, который подгружается через Гугл. Проблема в том, что когда переходишь на блог, то все отображается, но если ты перезагрузишь страницу, то текст (где нестандартный шрифт) исчезает (как я понимаю просто не подгружается шрифт). Если же обновить путем нажатия Enter в адресной строке, то все опять замечательно. Прошу помощи разобраться в этом.
0 votes3 answers -
слой в ячейке таблице
Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> <…
0 votes14 answers -
Блоки налезают друг на друга
Собственно проблема в том, что DIV'ы лезут друг на друга. HTML: <!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" lang="en" xml:lang="en"> <head> <title>Alter Bridge Fan-Club</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <!--HEAD--> <div id="head"> <div id="hleft"> <table class="menu"> <tr> <td class="name">Навигация</td> </tr> <tr> <td> …
0 votes1 answer -
проблема с z-index
на этом сайте возникла проблема с всплывающим меню. оно прячется под красный блок, ничего не могу с этим поделать... Есть идеи?
0 votes7 answers -
один каталог image несколько сайтов
На одном хостинге есть несколько сайтов, хочется сделать для них общую папку с картинками. Вопрос как ? Как правильно прописать путь к такому каталогу, как правильно его создать? Указание ../ а так же ../../ и подобные вариации ничем не помогли
0 votes23 answers -
зачем нужен bootstrap
Ладно я тему не правильно назвал, ок bootstrap полезная штучка, только вопрос есть, PSD макет должен тоже под bootstrap делаться? Там же 12 градаций ширины колонки, попиксельно точно не сделаешь.
0 votes4 answers -
В чем разница?
Есть ячейка таблицы 100х100, есть картинка 100х100. В чем будет разница если я загружу картинку в ячейку или сделаю эту картинку фоновым рисунком ячейки? Спасибо.
0 votes7 answers -
Goggle Chrome принудительно показывает рамку вокруг-рисунка ссылки. В Опере и Мозиле все отображается нормально.
Подскажите, пожалуйста, как исправить вот этот глюк? (см. рисунок) http://clip2net.com/s/2Umh5 В Мозилле и Опере все отображается нормально, в Хроме показывает вот эту ненужную рамку, а в IE (как всегда) вообще кошмар. На IE мне вообще пофиг, но вот как сделать так, чтобы в Google Crome рисунок-ссылка тоже отображался нормально, без вот этой дурацкой серой обрамляющей рамки? Перерыл уже весь Интернет - везде один и тот же совет - в свойствах рисунка поставить border=0px Поставил этот border = 0 везде, где только можно и в свойствах DIV и в свойствах ссылок, и в свойствах рисунка - не помогает. Видимо это делается как-то иначе. Как? Ведь, теоретически это сделать как-то во…
0 votes1 answer -
Добавление в Buzz, Twitter, Facebook итп
Я нашел много кнопок для добавления сайта в такие сервисы, как tweetmeme, facebook, stumbleupon, digg и buzz. вставил скрипты на сайт, они беспорядочно расположились по страничке. а я хочу, чтоб эти кнопки шли горизонтально. вот код всех кнопок вместе: <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> <a title="Опубликовать в Живой ленте Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="ru"></a> <a name="fb_share" type="box_count" href="http…
0 votes7 answers -
Выровнять ячейки внутри таблицы
Примерный код: <table border="1" width="100%"> <tbody> <tr> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> <td> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td>Картинка</td> </tr> <tr> <td>txt</td> </tr> </table> </td> </tr> </tbody> </table> Надо выровнять ячейки внутри, при этом не фиксировав высоту и ширину ячеек. Голову ломал день) спасибо за помощь)
0 votes15 answers