otmoroz095

Привет всем! Делаю свою тему для друпал. Есть блок (div class="node") шириной 100%, в нем статья. Под статьей span (class="submitted") с подписью. Хочу выровнять его по правому краю. Так вот в Мозилах и прочих операх достаточно выставить text-align:right, а Интернет Эксплорер 7 не выравнивает. Код: .node span.submitted { position:relative; font-size:0.8em; text-align:right; margin:3px; padding:2px; width:200px; border:1px solid red } .node .submitted a { color:#c21606; font-weight:bold; text-align:right; } Как видите, уже попробовал повторять свойства - не пашет! Подскажите, пожалуйста, в чем ошибка? На всякий случай код всего этого чуда: <div id="node-120" class="node sticky clear-block news"> <h2> <a href="/bcs/content/story/120.htm" title="Телефоны экстренной помощи для Москвы"> Телефоны экстренной помощи для Москвы </a> </h2> <div class="meta"> <!--div class="terms terms-inline"></div--> </div> <div class="content"> <div class="field field-type-content-taxonomy field-field-news-dept"> <div class="field-label">Отдел: </div> <div class="field-items"> <div class="field-item odd"> ИТ (Информационных технологий) отдел </div> </div> </div> Действующие телефоны только <u>МОСКВА</u>:<br> <img alt="" src="/bcs/sites/default/files/users/root/news/info.png" style="width: 128px; height: 128px; float: right; margin: 2px;"><br> <br> <table style="width: 500px;" border="1" cellpadding="1" cellspacing="1"> <tbody> <tr> <td> <strong>Служба</strong></td> <td> <strong>Наш набор</strong></td> </tr> <tr> <td> <em>МЧС</em></td> <td> 55501</td> </tr> <tr> <td> <em>Полиция</em></td> <td> 55502</td> </tr> <tr> <td> <em>Скорая помощь</em></td> <td> 55503</td> </tr> </tbody> </table> </div> <span class="submitted"> <p> Автор <a href="http://172.31.42.254/bcs/user/3" title="Информация о пользователе.">Морозов Андрей</a> <br> 23 Ноябрь 2010 </p> </span> <p> </p><ul class="links inline"><li class="comment_comments first"><a href="/bcs/content/story/120.htm#comments" title="Перейти к первому комментарию.">2 комментария</a></li> <li class="node_read_more"><a href="/bcs/content/story/120.htm" title="Читать дальше Телефоны экстренной помощи для Москвы">Подробнее</a></li> <li class="statistics_counter last"><span>104 просмотра</span></li> </ul> <p></p> </div>

я таки Вам скажу: если нужен только Ламп - ставьте линукс с Ламп в виртуалке и сидите в этой своей винде со шрифтами =) А вообще есть много тем в интернетах про как раз шрифты (слэнг.: ШГ) в линуксе и дизайны вообще. Есть уроки ГИМП - посмотреть пару и поймете разницу с фотошопом. Я кончил.

осилил! если кому-то пригодится: css: div#content { border:0px solid black; min-width:400px; padding:10px; } .sideboth{ margin-left:202px; margin-right:202px; } .sideleft { margin-left:202px; margin-right:10px; } .sideright { margin-left:10px; margin-right:202px; } через php присваиваем классы диву content. видимо у меня где-то с друпаловскими классами стили конфликтовали!

Помогите сделать изменяемую ширину контента, в зависимости от того, есть или нет сайдбары код: <div id="wrapper"> <?php if ( $mission ): ?> <div id="mission"> <?php print $mission ; ?> </div> <?php endif; ?> <div id="content" <?php print phptemplate_body_class($left, $right); ?>> <div class="content_inner"> <?php print $breadcrumb ; ?> <?php if ( $tabs ): ?> <div class="tabs"> <?php print $tabs ; ?> </div> <?php endif; ?> <?php if ( $title ): ?> <h2 class="title"> <?php print $title ; ?> </h2> <?php endif; ?> <?php if ( $show_messages ): print $messages ; endif; ?> <?php print $help ; ?> <?php print $content ; ?> </div> </div> </div><!--wrapper--> <div id="left" class="left"> <?php if ( $secondary_links ): ?> <div id="secondary"> <?php print theme ( 'links' , $secondary_links ); ?> </div> <?php endif; ?> <!-- /#secondary --> <?php print $left ; ?> </div> <?php if ($right): ?> <div id="right" class="right"> <?php print $right; ?> </div> <?php endif ; ?> Стили div#right { float:left; width:200px; margin-left:-202px; margin-right:0px; display:inline; } div#wrapper { float:left; width:100%; margin-top:20px; } div#content { border:0px solid black; margin-left:202px; margin-right:202px; min-width:400px; padding:10px; } div#left { float:left; width:190px; margin-left:-100%; border-right:4px solid #da2919; display:inline; } В каком из дивов нужно менять классы и как менять стили? Если в #content меняю отступы - контент расплывается на 100%, перекрывая оставшийся сайдбар

это точно хорошо, что не тролль, а то с первых 5-ти вопросов дубиной меня опустил бы

2-й Файерфокс сейчас есть еще во многих дистрибутивах Линукса и будет еще полгода минимум, пока они все не обновятся) но это уже другая тема! Спасибо всем за помощь! У меня експы +3

а чтобы отцентрировать, нужно к диву content стили накладывать? Спасибо Вам большое! Вот теперь все понятно! Сложная все-таки логика у плавающих элементов) а чтобы вывести блоки по краям, а остальное отцентрировать, нужно content переименовать в inner, а внутри иннера добавить еще див content и ему назначить margin:0px auto тогда сайт будет в центре, а сайдблоки по краям окна! З.Ы. желательно всегда приписывать px, иначе случаются проблемы (во втором файерфоксе помоему) баг: длинные слова в сайдблоках НЕ переносятся, а тянут окно по горизонтали...

вот код psywalker : *{ margin:0; padding: 0;} body { min-width: 500px;} div.head { height: 100px; background: blue;} div.right { float:left; width: 200px; margin-left: -200px;; background: red; display: inline; } div.wrap { float:left; width:100%;} div.content{ margin: 0 200px; background: #FF9; } div.sidebar{ float:left; width: 200px; margin-left:-100%; background: red; display: inline; } div.foot { background: blue; height: 100px; clear: both;} p { padding: 10px;} вот мой: * { margin:0px; padding:0px; border:2px solid gray; } .right { float:left; width:150px; margin-left:-150px; display:inline; } .wrapper { width:100%; float:left; background:#ccc; } .content { margin: 0px 200px; } .left { float:left; width:150px; margin-left:-100%; display:inline; background:#fff; } .footer { clear:both; width:100%; height:100px; background:blue; } p {padding:10px} его работает, а мой нет - где ошибка? все!!! уррра!!!! из-за бордеров все я их удалил с особым цинизмом! но все-равно не понял как это работает. ведь margin-left - 100% должен бы увести блок далеко влево?

как работает это все. точнее как и зачем выставлять отрицательные отступы и как отцентрировать сайт в таком макете (( Вы извините, я сам понимаю, что туплю =(

ничего не получается (( плавающие элементы - это жесть. я бы взял уже готовый макет, но мне главное вникнуть!

не могу найти ошибку! помогите, плиз http://citydog.radiushosting.ru/index.html

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

эммм... прокатит, но я ничего не понял - запутался в отступах. сейчас скопипастю, закомментирую для себя и отпишусь Спасибо! спасибо, отпишусь попозже! *{ margin:0; padding: 0;} body { min-width: 500px;} div.head { height: 100px; background: blue;} div.right { float:left; width: 200px; margin-left: -200px;; background: red; display: inline; } div.wrap { float:left; width:100%;} div.content{ margin: 0 200px; background: #FF9; } div.sidebar{ float:left; width: 200px; margin-left:-100%; background: red; display: inline; } div.foot { background: blue; height: 100px; clear: both;} p { padding: 10px;} как так получилось, что везде float:left и при этом пример работает? понял примерно. каждый блок обтекает друг друга (кроме футера). а отступами они ставятся на свои места. круто! а это правильно? то есть валидно и кроссбраузерно? в любом случае спасибо за помощь! З.Ы.: как я понял никто не использует абсолютное позиционирование7 а почему?

1 или 2 или 3 - рисую шаблон для Друпала 6-го

не работает у меня. к сожалению ссылку не могу дать, вот скрин:

Спасибо за пример! то есть блоку с меню нужно выставить отрицательный маргин на величину его ширины (во выдал!), при условии, если правая часть резиновая? А что делает .clear?

Доброе время суток. Есть абсолютно позиционированная менюшка на центрированном сайте. если окно браузера не развернуто, то, естественно, она накладывается на остальной контент. как этого избежать? Пример: <body> <div id='весь сайт'> весь контент </div> <div id='menu'>абсолютно позиционированно так, чтобы оно было слева от контента </div> </body> Абсолютное позиционированние нужно для СЕО. То есть контент должен быть выше менюшки. Помогите разобраться, пожалуйста! В поиске не нашел

Решил! Извините, пожалуйста! У меня для <div class=head> и class top-menu была жестко задана высота! и меню не вмещалось в head!

Доброе всем время суток! У меня непонятная проблема: Структура: <div class='wrapper'> <div class='head'> <!--Регион "Заголовок"--> <div class='user-login'></div> <div class='searchbox'>ПОИСК </div> <!--Конец "Заголовок"--> <div class='logo'> <b>logo</b> </div> <div class='site-title'> Система Коммуникации </div> <div class='top-menu'> <ul> <li>MENU1</li> <li>MENU2</li> <li>MENU3</li> <li>MENU4</li> </ul> </div> </div><!--end head--> <div class='content-inner'> <div class='content-top'> 'content-top' </div> <div class='content'> 'content' </div> <div class='content-bottom'> 'content-bottom' </div> <div class='left-side'> left </div> <div class='right-side'> right </div> </div><!--end content-nner. Если боковые блок нужны в общем иннере (рядом с контентом) то ставить их надо до этого дива. А если в края сайта - то после --> </div><!--end wrapper обрамление для всего сайта--> css для меню: .top-menu { height:40px; background:black; width:100%; } div.top-menu ul { float:left; border-left:2px solid #ffffff; color:#ffffff; text-align:center; } .top-menu ul li { float:left; overflow:hidden; } .content-inner { clear:both; } почему-то content-inner попадает в див top-menu. Подскажите, плиз, в чем ошибка? Спасибо!

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

ок, спасибо, буду писать на js, тем более что браузеры я могу настраивать и контролировать сам - халява для web-разработчика Спасибо всем, кто отозвался!

извини, пожалуйста, видимо я сильно туплю, но кроме js я ничего не нашел - ты имеешь ввиду SSI? Это тоже не подходит, давай все объясню: Есть сайт, который каждый день бекапится на несколько компьютеров, чтобы только пользователи ЭТИХ компов его пользовали. Сайт ни с чем более не связан ничего кроме html css и js не используется, вот так! Значит только на js? а можно ли там вписывать много строк сразу? Спасибо.

ой, забыл не на php, а на html или что-нибудь такое! На php-то я знаю