ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Вопрос/ответ по дизайну css #4
http://left12dead.rolka.su/ - ссылка на форум с проблемой
проблема такова:
подчеркнуты шрифт не работает.Заключаю текст в теги
[u][/u]
,но текст все равно остается обычным, не подчеркнутым. Знаю,что проблема в самом стиле.Где и как ее можно устранить?
Заранее благодарю за ответ:)
Доброго времени суток. У меня возникла такая проблема.
Когда я сижу через браузер Опера, отступ от правого края блока поста меньше на один пиксель, чем это нужно.
Но с Хрома всё нормально, вопрос, что мне делать? Скрин проблемыниже. 
Доброго времени суток))) Подскажите пожалуйста, вот есть форум
. Как сдвинуть все основные надписи начиная с Форум - участники и тд наверх. Вот HTML верх
<style type="text/css">
.punbb {font-family:Comic Sans Ms; font-size:13px;}
#pun {
width: 750px;
margin: 0 auto;
}html {
background: #E6E6E6
url(http://s1.ipicture.ru/uploads/20120609/5wVsdT0O.jpg) repeat-y top center !important;
}body {
background: transparent url(http://s2.ipicture.ru/uploads/20120609/8Em6lKRo.jpg) no-repeat top center !important;
padding-top: -500px !important;
}
</style><style>
.memdetails
{
background: #65c4b7;
border: 1px solid #4fab8e;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 5px 5px 5px 5px;
margin: 3px 1px 3px 1px;
}
</style><style>
#transparency a img {
opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=32);
}
#transparency a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
</style><script type="text/javascript">
if(UserID == 2){document.write("<style type='text/css'>.pa-ip {display: none;}</style>");}
</script>
<noscript><style type='text/css'>.pa-ip {display: none;}</style></noscript>
Jill-i
1) Все стилевые указания можно писать внутри одного тега. Сто раз повторять <style> </style> не нужно.
2) Чтобы легко разбираться со своим стилем, комментируйте его. /* комментарий любой длины */ - это делается так
3)
padding-top: -500px !important;
Не надо так жестоко поступать с body. body - тело страницы, оно всегда занимает всю ширину и высоту. К тому же padding - внутренний отступ контейнера. Он не понимает отрицательных значений
4) Мне кажется, дело тут вовсе не в этом коде. К сожалению, ссылки на форум я не вижу, хотя могу предположить, что дело в высоте pun-title. Ладно. Можно попробовать несколькими способами:
.punbb {
margin-top: -400px!important;
}или
#pun-navlinks {
margin-top: -400px!important;
}Зависит от того, к каким извращениям вы больше склонны.
Великий создатель
Скрин проблемы - неинформативно. Мы не экстрасенсы, по фотографии пациента не лечим.
Вероятно, проблема в разнице шрифтов в Mozilla и Opera. Обычно ширина блока с данными пользователя задается в стандартных единицах em - высоте шрифта текущего элемента. А если шрифт задается относительным способом и зависит от агента-браузера, а не в пикселях, то и могут возникать проблемы. Хотя это только предположение, опять же, по фотографии не лечу.
Ghоst
Огромное спасибо))))
Все встало на свои места))) 
здравствуйте) а возможно ли сделать такое: http://tympanus.net/Tutorials/CSS3ImageAccordion/ на форумах mybb, если да, то как?
Rush
Можно. Руками. Только вот работать это будет только в самых последних версиях браузеров, это css3.
Там, где нужно разместить. <figcaption> - описание элемента.
<div class="ia-container"> <figure> <img src="images/1.jpg" alt="image01" /> <input type="radio" name="radio-set" checked="checked" /> <figcaption><span>True Colors</span></figcaption> <figure> <img src="images/2.jpg" alt="image02" /> <input type="radio" name="radio-set" /> <figcaption><span>Honest Light</span></figcaption> <figure> <!-- ... --> <figure> <!-- ... --> <figure> <!-- ... --> <figure> <!-- ... --> <figure> <!-- ... --> <figure> <!-- ... --> </figure> </figure> </figure> </figure> </figure> </figure> </figure> </figure> </div>
Стили. Либо в html-верх, либо во второе окно стилей без тегов <style> </style>.
<style>.ia-container {
width: 685px;
margin: 20px auto;
overflow: hidden;
box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
border: 7px solid rgba(255,255,255,0.6);
}
.ia-container figure {
position: absolute;
top: 0;
left: 50px; /* width of visible piece */
width: 335px;
box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ia-container > figure {
position: relative;
left: 0 !important;
}
.ia-container img {
display: block;
width: 100%;
}
.ia-container input {
position: absolute;
top: 0;
left: 0;
width: 50px; /* just cover visible part */
height: 100%;
cursor: pointer;
border: 0;
padding: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
z-index: 100;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.ia-container input:checked{
width: 5px;
left: auto;
right: 0px;
}
.ia-container input:checked ~ figure {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
left: 335px;
}
.ia-container figcaption {
width: 100%;
height: 100%;
background: rgba(87, 73, 81, 0.1);
position: absolute;
top: 0px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.ia-container figcaption span {
position: absolute;
top: 40%;
margin-top: -30px;
right: 20px;
left: 20px;
overflow: hidden;
text-align: center;
background: rgba(87, 73, 81, 0.3);
line-height: 20px;
font-size: 18px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 700;
padding: 20px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.ia-container input:checked + figcaption,
.ia-container input:checked:hover + figcaption{
background: rgba(87, 73, 81, 0);
}
.ia-container input:checked + figcaption span {
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
-ms-transition: all 0.4s ease-in-out 0.5s;
transition: all 0.4s ease-in-out 0.5s;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
filter: alpha(opacity=99);
opacity: 1;
top: 50%;
}
.ia-container #ia-selector-last:checked + figcaption span {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ia-container input:hover + figcaption {
background: rgba(87, 73, 81, 0.03);
}
.ia-container input:checked ~ figure input{
z-index: 1;
}</style>Только вы же не особо понимаете, как это работает. Настроить под себя будет стоить больших усилий. Если есть знание английского - http://tympanus.net/codrops/2012/06/06/ … with-css3/ вот этот урок. Может, поможет.
Энкалетте
Если вопрос еще актуален, то в A3.9 структуры стиля замените text-decoration: none; на underline
Вроде как должно сработать о_о
Ghоst
спасибо
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Вопрос/ответ по дизайну css #4
