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
-
аттрибуты тега DIV, class и id
Интересует такой вопрос. Везде учат как используются эти аттрибуты тега DIV одним способом, а в реале встречаешь вообще совсем другое. Т.е. вот есть код, там идут теги DIV с аттрибутами, но нигде потом нету информации, что эти аттрибуты из себя представляют. Т.е. они описываются где-то не в файле страницы, а могут храниться где-то еще отдельно? А как к ним тогда ссылаться? Вот короткий пример: <div id="layout"> <div id="mainwrapper"> <div id="regbox" class=""> <div id="regselector" class="corner greybord"> <div class="content"> Вот все эти слова в кавычках, это же названия аттрибутов, за ними скрываются какие-то опредения экрана, цветов, слое…
0 votes5 answers -
Вопрос по бэкграунду
Вопрос 1 таков,я собираюсь сделать фон сайта покрасивее(раньше была просто заливка цветом),я думаю,какой бы мне сделать размер,чтобы на всех экранах отображалось одинаково? Или какой оптимальный размер без косяков? вопрос 2. я хочу сделать,чтобы бэкграунд сделал как бы контур всего сайта,т.е. примерно вот так: Как мне этот фон вставить,чтобы весь контент вошёл,и он не вылез наружу?фон другой сделаю=) Просто увидел этот фон и аффигел=D Или предложите другие хорошие идеи по созданию фона
0 votes7 answers -
Картинки Html+css
Короче говоря, натолкните на мысль, как сделать отображение картинок как в гугле Нуна реализовать все на хтмл+ксс.
0 votes7 answers -
Фон не размножается до конца, загадка какая то.
Здесь header это черная и синяя полоска, это как выглядит при разрешение 1000px и более. Все норм. Проблема в том что при сжатии браузера меньше 1000px фон на header перестает размножаться когда появляется колесо прокрутки. Покажу на screen суть проблемы. По логике он должен размножаться до конца, но почему то на скока я понимаю принимает ширину div id=header который находиться внутри header. По логике так быть не должно, да и структура не рушиться проблема только в в фоне. Загадка прям какая то. Кто то сталкивался с такой проблемой? Думаю причина какая то простая, просто опыта не хватает догнать.
0 votes15 answers -
IE vs FF
На этом сайте высоту левой и правой колонки IE отображает не так как FF и Opera. Почему? А написанно так: <td valign="top" width="130" height="440" ><!--//левые обновления-->
0 votes4 answers -
Странные проблемы при верстке для ie 6.0
Всеми нами любимый Ишачок - совсем сошел с ума, начал вырывать куски текста. Смотрим скриншот: Когда наводиш курсор на первый пункт меню - как видим злощастное полу-слово "ма заказа" испаряеться. ! Но при наведении курсора на другие пункты меню - ничего не происходит: При выделении полу-слова "ма заказа" автоматически выделяеться нормальное "Форма заказа": Ну а вот и сам код этой менюшки: <div id="menuBar"> <div class="menuBarLeft"></div> <div class="menuBarCenter"> <a class="MBLink" href="index.html" title="Главная страница сайта iPhone-uz.com">На Главную</a> <img class="fLeft" src="design/img/menubar/end.jpg" alt=…
0 votes6 answers -
Как правильно обнулять отступы перед началом верстки?
Пару раз видел на форуме подобные темы, решил наконец разобраться! Раньше делал * {margin: 0px; padding: 0px;} обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно? спасибо
0 votes8 answers -
Обтекание снизу
С выравниванием блоков друг относительно друга слева или справа всё понятно. А вот мне надо реализовать «обтекание снизу». Есть, допустим, блок высотой 500px. Внутри него есть блоки шириной, например, 200px, но разной высоты (допустим, не больше 500px). Надо чтобы они шли каждый следующий ниже предыдушего, а если места не хватает, то переносились бы правее. Примерно аналогично газетной полосе. Это вообще как-то делается?
0 votes2 answers -
Верстка сложных элементов
Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!
0 votes4 answers -
Нарыл в коде ну очень интересную для меня штуку, обьясните плз
в коде одного дизайна (ставили чюжой сайт на движок), нарыли менюху, css ниже /* -navigation- */ #navcontainer{ width: 700px; height: 22px; position: relative; /* text-align: center;*/ background: url(menu-bg-ru.jpg) no-repeat; /* margin-top: 10px; */ margin-bottom: 20px; clear: both; /* background-color: #fff;*/ } #langmenu{ position:absolute; top:10px; right:20px; } ul#nav{ width: 400px; margin-left: 0; padding-left: 0; } ul#nav li{ width: 70px; margin-left: 0; list-style: none none; display: inline; text-indent: -9999px; } #nav a { float:left; width: 70px; height: 22px; display: block; background: url(menu-bg-ru.jpg) no-repeat 0px 0px; text-al…
0 votes5 answers -
что это за фикс?
очень часто встречается фикс height: 1%; что это за фикс и когда он используется?
0 votes3 answers -
как сделать запрос
доброго всем дня у меня такой вопрос: например есть поля. Например выбрать город, выбрать улицу, выбрать дом, нажать выполнить и выводится результат поиска. Так вот, вопрос, с помощью чего это делается. Хотелось бы сделать такое же, может MySQL?
0 votes2 answers -
Проблемы с отображением
В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…
0 votes8 answers -
Как сделать так, чтобы при нажатии на кнопку - не перекидывало на другую ссылку?
Сделал валидацию для кнопки через jquery-vaildate. По макету - нужно сделать так, чтобы после нажатии на кнопку, которая отправляет эту форму - закрывался этот popup и открывался следующий с уведомлением о том, что форма отправлена. Подскажите, как это сделать? Все скрины прикрепил ниже. HTML формы: ``` <div id="modal__wrapper"> <div class="modal__overlay" id="modal__overlay"></div> <div class="modal__window"> <a href="#" class="modal__close" id="modal__close"></a> <div class="mo…
0 votes1 answer -
Пользовательские курсоры
Изучаю css, дошло дело до курсоров. Делаю свой курсор, в формате .cur, сохраняю в формате 16 на 16, а на страничке он отображается размерами где то 30 на 30... совсем не красиво. Кто знает в чем проблема? Код: <html> <head> <meta http-equiv="Content-Tupe" content="text/html; charset=windows-1251"> <title>cursor</title> <style type="text/css"> p {color: red} body { cursor: url(file:///D|/cur.cur); background-color:black; } </style> </head> <body> <p>lalalalala</p> </body> </html></style> Страница с которой я брал инфо: http://www.tigir.com/css_cursor.html
0 votes5 answers -
Float и подчеркивание у ссылки
<html> <head> <style> a { color: #216a9e; font-size: 8pt; text-decoration: none; border-bottom: 1px dashed #bdd7e9; } </style> </head> <body> <a href="#">Первая ссылка</a><br/> <div style="float: left;"><a href="тест">Вторая ссылка</a></div> </body> </html> В IE первая ссылка подчеркивается, а вторая нет. В FF все работает.
0 votes8 answers -
Не могу понять почему так выходит
верстаю сайт www.mediascan.ru В меню в заголовке меню почему-то появляются лишние пиксели вот как оформлен заголовок меню: <table cellspacing=0 cellpadding=0 border=0 width="100%" > <tr> <td width="20px"><img src="./images/menu_top_left.png"></td><td height="20px" class="menu_top" valign=middle ><p class="menu_head">Последние выпуски</p></td><td width="20px"><img src="./images/menu_top_right.png" ></td> </tr> <tr> а так прописано в css: td.menu_top { background-color:#bbe7a4; text-align:center; vertical-align:middle; color:#476126; font-weight:bold; …
0 votes4 answers -
Эффект перекатывания
Добрый день всем участникам. Подскажите начинающему как сделать сразу 4 такие картинки с перекатыванием, которые стоят друг под другом (описано в http://www.htmlbook.ru/content/?id=110)? Одну картинку вставила и все получилось замечательно. А вот когда стала вставлять вторую, то она перекрыла первую. Подскажите пожалуйста что делать, что вставлять в "голову" и что в "тело"? Только пожалуйста очень подробненько, прямо как для "чайника". Заранее спасибо
0 votes5 answers -
стили в IE
Плиз подскажите, как заставить работать в IE <html> <body> <div id="d1"></div> <script> document.getElementById("d1").innerHTML = '<style>#abc{color:red}</style><div id="abc">abc ABC abc</div>'; </script> </body> </html> В Опере всё ОК.
0 votes9 answers -
Таблица "налазит" на верхний div
Есть конструкция, напр: <div id="1"> <table> <tr> <td>TEXT 1</td> </tr> </table> </div> <div id="2"> <table> <tr> <td>TEXT 2</td> </tr> </table> </div> Но при выводе в браузер TEXT 1 накладывается на TEXT 2. Что нужно прописать в цсс что-бы второй див выводился под первым?
0 votes5 answers -
Стилизация css селекторами кнопок next и prev
Есть разметка пагинации. <div class="pagination"> <a class="page-btn page-btn-prev" href="#">Предыдущая</a> <a class="page-btn current-page" href="#">1</a> <a class="page-btn" href="#">2</a> <a class="page-btn" href="#">3</a> <a class="page-btn page-btn-next" href="#">Следующая</a></div>Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? Если вторая ссылка с классом current-page - не показывать page-btn-prev Если предпоследная ссылка с классом current-page - не показывать page-btn-next Вот так начал .pagina…
0 votes3 answers -
Работа с несколькими классами
Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: …
0 votes5 answers -
Как убрать?
Помогите, пожалуйста! Как убрать стандартное всплывающее окно пути, появляющееся при наведении на ссылку? При альтернативной подсказке не очень смотрится...
0 votes3 answers -
Как вставить текстовую ссылку в пространство IMG SRC?
Есть картинка вставленная упомянутым тегом. 95% на 100% экрана. Теперь мне нужно поместить на эту фотографию текстовую ссылку. Получатся вставить е? перед картинкой, и после картинки, но никак не на саму картинку. Подскажите пожалуйста, как это можно сделать?
0 votes5 answers -
Вопрос про дизайн
http://dump.ru/file_catalog/1031757 - Вот скрин Народ помогите плзззз!!! Вот я создал новую шапку(в Фотошопе), убрал старую вставил новую и теперь у меня нету кнопок "На главную" "Выход пользовотеля" "Вы зашли name" вот типа того буду очень благодарен за помощь!!!
0 votes5 answers