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
-
Создание шаблонов под сайт и форум
Всех категорически приветствую)) Я далек от сайтостроений и дизайна, но вот захотелось сделать для себя. Просто есть идея создать портальчик, для себя, и выкладывать там стать свои мысли, которые кому то могут пригодится (как например моя разработка для проигрывателя Dune BD которую уже куча народу оценила) Для этого я скачал халявные движки портала и форума MKPortal + SMF конечно там уже все сделанно, все работает, но естественно хочется внести что то свое))) уже сделал и оттестил новые функции (курс доллара, погоды, красивые смайлики и т.д.) но все же есть пара вопросов) так как я ярый поклонник Apple, хочу сделать дизайн в сите Mac OS. на примере уже имеющийся темы для…
0 votes7 answers -
FancyBox переопределяет вертикальный скролл
Есть такая проблема в последней версии всем известного плагина FancyBox когда модальное-iFrame окно всплывает то оно затрагивает вертикальный скролл страницы, на странице много контента и соответственно вертикальный скролл длинный, при всплытии плагин берет и убирает существующий скролл и заместо него просто резервирует скролл без ползунка, у меня на сайте некоторые блоки с position:fixed дергаются изза этого переопределения скролла. Вот привожу ссылку на страницу где можете сами лицезреть мною описанное(нажмите на iFrame). Перепробовал все что знаю в итоге не получается сделать так чтобы скролл страницы вообще не затрагивался и не переопределялся Есть старая версия плаги…
0 votes3 answers -
Как сделать квадратный блок
Помогите сделать квадратный блок с картинками внутри. Проблема в том, что размеры блока должны быть в процентах. Вот пример - http://jsfiddle.net/4cxgzp8t/7/ Вот так должно быть -
0 votes8 answers -
DIV-ка с изображением внутри
Здравствуйте, такой вопрос: Сайт сверстан слоями. На сайте три колонки. Верстка резиновая. В центральной колонке нужно разместить блок (дивку), в которой размешено большое (2000px по ширине) изображение. При этом это изображение должно быть отцентровано в этой дивке. Т.е., если к примеру центральная колонка сайта получилась шириной 800px, то от изображения должно обрезаться справа 600px и слева столько же, а центральная часть отобразится. Это было бы просто сделать, если положить изображение бэкграундом, но вся беда в том, что изображение связано с картой (MAP)? т.е. на изображение есть ссылки. Я попробовал применить к дивке вот такие стили overflow: hidden; text-align: …
0 votes3 answers -
Вопросы про примитивы
В чем сходство синтаксиса заголовков и горизонтальных линий? Для чего служат символьные примитивы?
0 votes1 answer -
Лишние пиксели
Добрый день. У меня проблема с лишними пикселями. Вот пример: Есть блок (строка поиска + кнопка, все это в блоке): <div class="search"> <input name="searchword" id="mod_search_searchword" maxlength="100" alt="search" class="inputbox" type="text" size="15" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" /> <input type="submit" value="Поиск" class="button"/> </div> Задаю стили: (для блока) div.search { height: 21px; } (для строки) .inputbox { border: 1px solid #ccc; font-family: Arial; font-size: 13px; margin: 0px; } (для кнопки) input.button { background: url(../images/search.g…
0 votes4 answers -
Backgrounds
Мне нужна ваша помощь! Мой background задан так: <style type="text/css"> BODY { background: url('22225.gif') /* Путь к файлу с изображением */ link: red; vlik: pink; justify bottom /* В правом нижнем углу окна */ no-repeat; !IMPORTANT/* Нет повторения фона */ margin-right: 200px; /* Отступ справа */ } …
0 votes6 answers -
DIV без фона над другим DIV
<!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" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> .d1 { position: absolute; z-index: 100; width: 100%; height: 100%; background: none; } .d2 { position: relative; z-index: 50; width: 100%; height: 100%; } </style> </head> <body> <div class="d1"></div> <div class="d2"><a href="">Некликабильно в FF</a></div> </body> </html> В остальных браузерах все нормально работает. в FF же верхний элеме…
0 votes3 answers -
Как всегда ИЕ6 и три колонки..
Есть три колонок Везде все отлично кроме ИЕ6, на 1280 нормально,но стоит свернуть до 1024 и блок navigation наезжает на content Хотя не другом сайте моем же точно так же устроено и нормально все В чем ошибка? html <div id="wrapper"> <div id="wrapper_r"> <div id="content"> <div class="block_proiz"><img src="i/big_img.jpg" height="273px" width="401px"/></div> <p>Жестокая. Красный волк и Серая шапочка.</p> <p>-Ну что, - сказала Красная шапочка волку, - Может, не будем разводить эту канитель про большие уши, большой нос и большие зубы, а быстро с этим закончим?</p> <p>…
0 votes9 answers -
Убрать часть url
http://site.ru/ru/example.html Для смены языка на сайте нужно в адресе например /ru/ заменить на /us/ текущий адрес узнаю так <a id="demo"></a> <script> document.getElementById("demo").href= "http://site.ru/us/" + window.location.pathname; </script> Как получить только последнюю часть url?
0 votes2 answers -
IE 8 не видит ссылок
Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить? _http://test.kabushikigaisha.ru/webster/ Вот CSS который к этому относится
0 votes7 answers -
Не растягивается родительский блок
Добрый день. Помогите решить следующую проблему: имеется резиновый шаблон (3 колонки), когда в среднюю колонку помещаю блок который шире её, шаблон не тянется, а этот блок просто выходит за пределы родительского. Как сделать чтобы родительский блок растягивался? Вариант задать min-width не подходит, т.к. на разных страницах может быть разный контент, и он будет или вмещаться в текущую ширину родителя, или тянуть его. <!DOCTYPE html> <html> <head> <title>Layout 1</title> <meta content="text/html; charset=iso-8859-1" http-equiv="content-type"> <meta content="HAPedit 3.1" name="generator"> <style type="text/css"&…
0 votes0 answers -
Сбивается чередование цветов в таблице при удалении некоторых строк
Добрый день! К сути: Есть таблица, в которой применено чередование цветов в четных/нечетных строках: tr:nth-child(2n) td{ background-color: #def;}tr:nth-child(2n+1) td{ background-color: #ddf;}Чекбоксом скрываю часть строк: #check-in:checked ~ * .up{ display: none;}После этого чередовании цветов в строках сбивается. Есть ли какая-либо возможность применить чередование только к тем строкам, которые отображены (т.е. display: table-row) или может есть более простые способы удалить строки с сохранением чередования цветов? Заранее спасибо за советы! html: <input type="checkbox" id="check-up"><input type="checkbox" id="check-in"> <table> <thead&…
0 votes4 answers -
Выравнивание перевернутого текста
Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? table { border-collapse: collapse; margin: 0px auto;} td { padding: 3px; text-align: center; vertical-align: middle; } tr > td:nth-child(1), tr > td:nth-child(2) {text-align: left;} tr:nth-child(1) {background: #4682B4 !important; color: #fff; height:200px;} tr:nth-child(1) td {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} tr:nth-child(1) td:nth-child(1), t…
0 votes5 answers -
резина
есть три дива нжно, что бы див по середине(контент) растягивался, а дивы по бокам оставались на месте. но получается левый див стоит контент по середине а правый див уходит вниз. html: <div class="menu"> MENU </div> <div class="content"> CONTENT </div> <div class="banner"> BANNER </div> css: .menu { float:left; width:130px; } .content { margin-left:140px; margin-right:140px; } .banner { float:right; width:130px; }
0 votes5 answers -
ПОДСКАЖИТЕ КАК ТАКОЕ СДЕЛАТЬ.
Вот мне надо както внедрить в сайт прокрутку с дальнейшей ссылкой на фотографию.Как это сделать??!!
0 votes5 answers -
Background top left начинается с середины блока..
Здравствуйте! Подскажите, вот воюю уже час наверное с одной проблемой и никак не могу ее побороть (CSS изучаю с неделю, если что- простите). Картина такая: Рамка - это границы блока при наведении, для этого блока производится заливка фоновым цветом, или я еще вставлял изображение, оно так же уезжает вниз. В качестве контента этого мелкого блока выводится прозрачное .png изображение 24*24px. Вот листинг всего большого блока, включающего блок tabs, в котором и творится непотребство: <div id="feature_list"> <ul id="tabs"> <li> <a href="java script:;"> <img src="/images/jq/click.png" width="24px" height="24px" /> </a&…
0 votes4 answers -
0 votes7 answers
-
Фоновая картинка, 2 способа
Одну и ту же по весу картинку ставим фоном двумя спос: через стили и через тег. В каком сл быстрее загрузка веб страницы? В каких случаях предпочтение нужно отдать одному конкретному спос?
0 votes1 answer -
список в 3 колонки
Уже перепробывал все что в голову влезло, ничего не получается, если бы див этот не должен был тянуться вниз по содержимому, то через float нормально было бы, но он должен тянуться и хоть убей не могу ничего придумать, может кто сталкивался, подскажите пожалуйста. http://itmages.ru/image/view/374183/fec8a140
0 votes7 answers -
Фиксированная высота колонки!
Здравствуйте! По объективным причинам (44 ФЗ) у бюджетной организации нет возможности нанять профессионала для поддержки сайта. Все приходится теперь изучать самому (я штатный сотрудник, раньше только тексты писал). Т.е. теперь весь сайт на мне. Поставили задачу по сайту, которую я не знаю как решить, помогите советом, буду крайне благодарен. Суть вопроса: Есть сайт, выглядит сейчас он примерно так: Вот ссылка, если что: http://www.ophmao.tmweb.ru Это "сайт-франкенштейн", я на нем свой скилл рощу =), чтобы не поломать настоящий. Так квот, там есть колонки (?) нас интересуют две - Main News и Col2. Задача в том, чтобы сотворить с ними вот такое: т.е. Main News растяну…
0 votes10 answers -
Как сделать лучше ?
http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css
0 votes9 answers -
Расположение пунктов выпадающего меню в IE
Доброго времени суток Проблема забавна. Вот так меню должно выглядеть. Во всех браузерах, не считая белого фона у блока по высоте немного выше желтого, но содержимое выглядит нормально. http://prntscr.com/auhg0r А вот в IE11 и Safari выглядит вот так. http://prntscr.com/auhgv5 - IE11 http://prntscr.com/auhh9f - Safari Если я в убираю дисплей, то в IE11 глюк уходит, но тогда во всех остальных браузерах, в том числе и IE11, меню отображается, как в Safari .menu_dop ul li .menu_dop_wrap { display: inline-flex; } Вот коды меню. html <nav class="menu_dop"> <span class="vertical-text">Ремонт и обс…
0 votes16 answers -
Разное расположение в опере и в ие
Почему-то при использовании карты-изображения в ие рисунок на самом верху (как и надо), а в опере на 20 пикселей ниже нужного. Может это всегда так, не знаю, это моя первая работа... Помогите, пожалуйста, не знаю, как это исправить.
0 votes3 answers -
Помогите с позиционированием
Сделал в?рстку, в IE работает, в FF нет Намудрил с позиционированием. В FF при наведении на кнопочки ничего не происходит (я имею в виду, что ссылки перекраваюся слоем и на них нельзя нажать), т.е. кнопки под слоем. Можно их "поднять"? <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> body { padding: 0; margin: 0; } #menu img { margin: 0; padding: 0; border: 0; } #menu { padding: 1px 0 0 0; position: relative; } #menu #img_spac…
0 votes6 answers