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
-
img после input сдвигается
вот код <input type="textarea" cols="15" rows="1"><img src="{THEME}/images/ok.png"/> пробовал выставлять маргины/паддинги и туда и обратно, в любом порядке, пробовал их обьединять в одном блоке. результата нету. как их выставить в одну полосу?) ЗЫ высота картинки 18пх
0 votes2 answers -
Cтранное отображение
Есть сайт на Джумле,вроде всё ок но вот какая сложность-при разрешении на 1024 не видно картинки в левом верхнем углу,там Георгий победоносец.На большем разрешении видно.Как с этим совладать? Подскажите товарисчи! Вот сайт: http://seventh-legion.ru/
0 votes4 answers -
Отступы от краев таблицы
Всем доброго времени суток! Проблема заключается в следующем. После установки на сайт таблицы jquery, отступы от краев таблицы до текста уменьшились. Это просматривается на скринах: (внешний трафик) ДО: ПОСЛЕ: Как это исправить? Быть может можно что то добавить в css файл, что б потом нужную таблицу просто заключить в div? <div class="otstup">ТАБЛИЦА</div> Заранее благодарен!
0 votes5 answers -
Прозрачный бэкграунд но чтоб бордеры других элементов "под" главным - были не видны
Дано: #a { z-index: 2; background: transparent; } #b { z-index: 1; background: some_image; border: solid 1 px; } Элемент #а находится выше элемента #b по z-оси. У #b видимая рамка, и если у #a выставить прозрачный фон, то сквозь него будет видна и рамка #b, можно ли как-то сделать так, чтобы рамка у #b не отображалась там, где #a идёт поверх #b, но чтобы если кусок #b где-то торчит из под #a, то рамка у этого куска оставалась видимой.
0 votes3 answers -
Ошибка в css
.quote { background-color:#1C1C1C; border:1px solid #383838; color:#EEEEEE; display:table; line-height:normal; margin:15px; padding:10px; } <div class="quote">что за</div> Получилось так! А хочу вот так, что бы было! Помогите знающие люди! Объясню если не увидели, отступ стоит вокруг текста он их как бы игнорирует. И всё сживает!
0 votes3 answers -
Приоритеты CSS
немного описания: есть пользователи, ники которых окрашиваются в определенный цвет(в зависимости от группы), и есть переменная которая выводит модераторов разделов, ники модераторов окрашиваются в зависимости от принадлежности модератора к группе, задача сделать цвет модераторов другим-единым цветом например: <div class="smallfont">Модератор форума: $forum[moderators]</div> $forum[moderators] уже подкрашивается в зависимости от группы. если сделать <div class="smallfont">Модератор форума: <span class="moder">$forum[moderators]</span></div> подкрашиваются только запятые разделяющие ники вот CSS //Оформление модераторов .moder{ color…
0 votes4 answers -
Проблема с футером
Собственно друг попросил сверстать из шаблона сайт. Я раньше этим особо не занимался, но пообещал помочь. Решил верстать на <div> Футер должен быть внизу. Делал так: position: absolute; bottom:0px; Вот желаемый результат: http://uploaders.com.ua/pfiles/8298/Site_Materialy-page.jpg А вот что получилось - http://terahost.com.ua/onlystyling/index.php?type=materials CSS: http://terahost.com.ua/onlystyling/style.css Как избавиться от наезда футера? Что сделал неправильно? Какие ошибки в css? Помогите плз, замахался уже!
0 votes7 answers -
центр
подскажите как поставить изображение и таблицу по центру страницы.
0 votes2 answers -
скорость верстки
Доброго времени суток !!! хотелось бы узнать какое время в среднем Вам требуется для верстки. Допустим одной главной странички без скриптов??? можете оставлять ссылки на примеры верстки.
0 votes10 answers -
Проблема с отображением PNG в IE
Здравствуйте ! Для моего проэкта мне необходимо горизонтальное меню, чтоб при наведении на нее курсора, элемент меню подсвечивался, текст не изменялся в цвете, изменялась стрелочка-индекатор, которая указывает на то что это выпадающее меню. Вот фрагмент ,того как это выглядит у меня в Opera : Собственно на браузере Opera задача выполнена так, как надо! А на IE тот же фрагмент меню выглядит вот так : Заметьте, что по краям моих png'шек в IE обрисовалась странная рамка. Вот собственно вопрос, как от нее избавиться? CSS #nav li.hover img {background-image:url(img/active.png); border:none;} .bullet { background-image:url(img/inactive.png); border:none; width:10px…
0 votes6 answers -
Как отследить координаты маркера?
На гуглокарте можно выставить маркер и перетаскивать его при помощи этого скрипта: <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.addControl(new GSmallMapControl()); // масштаб и перемещение карты map.addControl(new GMapTypeControl()); // переключение типов карты map.setCenter(new GLatLng(55.752,37.616), 18); var point = new GLatLng(55.752,37.616); var marker = new GMarker(point, {draggable: true}); GEvent.addListener(marker, "dragstart", function() {}); GEvent.addListener(marker, "dragend", function() { }); map.addOverlay(marker); } } </script…
0 votes0 answers -
DIV или TABLE
Здравствуйте! Почитал по форуму и возник у меня такой вопрос что предпочтительнее? Кто то пишет, "делай так как привык" кто то "ааа да там табличный дизайн". Попробовал я сделать страницу без таблицы, получилось, но заморочился по полной. Сделать такую же страницу в таблице будет раза в 2 - 3 быстрее. вопрос собственно: В чем преимущество того и другого способа верстки?
0 votes4 answers -
Div в div'e
Привет Появилась проблема с вложенными дивами и я не могу ее сам решить Нужна такая конструкция (нарисовал на скорую руку) http://img532.imageshack.us/img532/144/atata.png Блоки (1) и (2) находятся один под одним, в блок (2) входят два блока: (3) и (4). В свою очередь в блоки (3) и (4) входят еще одна "конструкция". (по сути, в 3м и 4м блоке будет одно и тоже, только с разной шириной. В общем, все это я пытаюсь сделать следующим образом: (4го блока тут нет, ибо даже не пытался сделать, без нормального 3го) <div class="center-menu"></div> /* блок (1) */ <div class="center-body"> /* Блок (2) */ <div class="left-menu"> /* Блок 3 */ <div styl…
0 votes3 answers -
Цвета цвета цвета
Суть проблемы такова, есть изображение .png размером 1х300 которое содержит плавный градиент, когда прописываю его как бэкграунд (repeat-x), мягко говоря выглядет не так как я в ps нарисовал, появляються явные полосы, возможно ли это как то исправить?
0 votes9 answers -
Скролбар в Div'e
Здравствуйте! Уперся в необходимость скроллбара в Div'e, да причем не простого, а чтоб можно было его как угодно оформлять и использовать в любых комерческих проэктах! На JavaScript есть интересный скрол - зовется FleXcroll! Вобщем он полностью соответствует требованиям - но в рид ми прописана строчка о то ,что не стоит использовать его в комерческих проэктах не согласовав с авторами. Как это реализовать ? Какой скрипт лучше использовать ? PS: У меня получилось осуществить стандартный скроллбар в Div'e - посредством overflow-y:scroll и заданием фиксированного размера для DIV. Хотелось бы узнать как его можно "разукрасить" ?
0 votes3 answers -
Проблема с div и onmouseover
6 часов бился, честно, уже нет сил. Идея - сделать меню, имеется 2 картинки, push - когда мышка над кнопкой и npush когда мышка не над кнопкой. Требуется - меню из n пунктов, при наведении на один пункт он подсвечивается, ПОВЕРХ ФОНА КНОПКИ ТЕКСТ. Мой код, итоговый. последний что в голвоу пришёл (помоему так нельзя, но источники противоречат) <div style="background-image:url(npush1.png); height:35; width:200;" onmouseover="this.style.background('push.png')" onmouseout="this.style.background('npush.png')">текст на кнопке </div> То что жирным отмечено, работает. Были варианты this.style.background-image('push.png'), с кавычками и без. Перепробывал реально кучу в…
0 votes16 answers -
display: table
Виват всем. простейший вариант. <!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"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; border: none; height: 100%; } div { background: silver; border-top: 10px dashed red; display: table; height: 100%; } /*]]>*/ </style> </head> <body> <div> <p>Aliquam lacinia aliquam orci in congue. Sed laoreet volutpat imperdiet. Phasellus non neque ut …
0 votes3 answers -
Верстка блока номера страницы
Ребят как одним дивом (кросбраузерно) например сделать такое, чтобы тянулось по ширине: <div class="number">10</div> Тянется только белый блок вокруг номера страницы с округлыми краями.
0 votes12 answers -
Scroll, только в в текущем div
Собственно с помощью javascript генерится поверх всех элементов окно div в overflow:scroll, с таблицей внутри. Когда крутишь роликом мышки в div, то и прокручивается главная страница, под этим div контейнером. Можно ли как-то сделать, чтобы прокручивалось, только внутри div? Я тут думал, что можно сделать fixed фону, на время просмотра, а потом возвращать, но дело в том, что у меня ссылка для открывания этого div находится в footere, то есть на неё могут кликнуть в любой части сайта.
0 votes2 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 -
Обтекание + центрирование
Доброго времени суток. Проблема вот какая : создал меню с выпадающим списком, все работало пока не проверили на IE6. пришлось переделывать. После переделки получилось, что в самом меню элементы расположены примерно так : <li>Главная</li> <li>Не главная<img src='someimage'></li> <li>Тем более не главная</li> someimage в данном случае это стрелочка индикатор выпадающего списка: курсор над кнопкой, стрелка указывает что список выпал(так скать для красоты). Вот в чем проблема элементы меню находятся на разных уровнях, если считать от верхнего края...то "главная" примерно на 5 пикселей, "Не главная" на 7 пикселях и "Тем более не главна…
0 votes13 answers -
Непонятный глюк в Opera и Safari
Стандартная сетка, три колонки резина, низ прекрасно прижат без всяких абсолютов. В IE6, 7, 8, FF все отлично. Но проявился странный глюк в Опере и Safari под Windows (В Safari под мак все отлично). Глюк в том, что низ прижимается, но при уменьшении/увеличении окна по вертикали странно прыгает и потом становится на положенное место. Не критично, но неприятно. До обновления браузеров такого не было. <!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=WINDOWS-1251" /> <title…
0 votes2 answers -
Меню-картинка с открывающимся списком-текстом
Здравствуйте, подскажите пожалуйста, как сделать из такого меню так, чтобы при наведении мышкой на картинку (или нажатии) открывался бы вниз многоуровневый список? Вот html код создаваемого меню: <td valign="top"><table border="0" cellpadding="0" cellspacing="0" width="1024" height="223"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0"align="left"><tr><td background="images/1_1.jpg" border="0" width="136" height="78"></td></tr><tr><td background="images/1_2.jpg" border="0" width="136" height="74"></td></tr><tr><td background="images/1_3.jpg" border="0" width="136" …
0 votes2 answers -
Как такую верстку сделать можно?
Несколько дней назад столкнулся с такой проблемой при верстке, на данный момент мозг уже кипит и плавно переходит в состояние паники Вот схема: Проблема в том, чтобы закрепить "блок 2" относительно центра страницы со смещением влево на 100px. Причем "блок 1" и "блок 3" должны полностью заполнять свободное пространство. Дальше, при масштабировании сайта "блок 2" должен сохранять свою позицию относительно центра всей страницы. (сайт резиновый и позиционируется относительно центра) Не важно как это будет реализовано, дивами или таблицей, главное чтоб работало именно так как описано выше П.С. я сам больше дизайнер, чем верстальщик Буду очень благодарен за помощь.
0 votes11 answers -
Помогите! Табличная верстка, глюк в IE
Здравствуйте, уважаемые гуру-верстальщики. Возникла такая проблема, в общем-то я думал, что с ней справлюсь, но IE отказывается корректно растягивать хедер. Посмотрите ссылку index.html В Опере и Мозилле хедер отображается правильно, т.е. прижимается к правому боку, а центр растягивается. А IE не хочет растягивать поле td и прижимает хедер к левому боку. Но и это еще не все. Когда убирается контент, например index4.html или короткая строка index3.html, IE отображает всё правильно, т.е. хедер прижимается к правому боку. А когда выводится в контент мало-мальски длинная строка (без переходов на новую строку), то хедер опять прижимается к левому боку... Например index2.html…
0 votes7 answers