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
-
Не серьёзная, первая верстка.
http://firstsiteinmymi.ucoz.com/? научился масштабировать, делать шапки, футер и контент частично, вот примерно чо сделал, сразу говорю, то что самая простая верстка была, дабы примерно узнать чо да как, но и в ней возможны ошибки, поэтому пишите если что.
0 votes11 answers -
Не будут ли у программиста или админа проблем из за такой верстки?
Здравствуйте. Нужно верстать такой макет: 3 колонки одинаковой ширины (не считая меню, с ним все ясно) в них блоки с разной высотой. Задача в том, что бы при увеличении разрешения колонки тоже увеличились до определенного размера, потом когда хватает место для четвертой колонки - ширина колонок уменьшается до исходного и добавляется 4-ая колонка. И так далее. Ничего лучше не нашел кроме как нарисовать 2 колонки, засунуть туда контент и давать им display: none; а потом в подходящих разрешениях их добавить с display: block; в промежутках меняя ширину видимых колонок через media queries или же сделав их резиной. Так вот, не совсем представляю как будет происходить доб…
0 votes9 answers -
Как растянуть блок на оставшуюся высоту.
Пробую верстать сайт.Возникла проблема растянуть блок блок на оставшуюся высоту,но не знаю как это сделать. Пробовал три метода. Вот скрин что нужно сделать. [hide] [/hide] Вот код HTML: <!-- Контент --> <section id="content" class="margin-center"> <!-- Левая часть контента --> <section id="left-aside-content"> <article> <header class="hookah-icon"><a href="#"></a></header> <p>Максимальное наслаждение от курения ароматного, сладкого кальяна.</p> </article> <article> …
0 votes2 answers -
Проблема при изменение размера страницы
Добрый день! При изменение размера страницы, фоновый рисунок и нижний блок заходят друг за друга. Фон подстраивается под размер страницы ,так как не имеет размера ,а блок размером 1190 при прокрутки в право уходит за него. Хочу что-бы фон так же при изменение размера страницы сохранял свой размер. До изменения размера страницы: http://www.webfolder.ru/339992 Это уже при уменьшение размера страницы и смещение ползунка в право: http://www.webfolder.ru/339993 Прошу помощи, так как потратил уже более двух дней на решение данной проблемы((((( <html> <head> <meta charset="UTF-8" /> </head> <body> <link rel="stylesheet" type=…
0 votes2 answers -
Позиционирование. Как такое реализовать?
Привет всем! Интересует такой интересный вопрос, реализацию которого я увидел в чате Вконтакте. Там сверху чата выводится дата сообщений поверх всего, но фишка в том, что данный блок как бы не дает на себя спозиционироваться что ли... Т.е. я спокойно могу начать выделение текста в чате под данным блоком. Как реализовать такую возможность? Как я знаю, если вывести блок поверх всех через z-index, то и все действия будут происходить именно в его зоне, а не под ним. А тут как бы происходит его игнорирование, хотя данный блок находится наверху всех. Надеюсь понятно объяснил)))
0 votes3 answers -
1 форма для нескольких товаров
Привет. На сайте есть форма (ее открытие реализуется через arcticmodal) и около 7-8 кнопок, 6 из которых покупка товаров и еще 2 для заказа консультации. Вопрос: как сделать чтобы определялся на какой именно товар заявка, не хочется делать много отдельных форм и в каждую вставлять input hidden с идентификатором товара, слишком громоздко. https://jsfiddle.net/2us4cjd0/ вот пример кода (вначале идет сама форма, ниже кнопки заказа)
0 votes3 answers -
img Случайный путь для картинки
Как задать случайный путь для картинки в src="...", чтобы при загрузке страницы, каждый раз появлялась другая картинка ?
0 votes1 answer -
Flash в Internet Explorer 6
Здравствуйте, появилась проблема с Internet Explorer 6. Мне для раздела контактов на сайте надо выложить флеш ролик с адресом фирмы, код следующий: <object><embed src="http://1188.mapsengine.com/new1188/maps4_inter.swf?host=http://1188.mapsengine.com/new1188/&searchobjects_id=48086,Dz%C4%93rbenes+iela+14,none,552040,600305,address,none" menu="false" quality="high" salign="lt" bgcolor="#ffffff" width="500" height="350" name="maps4" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> В Firefox 3 - отображается вс? отлично, в Internet Explorer 6: Кто …
0 votes1 answer -
Отображение в IE
В общем достаточно трудно объяснить проблему(всего 2 день как занялся изучением html php) попробую показать Мой сайт выглядит так(только поярче jpg контрастность урезал): Opera 9.51: http://s54.radikal.ru/i146/0807/4f/c0f5be0dc7a8.jpg IE 6.0... http://s53.radikal.ru/i142/0807/b9/2e44e79b2218.jpg IE 7 http://s57.radikal.ru/i156/0807/fe/203a9d5c269c.jpg Собственно тут ошибок несколько 1) на IE лого картинки которые в формати png задний фон не воспринематся прозрачным. 2) Меню новостей (оно пока пустое базы в mysql не загрузил) оно выглядит так: <table width="180" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="1a1a1a" height="68"> <tr> …
0 votes0 answers -
проблемка с таблицей
собстно по картинке видно что в ИЕ разъезжаеться само по себе код страницы( на пхп вставки не реагировать) @charset "utf-8"; /* CSS Document */ #top { position:absolute; left:5%; top:0px; width:90%; height:50px; z-index:99; background-color: #FC9; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } #body { position:absolute; left:5%; top:65px; width:90%; height:85%; z-index:2; margin: 0px; padding: 0px; } #apDiv1 { position:absolute; left:5%; top:97%; width:90%; height:3%; z-index:3; background-color: #F96; font-family: verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; text-t…
0 votes0 answers -
Оформление ссылок
Как назначить класс типа .w2 для a:visited a:hover и тому подобное ? Как я должен написать .w2 a:visited { a:link a:visited a:hover } Можно так написать?
0 votes4 answers -
Бекграунд у <tr> и <td>
Для начала вот тестовая страница: <!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>test</title> <style type="text/css"> table { width: 100%; border: 0; border-collapse: collapse; } tr { background: #eee; } td { background: none; } </style> <script type="text/javascript"> </script> </head> <body> <table> <tr> <td> text text text text text text text …
0 votes3 answers -
Глюк со шрифтами.
Верстаю страницу в DW, кодировка windows-1251. Через CSS с помощью font-size:12px прописал размер шрифта 12px, в FF он выглядит вполне нормально, а в IE и опере такое впечатление, что он не 12, а 10. Пригляделся, а разный не только размер, но и сам шрифт. В общем, дело обстоит так: опера и IE отображают один шрифт, и одного размера (по-моему, значительно меньший, чем должно быть). А FF отображает другой шрифт и, по-моему, нормального размера. Но это относится только к контенту (тексту на странице), в меню на кнопках не картинки, а буквы, с ними все в порядке, размер шрифта во всех браузерах один. Но самое интересное в том, что я попробовал поменять сам шрифт в DW(изменени…
0 votes3 answers -
Подскажите По Target="_blank"
Здравствуйте. Подскажите пожалуйста как реализовать открытие ссылки в новом окне (target="_blank") в jump menu: <?php // no direct access defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); $pretext= $params->get( 'pretext', "" ); $prepos = $params->get( 'prepos', "" ); $align = $params->get( 'align', "" ); $dir = $params->get( 'direction', "" ); $item0 = $params->get( 'item0', "" ); $item1 = $params->get( 'item1', "" ); $link1 = $params->get( 'link1', "" ); $item2 = $params->get( 'item2', "" ); $link2 = $params->get( 'link2', "" ); $item3 = $params->get( 'item3', "" ); $link3 = $params->get( 'link3', "…
0 votes3 answers -
цвет ссылок
Доброй ночи! Не могу понять: это стиль цвета ссылок a { text-decoration : none; outline : none; color : #ffffff; } а это код и стиль отдельной ссылки <a class="a_new color" href="http://www.youtube.com/ asdfagdfsh" > YouTube - ISIIS<br /> (In Situ Ichthyoplankton Imaging System)</a> .a_new color {color:#006699; font-style:oblique; } Скажите, почему у меня не отображается стиль для ссылки a_new color, таким каким я его прописал, а отображается стиль для тега <a>?
0 votes4 answers -
oncopy
В ИЕ есть такая команда - oncopy. Хотел бы к ней (oncopy="return false") еще добавить функцию очистки буфера. Подскажите как?
0 votes1 answer -
@font-face и русские буквы
Здравствуйте. Не понимаю как "писать" подгруженным шрифтом по-русски. Смотрю в таблице символов. Всё ок - русские буквы : &\#192; - &\#255; выглядят правильно. Т.е. если писать через код буквы &\#216; получаю правильную Ш, а если просто написать Ш, то получаю Ш стандартного шрифта. На английской раскладке всё хорошо. Заранее спасибо
0 votes2 answers -
Ссылки поверх дива
<a href="/"><img src="/i/rem.png"></a> <a href="/"><img src="/i/techobs.png"></a> <a href="/"><img src="/i/obrdoc.png"></a> <a href="/"><img src="/i/stel.png"></a> <a href="/"><img src="/i/dopobor.png"></a> <a href="/"><img src="/i/cont.png"></a> <div id="star"></div> Как сделать чтобы ссылки были поверх дива? Сейчас див почему-то перекрывает ссылки.
0 votes5 answers -
Как реализовать эффект рентгена?
Здравствуйте. В веб-программировании я еще нуб, и все-же недавно задался следующим вопросом: каким образом можно реализовать эффект рентгена, как это сделано на главной страничке сайта параллель.юа? Хотел бы попробовать сделать что-нибудь подобное. Возможно, в более упрощенном виде. Из более-менее подходящего, в интернете удалось отыскать лишь такое решение. В принципе оно работоспособно (хотя и с небольшими лагами), но должно же существовать и более изящное решение данной задачи. Из сопутствующих вопросов: мне пока до конца так и не ясно, каким образом можно сделать точно такой же круг, с помощью которого потом посетитель будет "сканировать" изображение. Как его позицион…
0 votes2 answers -
Проблем с IE 9
проблем с IE 9 у меня он не хочет отображать сторонний шрифт, все браузеры работают нормально, а вот IE9 как и всегда кривой я использую в CSS вот это: @font-face { font-family: 'CRYSISB'; src: url("../font/CRYSISB.ttf"); } что нужно чтоб увидел и IE 9? И еще проблема с IE 9 это задралась вверх меню, что нужно прописать для IE 9?
0 votes9 answers -
верстка баннера
Здравствуйте. Осваиваю фреймворк Bootstrap и возникли некоторые сложности. Необходимо чтобы над горизонтальным меню был баннер такой же шириной как и меню. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Пример Bootstap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/bootstrap-responsive.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row-fluid"> <div class="span11"> <div class="banner"&…
0 votes5 answers -
opacity в блоках
Как сделать что б тег opacity применялся только к родительскому div у а не всем внутренним побывал так не помогло http://jsfiddle.net/2XkmR/
0 votes6 answers -
float
Здравствуйте, уважаемые форумчане. Такой вопрос: Если использовать float, то объект как бы вырывается из верстки, тоесть если <div id = "main"> <div id="left"></div> <div id="right"></div></div><style> #main{ background-color: #fff; } #left{ float: left; } #right{ float: right; }</style>то объект main будет нулевого размера. Правильно? А как сделать, что бы left и right не вырывались из main?
0 votes3 answers -
selectable jquery
Всем привет, мне нужна помощь с функцией jquery - selectable http://jsfiddle.net/dpaj546q/ необходимо сделать так чтобы при выделении элемента вместе с ним выделялся checkbox а также при снятии галочки checkbox снималось и выделение
0 votes7 answers -
Как реализовать прозрачность кнопок?
Нужно реализовать прозрачную кнопку (как на первом рисунке) но при попытке сделать так через <button> и соответствующие свойства CSS прозрачность исчезает, хотя если открыть соответствующий "png" фотошопом, то прозрачность видна. Вопрос: как можно реализовать прозрачность? Через обычную ссылку с рисунком внутри тоже пробовал - не получается. #main_image_left_button { position: relative; top: -150px; left: -5px; background-image: url(../images/index/main_image_left_button.png); background-size: 100%; border: none; height: 66px; width: 32px;}Должно быть так: Выходит так:
0 votes8 answers