24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!


Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!

Сообщений 121 страница 150 из 1000

1

Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!

0

121

- Доброго времени суток.
Сделали табличку на отдельной странице и тут же появилась проблема: правая часть уезжает вправо. Как исправить?
Код таблицы:

Низ

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Верх

<style>
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#777777;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none;
height: 40px;
}
</style>

Объявление

<center><table style="width: 800px">
<tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">1</span>
<span alt="#sm2" style="cursor: pointer;">2</span>
<span alt="#sm3" style="cursor: pointer;">3</span>
<span alt="#sm4" style="cursor: pointer;">4</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<table border="1" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
    <tr>
    <td style="text-align: center;">1</td>
    <td style="text-align: center;">3</td>
    </tr>
    <tr>
    <td style="text-align: center;"><img alt="" src="ссылка_на_картинку"></td>
    <td colspan="1" rowspan="2" style="text-align: center;">4</td>
    </tr>
    <tr>
    <td style="text-align: center;">2</td>
    </tr>
</tbody>
</table>
</div>
     <div id="sm2" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
    <tr>
    <td style="text-align: center;">1</td>
    <td style="text-align: center;"><img alt="" src="ссылка_на_картинку"></td>
    <td style="text-align: center;">3</td>
    </tr>
</tbody>
</table>
</div>
     <div id="sm3" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
    <tr>
    <td style="text-align: center;">1</td>
    <td style="text-align: center;">2</td>
    <td style="text-align: center;">3</td>
    </tr>
</tbody>
</table>

</div>
     <div id="sm4" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
    <tr>
    <td style="text-align: center;">1</td>
    <td style="text-align: center;">2</td>
    <td style="text-align: center;">3</td>
    </tr>
</tbody>
</table>

</div>

</div>
   </td>
</tr>
</tbody>
</table></center>

Текстовик (а точнее, ссылка на саму страницу с таблицей) - http://probnictv1fma.rusff.ru/pages/indexalf

0

122

Alfonso, попробуйте вот так объявление:

Код:
<center><table style="width: 800px">
<tbody>
  <tr>
   <td valign="top" style="width: 180px;">
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">1</span>
<span alt="#sm2" style="cursor: pointer;">2</span>
<span alt="#sm3" style="cursor: pointer;">3</span>
<span alt="#sm4" style="cursor: pointer;">4</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<table border="1" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
    <tr>
    <td style="text-align: center;">1</td>
    <td style="text-align: center;">3</td>
    </tr>
    <tr>
    <td style="text-align: center;"><img alt="" src="ссылка_на_картинку"></td>
    <td colspan="1" rowspan="2" style="text-align: center;">4</td>
    </tr>
    <tr>
    <td style="text-align: center;">2</td>
    </tr>
</tbody>
</table>
</div>
     <div id="sm2" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
    <tr>
    <td style="text-align: center;">1</td>
    <td style="text-align: center;"><img alt="" src="ссылка_на_картинку"></td>
    <td style="text-align: center;">3</td>
    </tr>
</tbody>
</table>
</div>
     <div id="sm3" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
    <tr>
    <td style="text-align: center;">1</td>
    <td style="text-align: center;">2</td>
    <td style="text-align: center;">3</td>
    </tr>
</tbody>
</table>
</div>
     <div id="sm4" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
    <tr>
    <td style="text-align: center;">1</td>
    <td style="text-align: center;">2</td>
    <td style="text-align: center;">3</td>
    </tr>
</tbody>
</table>
</div>
</div>
   </td>
</tr>
</tbody>
</table></center>

0

123

здравствуйте)) http://dyingtolive.rusff.ru/ - нужен код такой вот таблички, именно с переключателями, но только, чтобы они были сверху, а не сбоку) буду очень благодарна за помощь)

0

124

и ещё) http://originals.f-rpg.ru/ - как сделать так, чтобы картинки дрыгались, как здесь?)) картинки с администрацией и игроками лучшими)

0

125

Теми написал(а):

здравствуйте)) http://dyingtolive.rusff.ru/ - нужен код такой вот таблички, именно с переключателями, но только, чтобы они были сверху, а не сбоку) буду очень благодарна за помощь)

Контейнер с вкладками для информации [Герда]

0

126

Джи,
спасибо, но, честно говоря, код слегка сложноват, когда-то у меня был попроще :с

можем ещё у кого есть?)

0

127

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

собственно, как выглядит проблема.

http://s6.uploads.ru/8oAR7.png

0

128

ван гог, Адрес форума

0

129

morgan, забыла, простите тт
http://disaingj.rusff.ru/

0

130

ван гог, Откройте хотя-бы один подфорум гостям)

0

131

morgan, уупс хд все сделано

0

132

ван гог,
Это

Код:
.punbb .main .tcl {
    text-align: center;
}

на это

Код:
.punbb .main .tcl {
    text-align: left;
}

0

133

morgan, спасибо огромное)

0

134

Здравствуйте. А скрипт вот такой таблички можете дать? Как здесь !
Нужно чтобы она была фиксирована к телу форума и можно было регулировать ее начало.

0

135

Доброго времени суток! После долгих мучений с таблицей новостей возник такой вопрос: как увеличить расстояние между двумя колонками таблицы, находящейся в слайдере?
скрин проблемы
Код фрагмента слайдера с таблицей:

Код:
<!-- Slideshow HTML -->
<div id="slideshow">
  <div id="slidesContainer">
    <div class="slide"; align="justify";>
      <table>
<tr>
<td><span style="font-size: 10px;"><center><i><b>SI VIS PACEM, PARAM BELLUM</b><br>ЕСЛИ ХОЧЕШЬ МИРА, ГОТОВЬСЯ К ВОЙНЕ</i></center><br><big><i><b>П</b></i></big>риветствуем всех, кто сумел преодолеть наши защитные чары и разглядеть в привычном и обыденном неизвестный и таинственный, до этого момента скрытый от Ваших глаз, Сумеречный мир. Мы представляем Вашему вниманию ролевую литературную игру, основанную <b>по мотивам серии книг Кассандры Клэр «Орудия смерти»</b>, посвящённой приключениям Сумеречных охотников в борьбе с порождениями зла.</br><center><b><a href="http://cityofdarkness.rusff.ru/viewtopic.php?id=21">диалог с хранителями</a></b> | <b><a href="http://cityofdarkness.rusff.ru/register.php">присоединиться</a></b></center><span></td>
<td><span style="font-size: 10px;"><center><b><a href=http://www.youtube.com/watch?v=QsUiDUJIriU""><b><big>♪</big></b> Colbie Caillat - When the darkness comes</a></b></center><i><big><b>Д</b></big></i>ействия сюжета разворачиваются после событий первых двух книг серии «Орудия Смерти»: «Город костей» и «Город праха». Теперь когда в руках Валентина Орудия Смерти, он полон решимости довести до конца свой план и создать новую расу нефилимов, для которых жить в мире с нежитью будет постыдным и позорным пережитком прошлого...[<b><a href="http://cityofdarkness.rusff.ru/viewtopic.php?id=10">читать дальше</a></b>].<br><center><b>НАД ПРОЕКТОМ РАБОТАЮТ: <br><a href="http://cityofdarkness.rusff.ru/profile.php?id=3">Edmund Nightshade</a> ♦ <a href="http://cityofdarkness.rusff.ru/profile.php?id=4">Jace Wayland</a><br><a href=" http://cityofdarkness.rusff.ru/profile.php?id=27">Evangeline Nightwine </a> ♦ <a href=" http://cityofdarkness.rusff.ru/profile.php?id=25"> Ragnor Fell</a></b></center></span>
</td></tr></table>
    </div>

0

136

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

0

137

Илекса,
Самые нужные/известные скрипты
fire ember,
Тег <table> пропишите так:

Код:
<table cellspacing="30">

Чем больше значение - тем больше расстояние.
moral rat,
http://forum.mybb.ru/viewtopic.php?id=20774

0

138

morgan, огромное спасибо Вам!
И последний вопрос, не могу найти, как можно подвинуть ближе к краю фрагмент:

Зарегистрированных пользователей: 59
Последним зарегистрировался: Catarina Loss


Хотелось бы, чтобы эта статистика была прижата к правому краю, но не могу найти, где ее подвинуть)
Ссылка

0

139

fire ember,
Дайте адрес форума

0

140

morgan, спасибо, работаем с этим

0

141

morgan,
Форум сейчас закрыт на профилактику, но вот ссылка на тестовый форум:


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

Отредактировано fire ember (16-11-2013 17:39:38)

0

142

fire ember,

Код:
#pun .section {
    border-style: none;
    width: 764px;
}

Увеличивайте width, это ширина всего блока статистики.
Чтобы подвинуть немного левее, добавьте margin-left: -10px;
Вместо 10 - столько, сколько душе угодно.

0

143

Здравствуйте! Пожалуйста, подскажите, как сделать отступы по краям так, чтобы сжалось (сдвинулось) само наполнение форума, но не ехала при этом шапка? Я уже как только не пробовала, а шапка все равно едет)
скрин: http://funkyimg.com/i/E4Kq.png
адрес: http://talesbb.f-rpg.ru/

0

144

Calpy, Не трогая шапку не выйдет, можно просто её поправить:

Код:
#pun {
    margin: 0px auto auto;
    width: 900px;
    padding: 0px;
}

Меняйте 900 на 850.
И подправляем шапку:

#pun-title .title-logo {
    background-image: url("http://funkyimg.com/i/E4K3.png");
    background-repeat: no-repeat;
    height: 300px;
    width: 900px;
    background-position: center center;
    margin-left: -26px;
}

Добавляете выделенное жирным и профит)

+1

145

morgan, красота. Огромное спасибо!  http://funkyimg.com/u2/1479/250/71376004.png

Правда, теперь еще одна проблема возникла. Вверху ссылки "Форум, Участники, Награды..." почему то не все выделяются при наведении курсора. Или вообще не выделяются (и не нажимаются) или после долгих попыток.

Пересмотрела и поняла, что эта беда периодически со всеми ссылками.

Отредактировано Calpy (17-11-2013 22:36:47)

0

146

Calpy, блок в шапке с текстом перекрывает навигацию. поправьте стили этого блока:

position: absolute;
width: 450px;
height: 210px;
top: 80px;
margin-left: 210px;
color: #000000;
border: none;
font-family: verdana;
font-size: 10px;
color: #60392A;
text-align: left;
line-height: 9px;

http://s3.uploads.ru/9tmYz.gif

Отредактировано Джи (18-11-2013 10:17:12)

+1

147

Джи, спасибо большое! х)

0

148

ребят у меня проблема  когда жму на название Unhallow . он меня не перекидывает на главную страницу как  это  исправить адрес форума http://thesityofshadow.rusff.ru

0

149

Gravity of Love, замените блок D4.2:

Код:
/* D4.2 */
#pun-ulinks .container {
  padding-top: 14px;
  border: none;
  text-align: center;
  font-weight: bold;
  width: 800px;
  }

http://s3.uploads.ru/9tmYz.gif

0

150

Джи, а что мне там написать не подскажите я сегодня немного дуб

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!