yujin11
-
Posts
81 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by yujin11
-
Увы, но это не бордюр.
-
Подскажите пожалуйста как это можно сделать, я с этим ещё не сталкивался. Дело в списках, не могу изменить высоту лишки и как это решить, пока не знаю.. Подскажите кто знает, кто сталкивался. Посмотрите ещё в центре блок с ссылками гуляет.
-
Всем доброго времени суток. Помогите пожалуйста с страничкой. Вот станичка содержимое правого сайдаба по разному отображается, в IE7 последняя картинка в блоке почти прилегает к низу блока, а в остальных браузерах чуть с запасом. Помогите разобраться. Уже пробовал с бубном танцевать - не помогло.
-
Спасибо за совет
-
тогда нужно задавать идентификатор и тогда код в стиле будет иметь такой вид #wrap ul #qwe{ padding-bottom:20px; border-color:red;} А употреблять классы на сколько я знаю не желательно, потому что они увеличивают скорость загрузки страницы.
-
Всем добрый день. Вопрос к опытным специалистам: Правильно ли прописывать отдельные стили непосредственно в теге, не хочется злоупотреблять классами или идентификаторами. Правильно ли так делать, ведь весь CSS будет находится целиком в отдельном файле. Пример кода для болей ясности. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html{ width:100%; height:100%} body{ width:100%; height:100%;} #wrap ul{ margin:0; padding:0; width:100px;} #wrap ul li ul{ width:100%;} #wrap li li{ padding-left:0px; list-style-type:none;} #wrap li{ padding:5px 0 5px 20px; border-bottom:1px solid blue;} #wrap li a{ color:red; text-decoration:none;} #wrap li li a{ color:green;} </style> </head> <body> <div id="wrap"> <ul> <li> <a href="#">tru-la-la</a> </li> <li> <ul> <li> <a href="#">ta-ra-ra</a> </li> <li style="border:0;"> <a href="#">ta-ra-ra</a> </li> </ul> </li> <li> <a href="#">tru-la-la</a> </li> <li> <a href="#">tru-la-la</a> </li> <li style="padding-bottom:20px; border-color:red;"> <a href="#">tru-la-la</a> </li> </ul> </div> </body> </html>
-
position:absolute; bottom:0; right:0; И вуаля.. помянуть и забыть как страшный сон
-
Как втулить два relative div-а в один родительский?
yujin11 replied to nikudza's question in HTML Coding
Я бы родительскому блоку задал relative, а вот вложенным absolute с координатами левый left:0; а правому соответственно right:0;. -
о да, он заставлял кипеть мозги в своё время
-
Предлагаю сделать так. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html{ width:100%; height:100%} body{ width:100%; height:100%; background:url('http://qui-qua.ru/Images/background.png') repeat-x 0% 100%;} #wrap{ } </style> </head> <body> <div id="wrap"> </div> </body> </html> тогда фон будет всегда прижат к низу. есть ещё вариант задать боди мин.ширину и мин.высоту, тогда в этих пределах фон не должен резаться в не смотря на то в какой области (видимой или нет) он находится.
-
Как-то так, вестимо. Если браузер display: table-cell не поддерживает, то придётся либо скриптами, либо вместо блока делать таблицу с единственной ячейкой. Работает, всё как хотел. Спасибо большое )
-
Доброго времени суток. Нужна помощь в решении одной задачки. И так. Есть блок фиксированной ширины и высоты, внутри него находится тег <img>, размеры которого могут изменятся в зависимости от размеров изображения, но при этом тег <img> всегда должен находится строго в центре блока.
-
Надо было обвёртке задать минимальную ширину сайта, в моём случае 980px, после этого всё заработало ))
-
Тогда не ограничивай шапку по ширине. Или сделай её 100%, а фон просто повесь на неё чёрный. Так с шапкой всё в порядке, проблема под ней. Где бэкграунд зелёный с градиентом и всё, что ниже вплоть до подвала. Шапка как раз не глючит, а глючит всё остальное.
-
Но у меня сверху и снизу разные бекграунды, да ещё и с градиентом разным. Будь он монотонным, тогда нет проблем.
-
т.е на обвёртку?
-
Доброго времени суток, возникла проблема и не могу понять как её решить. И так есть Сайт на первый взгляд с бэкграундом всё нормально, тянется и всё такое, но если окно браузера не развёрнуто полностью, то появляется горизонтальная полоса прокрутки и если её подвинуть, то мы увидим как бэкграунд как бы срезало. Для наглядного примера есть картинка. Подскажите как быть...
-
Ой вот уж не думал что дело в доктайпе. Спасибо огромное за помощь
-
SOS... Как бороться с бордюрами в ослике. Ослик отображает бордюр внутри дива, а остальные браузеры как бы расширяют див на ширину заданного бордюра т.е если у нас высота дива 100px то в ослике 1px бордюр будет в нутри дива тем самым не увеличивая его размер, как это делают другие браузеры. У них, как я понимаю, бордюр на свою ширину расширяет див. 100px ширина дива и если мы ставим бордюр в 1px, то ширина дива уже будет 101px. Ну где то так. В общем подсмотреть проблему можно здесь. Если вы откроете в IE, то нижний бордюр будет неразрывным, а если в другом браузере, то он разрывается. Подскажите как с этим можно бороться?
-
Метод "Раздвижных дверей" и ИЕ7, ИЕ8(режим совместимости)
yujin11 replied to RoleXXX's question in HTML Coding
Подсмотри сюда, раздвижная кнопка, аля лифт типа резиновая -
Подсмотрел, понравилось, кинул в закладки
-
Странно, а у меня всё работало и без overflow:hidden;
-
Спасибо всем за участие и помощь, вот нашел ссылку, где описано как это можно сделать, есть так же ещё один вариант, кому будет интересно, могут зайти и посмотреть. Там вроде всё разжевано и даже есть видео.
-
Сам не знаю. Попробую. Правила - правилами, но мне нужна помощь, а не критика+подзотыльники+марш в угол неуч! Скорей всего не прокатит, я думаю, что в теории должно выглядеть приблизительно так: некий контейнер, забекграундить туда кнопку, и потом внутри этого контейнера сделать ссылку. Может сама кнопка ссылкой не будет, но за то при позиционировании кнопка будет перемещаться вместе с ссылкой. В оригинале этот код выглядит так: HTML <div class="container"> <div class="fright"><a class="s_button" href="http://"><span>Download Now</span></a></div> <h2 class="cont_design_title">бла бла бла всякий текст на вражеском</h2> </div> CSS .fright {float:right !important;} s_button{ visibility: hidden !important; } .s_button {display:block; background:url(../images/buttons/s_button.png) 0% 0%; } .s_button span {display:block; background:url(../images/buttons/s_button.png) 100% 0%; padding:19px 40px 21px;font-size:20px; color:#fff; text-decoration:none; cursor:pointer; line-height:1.2em} .s_button:hover {background:url(../images/buttons/s_button.png) 0% -65px; } .s_button:hover span {background:url(../images/buttons/s_button.png) 100% -65px}
-
psywalker я же не бессмертный. и тебя дезинформировали, я не курю и не бухаю. Хотя с такой работой мог бы