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
-
Элементы меню, выравнены по левому и правому краю.
Вступление Всем привет. Возможно для Вас это не проблема, но я уже себе весь мозг сломал, пальцы стерты до дыр после гугления, и все что имеется у меня на данный момент это несколько совсем некрасивых решений . Задача У нас есть меню, состоящее из 5 (количество пунктов может меняться) пунктов. Нужно чтобы первый пункт выл у самого левого края. А последний у правого. И расстояние между пунктами было одинаковым. Вот пример: |[u]Главная страница[/u] [u]Форум[/u] [u]Новости[/u] [u]Гостевая книга[/u] [u]Войти[/u]| Где | это край к которому должны быть прибиты элементы. Если использовать выравнивание по центру то получим: | [u]Главная страница[/u] [u]Форум[/u] [u]…
0 votes2 answers -
Вопрос по параметрам тегов для обертывания IMG
Народ, помогите советом. Не могу сформулировать проблему так, чтобы поисковики меня поняли :-) Есть картинка <img src=...>. Если её оформить как <img style="width:100%" src=...> , то она отлично тянется и ресайзится. Однако дело в том, что этот IMG формируется скриптом, и как к нему подлезть, я пока не придумал - нельзя его изменять, в общем. Зато можно обернуть этот IMG во что-нибудь. Я перепробовал несколько вариантов, но успеха не добился. Подскажите, пожалуйста, какие-нибудь варианты обёртки.
0 votes3 answers -
Размер отступа <br>?
Какое расстояние по вертикали в px дает тег <br>?
0 votes3 answers -
Как сделать статистику ?
Доброй ночи уважаемые Гуру!Подскажите как сделать возле каждой кнопки "скачать" свою мини статистику,например: Кнопка "Скачать" возле неё на против сколько раз файл просмотрен и сколько раз этот файл скачали. Возможно ли так сделать?если да,то как??? - Это не на форум,а на каждую страничку сайта где есть кнопка скачать. Вот пример как тут: http://www.twirpx.com/file/41594/ Заранее БОЛЬШОЕ СПАСИБО.
0 votes6 answers -
пробивная сила margin-top:-80px;
<div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png');width:255px; background-repeat: repeat-y; margin-top:0px;"> <div style="margin-top:-80px !important;"> <p style="text-align:left; margin-left:110px; margin-top:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:150%; font-weight:bold;"> Ретро весна 2010<br> Ретро виставка 2010<br> Ретро весна 2010<br> Ретро виставка 2010…
0 votes4 answers -
Проблема с checkbox
Приветсвую ! Подскажите, пожалуйста, как выровнять текст возле checkbox'а ровно посерединке флажка ? А то в Хроме почему-то текст слегка смещён вниз.
0 votes6 answers -
Выравнивание по-центру абсолютного блока с неизвестной шириной. Возможно?
<style type="text/css"> .temp1 { position: absolute; left: 40%; border: solid 1px black; } .temp2 { position: absolute; border: solid 1px red; top: 200px; left: -50%; } </style> <div class="temp1"> <pre class="temp2"> </pre> </div> Вот есть у меня блок: тег pre, я не знаю его ширину. Но мне нужно его спозиционировать по центру... Возможно ли это?
0 votes2 answers -
автоматический перенос блоков внутри блока
есть сабж, в одном диве 7 картинок к которым подключен Хайслайд. ширина дива 800 пихелей. надо чтоб в одну строку влазило не больше 4-х рисунков, и всё ето надо реализовать через html/css. причём проблема только в опере, лисица и ИЕ всё переносят нормально... подскажите как пожалуйста)
0 votes3 answers -
ошибки при проверки валидатором
Добрый день. У меня, как у начинающего, возник вопрос по поводу проверки станицы сайта валидатором http://validator.w3.org При проверки страницы возникают ошибки разметки, а как это влияет в дальнейшем на развитие сайта, на индексирование страниц поисковиками и т.п.? вот пример для наглядности http://zaidikupi.ru/index2.php Дизайнер с работой справился хорошо, ни каких ошибок, а вот после работы прогера повылазили
0 votes11 answers -
Проблема с firefox с www и без разные стили
Нормально как и должно быть - http://www.stockvest.ru/ а без www весь контент, дивы, баннеры все в уменьшенном виде - http://stockvest.ru/ Проблема только в firefox(обновлял не помогло), в опере, хром и ei все нормально. Не пойму что за бред. Может это у меня firefox тупит.
0 votes3 answers -
Трабл с hover'ом... в Safari
Проблема заключается в том, что в сафари прыгает текст в теге LI причём буквально на пару пикселей.... ни один отлоадчик не показывает где беда... ФФ, Опера и ослик8 показывают как надо... и что самое интересное другая менюшка с тем же стилем показывается абсолютно правильно... вот ссылка - проблема в левой менюхе... CSS ul#mainlevel { display:block; width:200px; } #mainlevel li { display:block; width:200px; height:30px; line-height:30px; border-bottom:solid 1px #fff; text-align: right; vertical-align: bottom; padding-right: 10px; } #mainlevel > li:hover { background: url(../images/vmmenu.png) no-repeat right; } #mainlevel li:first-child { border-to…
0 votes2 answers -
В IE не видно пунктирное подчеркивание ссылок
Есть вот такой стиль ссылок. Но в IE подчеркивание не видно Это вывод событий в афише. Что интересно: одна из ссылок все-таки отображается нормально, хотя ее код в точности такой-же как и остальных. <style> a.event_list_link {color:#a1caf4; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:normal; font-size:11px; text-decoration:none; border-bottom: 1px dashed #a1caf4;} a.event_list_link:hover {color:#fff; text-decoration:none; border-bottom: 0px;} </style> <div class='event_list_link'> <a class='event_list_link' target='_self' href='index.php?option=1&a=1&id=2' title='Подробнее о событии'>под…
0 votes6 answers -
Текст в DIV'е
Здравствуйте! У меня есть div, который занимает всю длину ячейки таблицы. В этом диве есть текст, который длиннее этого div'a. Мне нужно сделать так, чтобы этот текст не переносился на следующую строку, а обрезался с правого края div'a. ...... <td style="width: 200px;"><div>Этот текст длиннее двухсот пикселей!</div></td> ......
0 votes2 answers -
Проблема с областью ссылки
Дорогие, форумчане! Помогите, пожалуйста! Прописываю следующий CSS-код: div.button { background-image: url(/design/Command1.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; } div.button:hover { background-image: url(/design/Command2.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; } Прописываю следующий HTML-код: <a rel="shadowbox;width=640;height=505;player=swf" title="Василий Шукшин - Калина Красная" href="http://video.google.com/googleplayer.swf?docid=-1336173211077011168&hl=ru&fs=true"><div class="button"></div></a> Вроде…
0 votes1 answer -
таблица
Есть таблица с фоном(brick.bmp), которая центрируется. Для одной из ячеек нужно, чтобы фона не было (точнее, был фон страницы-h5.jpg). как можно реализовать? BODY{background: url('images/h5.jpg') repeat-x fixed #ff8; margin: 0; font-family: Arial} TABLE.b {table-layout: auto; background-image:url('images/brick.bmp'); border-collapse: collapse; margin: 0 auto; margin-bottom: 20px;} фон не однородный, и просто задать его фоном ячейки не выйдет. Благодарю за помощь.
0 votes4 answers -
Iframe
Подскажите каким образом можно реализовать отображение фрейма на странице, но так, чтобы не от верхнего левого угла, а с определенной позиции, например 100 по X 100 по Y?
0 votes0 answers -
Центровка сайта: проблема в Opera
Делаю отцентрованный сайт (Ссылка, narod.ru, исходник на slil.ru), : Всё получается ок, центральная колонка и изображением остаётся ровно в центре, никаких проблем. Однако, к таблице приходится добавлять Чтобы не было зазоров/границ. После этого исключительно в Opera всё это дело слезает: Думал, конечно, жёстко задать ширину левого и правого <td> в процентах/пикселях, но тогда они потеряют свою "резиновость". Как решить проблему? Спасибо.
0 votes11 answers -
Как фиксировать изображение?
Вот сайт, мой. Я его не рекламирую Привожу ссылку для наглядности. popfor.ru Я новичок в веб-дизайне. Подскажите, что прописать в css, чтобы изображение, которое справа, при сворачивании окна браузера "тормозилось" перед логотипом, который расположен слева, пикселей, хотябы на 20-30. Буду очень признателен за помощь Код самого изображения: .shp_tr { background:url(../../images/shp_bags.gif) left top no-repeat; right:auto;height:216px; width:693px;} Вот весь код: Удалено.
0 votes9 answers -
В IE прозрачная PNG берет не правильный бэкграунд
И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую. Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px; В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй. НО! В IE получаем белый фон у картинки с прозрачным фоном! Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px; Т.е если у контейнера с картинками фон синий - у прозрачной картинки тоже будет синий фон Как это побороть? Этот баг только в IE в осталь…
0 votes5 answers -
Menu span, блокирует все что сзади
Здравствуйте. У меня проблема. В браузерах Opera и FireFox, на сайте из-за Menu span, блокируется все что сзади находится. А в IE нормально. Подскажите как можно это испавить? http://slik.biz/mail.php Спасибо.
0 votes5 answers -
Вопрос по дримвиверу.
Допустим, у меня есть style.css и пять страниц, где он используется. Можно ли в дримвивере как-то указать, что данный style.css связан с перечисленными пятью страницами, а затем при изменении имени класса он должен автоматически меняться на этих пяти страницах без их обязательного открытия в программе. Например, есть класс menu, я его меняю на menu01, после чего программа автоматом меняет название этого класса в связанных файлах. Конечно, она их будет как-то открывать для замены, но суть в том, чтобы их не надо было открывать сразу при правке css. Файлов-то может быть 100 или 1000. А так поменял название класса, нажал кнопку заменить во всех связанных и пошло. Такая возмо…
0 votes6 answers -
Создать по высоте резиновые проценты и пиксели.
Задача такая. Сделать 7 блоков, по высоте слева (в оригинале будет меню поверх самого сайта, сделанного из картинок ссылок, анимированных CSS, по другому пока не умею). Три блока - имеющих постоянную высоту. Красный - 75 пикселей, желтый - 125 пикселей, зеленый - 100 пикселей. Если взять высоту всех отступов за 100%, то первый - 30%, второй и третий - 20%, четвертый - 30%. При изменении высоты окна браузера должна меняться высота пустых блоков, сохраняя пропорции. При этом не должно появляться полос прокрутки, все должно поместиться в высоту окна. Конечно, при высоте менее 300 пикселей меню уже не поместится. Так как ж так красиво сделать? По горизонтали получилось. Ну…
0 votes4 answers -
Левая колонка скрывается без скролла
При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!
0 votes29 answers -
width вложенного div больше width родителя
<div id="menu" style="width:300; position:absolute; left:25; clip:rect(0 330 auto 0)"> <div id="menu2" style="position:relative; white-space:nowrap"> текст, у которого может быть различная ширина, к примеру 1300 px </div> </div> 1) в IE menu2.offsetWidth дает правильную ширину 1300, а в Opere выдает 300 (offsetWidth menu). Как узнать в опере menu2.offsetWidth? 2) Как сделать, чтобы ширина menu2 не влияла на горизонтальный скроллинг окна.
0 votes1 answer -
Проблема вертикального меню в опере
Создал себе сайт, но не могу побороть одну проблему - в IE выпадающее меню работает нормально, а в опере не полностью. Гляньте пожалуйста, что не так? http://snacks-club.org.ua/
0 votes2 answers