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
-
Помогите выровнять текст по середине ячейки в меню
Здрасте, не судите строго я новичок)и могу не очень внятно объяснять. В общем ситуация такая: Главное меню сайта выполнено таблицей. Главная Бла бла Бла ла улю лю бэкграунд задан картинкой, Проблема в том что текст "главная" выравнивается по верху ячейки а мне нужно по центру. помогите пожалуйста. html/ <div id="topmenu"> <table> <tr> <td> <a href="index.html">Главная </a> </td> <td> <a href="about.html">О нас </a> </…
0 votes3 answers -
помогите выровнять три колонки
При редактировании шаблона на Prestashop добился перехода с фиксированной до резиновой верстки (возможно криво и не правильно). Но возникла проблема. структура сайта была: как было #page {} /* тут вроде все понятно: хедер, три колонки и футер*/ #header {z-index:10;} #columns {z-index:1;} #left_column {float:left;} #center_column {} #right_column {float:right;} #footer {} при этом .container_9 { width: 980px; margin:0 auto; } /*это контейнер для шаблона, как я понял задает размер и расположение*/ .grid_1, /*это вот не понимаю что описывает вероятно расположение модулей*/ .grid_2, .grid_3, .grid_4, .grid_5, .gr…
0 votes1 answer -
Помогите выровнять фон
Здравствуйте. Я хочу вставить основное фоновое изображение для тега body чтобы фон был на весь экран. Задача следующая. 1. Выровнять изображение по вертикали по центру. 2. По горизонтали выровнять так, чтобы изображение было прикреплено к правому краю, и при сжатии урезалось слева. 3. Чтобы при сжатии окна не изменялся масштаб изображения. Помогите пожалуйста составить css код для этого.
0 votes3 answers -
Помогите вытащить меню
Здравствуйте, помогите найти такоеже меню, либо вроде такого, как на данном сайте: http://arenaservices.ru/ не могу найти, а так оно мне очень понравилось.
0 votes6 answers -
Помогите вытащить элемент из под блока
Привет! У меня такая проблема - ни как не могу вытащить на верх ссылку из под выше лежащего блока. http://jsfiddle.net/8huMu/ Как видно есть два дива, в первом есть какой-то элемент, например ссылка. Второй блок немного поднят вверх и перекрывает первый. Мне нужно что бы второй перекрывал первый как сейчас, но что бы ссылка (черный блок) была поверх всех блоков. Спасибо
0 votes7 answers -
0 votes0 answers
-
Помогите выудить FireBug-ом элементы списка.
Здравствуйте специалисты по CSS. Помогите пожалуйста выудить Firebug-ом один элемент. Вот сайт http://nablago.com.ua/ там меню сбоку раскрывается/открывается Хочу сделать чтобы родительский уровень (1) был одним цветом, а те которые выпадают (2) другим? Что-то тыкаю FireBug-ом никак не могу его подловить.
0 votes10 answers -
Помогите Глючит В Ие Таблица + Формы
Народ, сорь. облазил весь интернет, но решения своей проблемы не нашол. В начале верстал в дивах (слоями) в конце решил проще по старинке табличной версткой написать - один и тот же глюк При вставлении в ячейу (или в див) формы <form> в ИЕ все расползается. точнее: ячейка расширяется а вместе с расширением ячейки бэкграунд становится виден как 1целый + кусочек идет на повтор ниже по вертикали как избежать этого? + как первые две формы (логин и пароль) никак не могу поставить по вертикали по центру (горизонтально по центру ячейки они стали у меня) может какое нибудь другое решение предложите... выслушаю все) Заранее спасибо <style type="text/css"> .login { w…
0 votes2 answers -
Помогите двигать кнопку войти/выйти немого левее
Я создаю сайт в стиле ВКонтакте Сайт http://vigrakh.ucoz.ru/ Код в CSS body {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; } .home {border:none; margin: center; } #menu { margin-bottom: 0px; } .mbar { height: 41px; background: url("http://wallaby.ucoz.ru/menu/mbar.png") no-repeat; } .mbar .mbar { background-position: 100px -41px; } .mbar .mbar .mbar { background-position: 0 -82px; background-repeat: repeat-x; } #menu {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; font-weight: bold; background-image:url('/img/uplo.png'); background-repeat:repeat-x; height:41px; line-height:41px; color:#fff; border:solid 0px #fff; width:80…
0 votes4 answers -
Помогите девушке с фоном!
Помогите кто-нибудь! Попросили сделать сайт! Я новичок в этом))))Решила попробывать-понравилось! У меня все фоны страниц-картинки...скачивала просто с инета в gpeg формате обои для рабочего стола.Вставляю в код...на моём расширении экрана всё ок! а вот на других,побольше....картинка в трёх экземплярах получается! как сделать так,чтобы она подстраивалась под все расширения экрана....или хотябы по бокам бы белый фон,а сайт посередине?
0 votes8 answers -
помогите до делать валидация сайта кое что не могу подправить
скажу сразу в css шарю плохо... собственно вот осталось 5 ошибок http://validator.w3.org/check?uri=http://warezzza.net
0 votes5 answers -
Помогите добавить воздуха в меню
Добрый день! Есть вертикальное меню в левой колонке такого вида: <tr><td class="me"> <ul class="lev"> <li class="menulev" id="menu_left"><a href="">Главная</a></li> <li class="menulev" id="menu_left"><a href="">Любопытно</a></li> <li class="menulev" id="menu_left"><a href="">Новости </a></li> <li class="menulev" id="menu_left"><a href="">Ссылки</a></li> <li class="menulev" id="menu_left"><a href="">О проекте</a></li> <li class="menulev" id="menu_left"><a href="">Обратная связь</a></li> </ul> </td&…
0 votes3 answers -
Помогите добавить вторую кнопку.
Есть код, одна кнопка работает отлично, как надо. Как добавить на эту же страницу ещё одну кнопку, чтобы она работала как и первая, но открывала другое окно? <!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=utf8'> <link rel="stylesheet" href="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/stylepromer.css" type="text/css" /> <title>Всплывающее окно</title> <style type="text/css"> #wrap{ display: none; opacity: 0.8; position: fixed; left: ; right: ; top: ; bottom: ; p…
0 votes0 answers -
Помогите довести до ума
Здравствуйте! Целый день бьюсь над несколькими проблемами, давно верстал, а вертку не доделал и забыл что да как. Вот имеется странички: http://banks.xpmaster.ru/gamer/index.html http://banks.xpmaster.ru/gamer/index2.html Так у них в между блоков есть пространство, как его убрать? А также нужно выровнять футер, нужно сделать так чтобы он был на весь экран растягивался. Как это сделать? Спасибо за внимание, надеюсь поможете.
0 votes4 answers -
Помогите доделать задание, пожалуйста. Наработки присутствуют.
Я сделал вот это - внизу скрин. Надо сделать то, что под 8 и 9 номером. Как это сделать? уже неделю ищу - не могу ничего найти. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Four sectors circle</title> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <h1>Круг из четырех секторов</h1> <style> .custom-button>use { fill: rgb(202, 20, 36); } .custom-button:hover { stroke: black; …
0 votes0 answers -
Помогите доделать простенький код
Приветствую всех! Помогите доделать страницу! Собрал с иннета коды и слепил их в html, получился фон и две картинки, дальше не пойму как. Первым делом нужно чтобы фоновая картинка растягивалась под любой экран. У меня получился плавно появляющийся контент, и хочу чтобы фон так же плавно появлялся. И все это дело должно грузиться по очереди - фон, картинка 1, картинка 2. Если не сложно, покажите как это делается, Может тут работы на 5 мин а я уже 2 дня над этим... Я в этом полный ноль, вот код: <html> <head> <title>Заголовок</title> </head> <style>body.fade{opacity: 0;}body.appear {opacity: 1;transition: opacity 5s;}</style> <…
0 votes31 answers -
Помогите допилить TabControl с помощью Css3
Всем привет! воодушевлённый этой статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не покатит) мне нужно дважды обратиться к псевдо селектору :target. Сначала для того, чтобы применить стиль для выбранной вкладки: .tabItemHeader { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; vertical-align: bottom; display: inline-block; margin: 5px 0px 0px 0px; border-width: 5px; padding: 4px; border-style: solid; border-radius:10px 10px 0 0; border-color: #666666; background: #666666; } .tabItemHeader:target { bor…
0 votes25 answers -
Помогите допилить регулярное выражение '(
Здравствуйте. Нужно проверить логин пользователя, а т.к. логин будет использоваться еще и в url (будет личный кабинет пользователя) то требования к логину "самые жесткие": 1 только латинские буквы или цифры , а так же допускаются знаки _.- 2 не может начинаться с _.- и заканчиваться соответственно тоже 3 не могут повторятся символы подряд например -- или -_ или -. и т.п. Ниже составленная мною регулярка прекрасно проверяет такие вот примерно логины: SuperNic или Super-Nic Вот если нужно так к примеру то не пропускает: S-u_p-e-r.Nic Понимаю что эта регулярка должна повторятся как-бы что ли чтобы знаки с буквами тоже могли повторятся по требованиям выше представленных…
0 votes12 answers -
Помогите допилить слайдер
Есть две проблемы: 1 скролл горизонтальный 2 не становится картинка на всю высоту 1138px + нижний отступ. помогите найти решение! Пробовал разные варианты с позицонированием, не помогает, все равно картинка не становится, Подскажите где надо править чтоб получить нужный результат! Спасибо, очень надеюсь на вашу помощь!!
0 votes4 answers -
Помогите доработать
Не получается такое http://jsfiddle.net/enwmps9o/96/
0 votes5 answers -
Помогите доработать css меню
День добрый помогите доработать css Меню, что то у меня ничего не получается... Сам код стандартный: <ul id="topnav"> <li><a href="#">Меню 1</a></li> <li> <a href="#">Меню 2</a> <!--Здесь начинается подменю--> <span> <a href="#">Подменю 1</a> <a href="#">Подменю 2</a> <a href="#">Подменю 3</a> </span> <!--Заканчивается подменю--> </li> <li><a href="#">Меню 3</a></li> </ul> CSS ul#topnav { margin: 0; padding: 0; float: left; width: 970px; list-style: none; position: relative; font-size: 1.2em; back…
0 votes0 answers -
Помогите доработать "сайт")))
Ребята, всем доброго времени суток. Вот только недавно начала интересоваться темой сайта строения, получается ну скажем очень и очень нехорошо))). Не знаю как сделать так чтобы, когда увеличиваешь масштаб или уменьшаешь не съезжали буквы и вообще "сайт" оставался одной и той же формы и конструкции. HTML: CSS: Ребята, прошу Вас не судите сторого и не обижайте меня плохими комментариями. Я ведь девочка, а вы мужчины, поэтому будьте так любезны помогите))) Заранее благодарна!
0 votes14 answers -
Помогите доработать деталь в меню
Здравствуйте народ! столкнулся со следующей проблемой, у меня менюшка, вертикальная , вот такая <ul class="menu2"> <li><a href="razdel1.php"><span>Раздел 1</span></a> <ul> <li><a href="#">подраздел №1</a></li> <li><a href="#">подраздел №2</a></li> <li><a href="#">подраздел №3</a></li> <li><a href="#">подраздел №4</a></li> </ul> </li> <li><a href="razdel2.php"><span>Раздел 2</span></a></li> </ul> и css вот такой .menu2{margin:0; padding:0; width…
0 votes6 answers -
Помогите доработать подвал
Необходимо что бы копирайты были по левую сторону а счётчики по правую. Вот вырезки кода: footer.php </div> <div id="footer"> <div id="copy"> <p>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p> <p>Все права защищены. 2011 </p> </div> </div> </body> </html> CSS : /* Footer —————————————————————————--*/ #footer { height: 100px; border-top: 1px #e5e5e4 dashed; margin-top: 20px; text-align: right; } #fmenu { width: 90%; height: 25x; margin-top: 10px; } #fmenu ul { display: inline-block; } #fmenu li { list-style: none; padding: 0 …
0 votes5 answers -
Помогите доработать шаблон до симпатии Joomla 1.5
Помогите пожалуйста! Весь измучался!! css /********************************* GENERAL NASTROYKA CSS **************************************/ html { height: 100%; } * { margin: 0; padding: 0; } body { font-family: Tahoma, Arial, Verdana, sans-serif; background-color: #DFEFF5; font-size: 14px; min-height: 100%; padding: 0 10px 10px 10px; } p { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; } a { color: #4D4946; outline: none; text-decoration: none; } a:hover { color: #FF0000; outline: none; text-decoration: underline; } /*********************************************************************************…
0 votes0 answers