papay

Я в таких случаях использую vertical-align. Например: <p><a href="http://ya.ru" class="proba1"><img src="/icons/16round/133.gif" alt="альтернативный текст"><span style="vertical-align: 10px;">Семинар Meritor</span></a></p>

Увы фон в этом случае не подходит, так как под дизайн сайта используется белый. Через td нет проблемы в принципе сделать, он и так выравнивает по высоте все блоки не зависимо что за текст внутри, но вот если текст сплошной без пробелов, тоесть ссылка, она не переносится, растягивает блок или выходит за его приделы, стоит вставить word-wrap: break-word, все, хана, все начинает разъезжаться и уже по высоте как раньше не выравнивается, не могу понять в чем дело.

Нужно свертсать три столбца, одинаковых по высоте не зависимо какое количество текста в них. Таких столбцов будет много. Столкнулся с проблемой, что меняется высота в зависимости от количества текста, как сделать, что бы высота менялась в зависимости от столбца? Без использования явы, только css, например через td, высота выравнивается во всех внутри тега tr, но с ними началась проблема когда начал задавать перенос строки при помощи word-wrap: break-word;. В общем, что то я запутаолся. Тут вы можете посмотреть, что у меня получилось, возможно найдете ошибку. http://jsfiddle.net/UnwHS/1/

Дабы не плодить темы, а название темы в принципе подходит под мой вопрос, возникла проблема с шрифтами в IE9, шрифт какой то не четкий, не хватает резкости, проблема наблюдается только в 9 версии, проверял в 8 нет ни каких проблем, все отображает идеально. Пробовал гуглить, что то не получилось найти внятного ответа, не отрицаю, что плохо гуглил.

Спасибо это и хотел узнать, поставил бы плюс, увы не могу Спасибо о данном свойстве знал, но что то не использовал его.

То ли лижи не едут, то ли я ммм, ну В общем вы поняли. Вопрос такой, можно ли делать внешние отступы внутри табилце, что бы блоки tr например друг от туда отступали на N пикселей? Все что то тыкаю, но ни чего не получается. Допустим я делаю так: <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>Один</td> <td>Два</td> <td>Три</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Четыре</td> <td>Пять</td> <td>Шесть</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Семь</td> <td>Восемь</td> <td>Девять</td> </tr> </table> Отступа конечно же ни какого нет и возник вопрос, вообще работает ли это для таблиц?

Спасибо буду пробовать. Жаль плюс поставить в репу не могу Все работает прекрасно.

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

Собственно нашол нужным мне код, внедрил его, но есть вопрос, у меня на одной странице используется сразу не сколько спойлеров, все они свернуты, мне нужно, что бы один из них был всегда показан полностью (с возможностью свернуть), а другие нет. Может, кто подказать, что нужно изменить в этом коде: HTML <div class="spoiler-wrap"> <div class="spoiler-head folded">Внимание, спойлер!</div> <div class="spoiler-body"> Текст спойлера </div> </div> Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function(){ // Скрываем все спойлеры jQuery('.spoiler-body').hide() // по клику отключаем класс folded, включаем unfolded, затем для следующего // элемента после блока .spoiler-head (т.е. .spoiler-body) показываем текст спойлера jQuery('.spoiler-head').click(function(){ jQuery(this).toggleClass("folded").toggleClass("unfolded").next().toggle() }) }) </script>

Что то это не помогло. Что конкретно ты тут сделал? Может часть ксс выложишь? <div id="log_input"> <input name="login_name" type="text" id="loginname" tabindex="1" onblur="if(this.value=='') this.value='Ваш логин'" onfocus="if(this.value=='Ваш логин') this.value=''" value="Ваш логин"/> </div> <div id="log_input"> <input name="login_password" type="password" id="loginpass" tabindex="2" onblur="if(this.value=='') this.value='И пароль'" onfocus="if(this.value=='И пароль') this.value=''" value="И пароль"/> </div>

а заглянуть да тянет, вдруг, что интересное иии...

уууу.... решил тряхнуть стариной?)

Угу, местный краш тест)

Не хочу плодить тему, эта вполне подходит под мой вопрос Так вот создаю обычную таблицу с данными, так вот как сделать так, что бы при заведении мышкой на горизонтальную строку гайки, она выделялась вся например розовым цветом, ну это так по фану. Что и куда в ксс прописать надо? пробовал например так table.border tr {background: #FFa800;} ну это только фон, пробовал table.border tr a:hover {background: #FFa800;}. тоже нет. Пытался найти ответ в гугле, но видимо плохо искал. Паника отменяется, парни нашол, решил на бум сделать так table.border tr:hover {background: #FFa800;} и все заработало, честно не знал, но предполагал Модераторы сотрите пост, если вы считаете, что он не несет ни какой смысловой нагрузки. а вот ослике такая шняга не прокатила... ладно пойду капать ксс

Да, которые хостов набирают хз откуда Ну она онли для укоз сайтов. Просто мне тут все доказывают, что она самая лучшая и что все продвинутые рекламодатели смотрят тока на неё.

Я согласен с вашими взглядами, товарищ Че, на аватарке Просто стало ппц любопытно, че за чушь этот укоз выдает

Кто, что думает об этой статистике сайтов, конечно же сайтов, которые на хостинге укоз, откуда там берутся безумные цифры хостов, что то не понимаю, к примеру укоз показывает 1500к, а _mail.ru или _li.ru, покажет от силы 500, откуда укоз берет такие цифры? Популярен ли он у рекламодателей и блаблабла, В общем интересует мнение бывалых

Возможно я не прав, но я бы попробовал так: .content{ background: white; margin: 0px; width: 616px; padding: 6em .6em .6em .6em; float:left; border:0; }

Начнем с того что автор не я, человек который его сделал, сильно занят и как он сказал нет времени его доработать и проверить, но какие притензии к человеку за бесплатный труд, правильно ни каких, а только благодарность. Но все же в модуле есть проблема с версткой в разных браузерах, разобраться сам не смог, так как не хватает ещё знаний ксс, что то пытался придумать но не получилось. Так вот ближе к суте... Что бы понять в чем проблема лучше зайти на мой сайт через мозилу и ослика например _http://www.net-wars.su/, что бы увидеть проблему. В мозиле все отображаться как и должно быть, но вот в ослике и других, картинка как то поплыла и не правильно выставляется. по этой сылке можно скачать сам модуль _http://pafnuty.name/engine/download.php?id=34, там есть та самая картинка и как то хитро он он её использует. Надеюсь на вашу помощь, исправленный модуль отправлю разработчику, что бы так сказать, сделать лучше и другим. Начнем с кода: 2. В main.tpl : [add]- Перед </head> вставляем: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> эту строку вставлять только если не подключена библиотека jQuery и версия DLE ниже 9.0. <script type="text/javascript" src="{THEME}/js/tooltip.js" ></script> <script type="text/javascript">$(document).ready(function(){simple_tooltip(".ttp_lnk a","tooltip"); $(".phpbb-block tr:even").addClass("even"); $(".phpbb-block tr").hover(function() {$(this).addClass("hover");}, function(){$(this).removeClass("hover");});});</script> - В любом удобном месте прописать: {include file="phpbb.tpl"} Это было прелюдие Теперь же сам ксс. [add]3. В CSS файле (например style.css) прописать: .tooltip { z-index:999; left:-9999px; top: -9999px; background: #fafafa; border: 1px solid #0099cc; font-size:11px; color: #323232; padding:4px 8px; position:absolute; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; max-width: 400px; } .tooltip p { margin: 0px; padding: 0px;} table.phpbb-block { width: 680px; margin-bottom: 20px; } table.phpbb-block a { text-decoration: none; } table.phpbb-block a:hover { color: #323232; border-bottom: dotted 1px #000; } table.phpbb-block tr.php-hdr { font-weight: bold; color: #0099cc; background: #e5f0f9 url(../images/bg_row_phpbb.png) no-repeat -680px -5px !important; } table.phpbb-block tr { background: #fff url(../images/bg_row_phpbb.png) no-repeat left bottom; height: 20px; line-height: 20px; } table.phpbb-block tr.even { background-position: -680px bottom; } table.phpbb-block tr.hover { background-position: left -5px; } table.phpbb-block tr.even.hover { background-position: -680px -5px; } table.phpbb-block td { padding: 0 4px; } table.phpbb-block td.first-row { padding-left: 25px; } table.phpbb-block td.first-row a { display: block; } table.phpbb-block td.first-row a:hover { border: none; } table.phpbb-block td.last-row { padding-right: 15px; } .blueline { background: #e5f0f9 url(../images/bg_row_phpbb.png) no-repeat -680px bottom; width: 680px; height: 1px; font-size: 0; }

Да проблема оказалась именно в этих ошибках, все выравнивается как надо, спасибо

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

вот http://emotions.asteis.net/ тестовый хост, использую DLE, ну это если может как то помочь.

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

Сделал прописал, опять то же самое, прижимается к краю и все тут. апдейт... минутку, шяс сделаю, то что вы дописали. ————————————————————————- Исправил #wrapper, не помогло.

Код, выделил красным див. Может не там выставляю? <!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> {headers} <style type="text/css" media="all">@import url({THEME}/css/style.css);</style> <style type="text/css" media="all">@import url({THEME}/css/engine.css);</style> <script type="text/javascript" src="/engine/classes/tagcloud/swfobject.js"></script> <script language="javascript" type="text/javascript" src="{THEME}/js/dtrotator.js"></script> </head> <body id="wrapper"> {AJAX} [color="#FF0000"][b]<div style="width: 980px; margin: 0 auto">[/b][/color] <div id="bodyblock"> <div id="topside"> <ul id="head"> <li><a href="#"><img src="{THEME}/img/logonwars.png" alt="Логотип. Перейти на главную." /></a></li> <li><a href="#"><img src="{THEME}/img/hostmarena.png" alt="Игровой хостинг, качественно, не дорого, надежно." /></a></li> <li><a href="#"><img src="{THEME}/img/youadmin.png" alt="Хочешь стать админом? Тогда жми." /></a></li> <li><a href="#"><img src="{THEME}/img/statshlx.png" alt="Статистика серверов." /></a></li> </ul> </div> <div id="rfbloc"> <div id="bgfon"> <div id="transparent_bg"> <ul id="rotator"> <li align="left">{include file="engine/modules/mx_cube_slider.php"}</li> </ul> <ul id="topnews"> <li class="newsblock"><p>News Блок</p></li> <li class="lastnews">{include file="engine/modules/mx_news_block.php"}</li> </ul> </div> </div> </div> <div style="overflow:hidden; zoom:1; background: #cccbcb; height: 5px;"></div> <div id="navbloc"> <ul id="prev"> <li><img src="{THEME}/img/back.png" alt="Назад"/></li> </ul> <ul id="video"> <li><img src="img/img.jpg" alt="Картинка"/></li> <li><img src="img/img.jpg" alt="Картинка"/></li> <li><img src="img/img.jpg" alt="Картинка"/></li> <li><img src="img/img.jpg" alt="Картинка"/></li> </ul> <ul id="next"> <li><img src="{THEME}/img/next.png" alt="Далее"/></li> </ul> </div> <div align="left" id="content"> <div id="news"> {info} <br /> {content} </div> </div> <div align="left" id="side"> <div class="about"> <ul> <li><p>Не много о нашем сообществе:</p><br /></li> </ul> <ul class="footnote_about"> <li><p>Наше сообщественно посвященно сетевым компьютерным играм, наша цель денести до вас свежее новости.</p><p>Так же у нашего сообщества есть свой собственный FTP сервер, на ктором вы сможите найти много интересного.</p><p>У нас вы сможите найти игравые сервера таких игр, как Counter-Strike: Source.</p></li> </ul> </div> </div> <div align="left" id="navigation"> <div class="peakpower"> <ul> <li><p>Навигация по сайту:</p><br /></li> </ul> <ul class="footnote"> <li><p>Все самое полезное нашего сайта, вы сможите найти в этих разделах.</p></li> </ul> </div> <div class="b-nav"> <ul> <li><a href="/soft">Главная</a></li> <li><a href="/video">Галерея</a></li> <li><a href="/wallpapers">Форум</a><br /></li> </ul> <ul> <li><a href="/games">FAQ</a></li> <li><a href="/books">Наш - RSS</a></li> <li><a href="/wallpapers">Статьи</a></li> </ul> </div> <div> </div> <div class="peakpower"> <ul> <li><p>Counter-Strike: Source</p><br /></li> </ul> <ul class="footnote"> <li><p>Многопользовательский командный шутер от первого лица, разработанный компаниями Valve и Turtle Rock Studios.</p></li> </ul> </div> <div class="b-nav"> <ul> <li><a href="/soft">Статьи</a></li> <li><a href="/music">Мувики</a></li> <li><a href="/video">Звуки</a><br /></li> </ul> <ul> <li><a href="/games">Backgrounds</a></li> <li><a href="/wallpapers">Модели</a></li> <li><a href="/wallpapers">Карты</a></li> </ul> </div> <div class="peakpower"> <ul> <li><p>Counter-Strike 1.6</p><br /></li> </ul> <ul class="footnote"> <li><p>Командная компьютерная игра в жанре шутера от первого лица, изначально появившаяся как модификация игры Half-Life.</p></li> </ul> </div> <div class="b-nav"> <ul> <li><a href="/soft">Статьи</a></li> <li><a href="/music">Мувики</a></li> <li><a href="/video">Звуки</a><br /></li> </ul> <ul> <li><a href="/games">Backgrounds</a></li> <li><a href="/wallpapers">Модели</a></li> <li><a href="/wallpapers">Карты</a></li> </ul> </div> <div class="peakpower"> <ul> <li><p>Day of Defeat: Source</p><br /></li> </ul> <ul class="footnote"> <li><p>В Day of Defeat игрок выбирает между двумя воюющими сторонами — вермахтом и союзниками — и шестью классами.</p></li> </ul> </div> <div class="b-nav"> <ul> <li><a href="/soft">Статьи</a></li> <li><a href="/music">Мувики</a></li> <li><a href="/video">Звуки</a><br /></li> </ul> <ul> <li><a href="/games">Backgrounds</a></li> <li><a href="/wallpapers">Модели</a></li> <li><a href="/wallpapers">Карты</a></li> </ul> </div> </div> <div align="left" id="monitor"> <div class="about"> <ul> <li><p>Монитринг игровых серверов:</p><br /></li> </ul> <ul class="footnote_about"> <li><p>С помощью мониторинга вы сможете отслеживать любую активность наших серверов.</p></li> </ul> </div> </div> </div> <div align="left" id="footer"> <ul class="dash"></ul> <ul id="faq"> <li>F.A.Q</li> <li type="square"><a href="http://www.emotionsplash.com/index.php?do=static&page=reklama">Реклама на нашем сайте!</a></li> <li type="square"><a href="http://www.emotionsplash.com/index.php?do=static&page=onas">Как с нами связатся?</a></li> <li class="text"><p>На нашем сайте есть много полезной и интересной информации из мира игровой индустрии, но больше упор мы делаем на сетевые игры, Counter Strike, Counter Strike: Source, Day of Defeat: Source, Battlefield: Bad Company 2, Call of Duty: Black Ops, Medal of Honor, Team Fortress 2. У нас вы сможите скачать видео ролики на русском языке, патчи, игры и много другое, так же мы ждем вас на нашем форуме.</p><p>Дизайн сайта оптемезирован под минимальное разрешение экрана в 1024 пиксиля по ширине.</p><p>Проверялся на коректную работу в таких браузерах как:</p> <p> <a href="http://www.microsoft.com/" target="_blank">Intenet Explorer 8</a>, <a href="http://www.mozilla-europe.org/ru/" target="_blank">Firefox 3.5.5</a>, <a href="http://www.opera.com/" target="_blank">Opera 10.10</a>, <a href="http://www.apple.com" target="_blank">Safari</a>, <a href="http://www.google.ru/chrome" target="_blank">Chrome</a>. </p> </li> </ul> <ul id="bootomnv"> <li><a href="http://www.emotionsplash.com/" target="_blank">Главная</a> | <a href="http://www.emotionsplash.com/index.php?do=static&page=onas" target="_blank">О нас</a> | <a href="http://www.emotionsplash.com/index.php?do=feedback" target="_blank">Контакты</a> | <a href="http://www.emotionsplash.com/forum/index.php?" target="_blank">Форум</a> | <a href="http://www.emotionsplash.com/index.php?do=register" target="_blank">Регистрация</a> | <a href="http://www.emotionsplash.com/index.php?do=search" target="_blank">Поиск</a></li> </ul> </div> [color="#FF0000"][b]</div>[/b][/color] </body> </html>