» Вопросы по CSS

Цитата:

Подскажите как редактировать "сжатые" CSS файлы?

http://tinyurl.com/ybg2nky

Подскажите пожалуйста как убрать подчеркивание ссылок в IE.

[no].class a{
    text-decoration: none;
}[/no]
работае в FF и Opera, но IE в не хочет

.class a:link,
.class a:visited
{
text-decoration: none;
}

можно !important на всякий случай добавить

Цитата:

.class a:link,
.class a:visited

спасибо.

www.x bzone.ru (пробел уберите) ,
скрипт магазина на prestashop
собственно вопрос такой, как не ковырял CSS не получается двигать блоки так как надо мне а если получается то они не зафикисрованы и при сменен разрешения элементы сдвигаются .
собственно два вопроса - как мне передвинуть блок поиска чуть ниже (на голубую полоску в низу шапки)
#header #search_block_top {
background: #e5e6e7 url('../img/block_search_bg.jpg') no-repeat top right;
height: 28px;
width: 336px;
float: left;
накидайте пожалуйста пару команд лево право верх низ по пикселям что бы мог двигать .


и второй вопрос по поводу лого
как мне завести его на шапку?

h1#logo {
float: none;
width: 680px;
margin-top: 0.02em;
padding-bottom: 0px;
padding-left: 670px;



____
собственно вот.
спасибо за понимание.

По первому вопросу, допишите эти правила к стилям

#header {
position:relative;
}

#header #search_block_top {
position:absolute;
right:10px;
bottom:35px;
}

По второму вопросу, куда его в шапке вставлять то, там места для него и нет уже.

Прошу помощи.
Нужно к стандартному скину Joomla! 1,5 добавить фон боковых колонок (чтобы подгружался из заданного файла). При 3-х колонках - боковые с фоном, при переходе на страницу с 2-мя колонками, соответственно с фоном только одна.

Может кто-то написать такой кусок кода, чтобы его можно было вставить в template.css (или еще куда)?

dutyklor
*.css

Код:
.mytable{background-image:url("ТВОЙ ПУТЬ")}

Ищу красивые CSS стили под Wap-Motor.

Проблема в том что, как Вы знаете, многие кто входит из телефона в интернет, хотят меньше тратит свои деньги, поэтому отключают показ изображений.
А У меня на сайте щас стоит тема с изображениями (для компьютера), некоторых из них прозрачные, поэтому сайт не корректно отображается, даже у тех которые включили показ изображений, а которые отключили изображения Я вообще молчу.

Поэтому поводу пожалуйста помогите найти стильные стили!

Погуглил, стоившего не смог найти.

LifeBEC
я конешн не призываю к плагиату, но можно в принцепе открыть страницу (с интересующим тебя дизайном) и сохрани страницу полностью (только не web-архив - его потом разбирать надо) - по идеи должна сохраняться css вместе со страницей.

Я подумал об этом.
но ест одно но, поэтому спросил
Цитата:

стили под Wap-Motor

.
Как Вы знаете телефоны не поддерживают токое количество цветов, как компютеры.
По этому если не взят тем под вап, ,на дисплее телефона будут не корректно отображатся цветы.

Уважаемые прошу помочь с разметкой блоками страницы, чтоб не съезжало при масштабировании окна браузера тоесть резиновая верстка - нужна как на примере ниже, заранее огромное спасибо, можно в личку а то чет зашился все не так как надо уже взрыв мозга...

DmitryV
http://csstemplater.com/

andead
да там уже был, сделал шапку и подвал резиновыми а вот как между ними резиновым блок по высоте слелать застрял по горизонтали все в норме... и в нутри нужно 2 блока слева фиксиованный по ширине а второй справа резиновый...

Цитата:

а вот как между ними резиновым блок по высоте слелать

а мож подвал поставить отдельным дивом вниз экрана? Фиксировать по боттому. Тогда собсно резиновость центр блока становится неактуальна )

bredonosec
задачка сделать 4 блока для последующего наполнения по переменным из скрипта на smarty
тоесть нужны четко 4 блока для последующей шаблонизации.
да вот пробую чет все не то что хотелось бы ...

с шапкой и подвалом проблем нет никаких подвал привязан к низу по позиции как ты и предлагаешь

но если в среднем блоке идет большой контент то подвал не уходит вниз от него..

а вот как привязать среднии два блока щас ковыряю...

Цитата:

вот как между ними резиновым блок по высоте слелать

там есть опция

Цитата:

Прижать футер к низу окна браузера

andead

Цитата:

Прижать футер к низу окна браузера

и когда контента больше чем размер странице подвал не уходит вниз от среднего блока...

во блин ещё отображение зависит от.. и что выбрать если сайт разметка блочная CSS 2.1?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

DmitryV
то есть, нужно, чтоб когда контента менбше, чем на стр, подвал был по низу, а когда больше - уползал под экран? А просто создание 2 блока с распоркой-картинкой (не меньше стольки-то), и забивка его текстом чем плохи? Текста больше - сам растянется. Вроде как оверфлоу: блок по дефолту значение..
Или height поставить в процентах, и оверфлоу: блок - не пропашет?

bredonosec
вот что сейчас сделал
html{
height:100%;
}
body{
margin:0;
padding:0;
height:100%;
}
#metabox{
min-height:100%;
position:relative;
}
#header{
background:darkred;
width:100%;
height:50px;
position: relative;
}
#box{
padding:20px 20px 80px 20px;
}
#footer {
height:60px;
width:100%;
position:absolute;
bottom:0;
left:0;
background:darkred;
}
#footer_content {
margin:20px;
}
//================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="test.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="metabox">
     <div id="header">Шапка</div>
<div id="box">контент</div>
<div id="footer">
<div id="footer_content">подвал</div>
</div>
</div>

</body>
</html>
//==================================================

все как надо только чет не получается блок с меню врезать, кто поможет добить до идеала спасибо...

DmitryV
Сталкивался с такой проблемой: при чем - если решается вопрос отображения под одним браузером в другом это уже не работает.
Поэтому я решил вопрос этот скриптом (правда он под фреймы ... но думаю переделать под что-то другое не проблема будет):

Код:
function resizeIframe(id) {

try {
frame = document.getElementById(id);
innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
objToResize = (frame.style) ? frame.style : frame;

if (navigator.userAgent.indexOf("Opera") >= 0)
objToResize.height = innerDoc.body.scrollHeight;
else
objToResize.height = innerDoc.body.scrollHeight + 50;
}
catch(e) {


window.status = e.message;
}
}

BlackVetal
спасибо да не то, пока чет не решаем вопрос, пока цель сделать чтоб под 8 IE все красиво работало, а там уже потом кроссбраузерность прикручивать...

PS: да уж вот програмиш и не знаешь всех проблем кодеров , и кто только разрабатывал CSS и браузеры мать их перемать.. логика посторения просто блещит.. читаю доки и в реале фигня а не по стандартам..

по логике:
<body>
<div id="common">
<div id="header">header<div>
     <div id="box">
     <div id="nav">nav</div>
     <div id="content">content</div>
     </div>
<div id="footer">footer<div>
</div>
</body>

дальше пока мысль заканчивается... кручу верчу все не получается.

Это подойдет?
http://cssmake.ru/component/content/article/4/110.html

Kaylang
спасибо но с подвалом проблем нет а вот со всем остальным есть, а именно с шапкой (все понятно можно прижать она сверху и все) а вот с двумя блоками между подвалом и шапкой чтоб если контента много подвал уехал вниз и одна колонка равнялась по высоте другой хоть и разное наполнение контента, а при малом растягивались до подвала который внизу...


PS щас почитаю там на сайте может что подобное ещё описано, ещё раз спасибо...

DmitryV

Цитата:

а вот с двумя блоками между подвалом и шапкой чтоб если контента много подвал уехал вниз и одна колонка равнялась по высоте другой хоть и разное наполнение контента, а при малом растягивались до подвала который внизу...

Этого добра валом в инете:
float колонки одинаковой высоты

Kaylang
Спасибо полезное но все по отдельности красиво но вместе пока не собирается...
грызем гранит науки дальше, читаю пробую...

DmitryV
Попробуй колонки делать этим методом: http://cssing.org.ua/2004/09/10/flex-faux/

Т.е. в родительский контейнер под колонки "подкладывается" фоновый рисунок сверху до низу.

Kaylang
нет рисунок не прокатит, перелопатил уже море ресурсов , везде все половинчатые решения, такое впеатление что CSS не для упрощения а для гемора писали разработчики... почему не сделать блоки и их позиционирование куда прописал там и блок... вот же гемора налепили...

http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm
нашел завтра подлатаю под себя...
рекомендую очень грамотные решения на сайте автора...

DmitryV

Цитата:

нашел завтра подлатаю под себя..

Подобное решение я уже видел среди ссылок, которые тебе приводил. При малом количестве инфы, Footer поднимается наверх, а не прижимается к низу.