Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Корзина » Изменение размеров не стандартной таблицы


Изменение размеров не стандартной таблицы

Сообщений 1 страница 8 из 8

1

таблицу нашла давно и уже не помню где. теперь встал вопрос, как увеличить эту таблицу.

вот кода html верха:

Код:
<style>
#pun-main #profile1[action$="id=7"]{
display:none;
}
</style>
<style> 
#menu {
height: 40px;
padding-top:8px;
width: 100%;
float:left;
}
#menu span {
padding: 15px 10px 15px; 
margin-right: 1px;
/* margin: 10px 0; */
width: 100px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
border: 1px dashed grey;
position: relative;
top: 5px;
}
#menu .tabactive {
color: blue;
}

#submenu {
height: 344px;
font-size: 14px;
width: 580px;
margin-left: 4px; 
text-align: center;
border: 1px dashed gray;
}

.submenutext {
display: none; 
height: 100%;
padding: 1px;
}

#submenu, #menu span, .zag1 {

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
</style>

А вот самого объявления:

Код:
<center>
<center>
<table border="0" cellpadding="0" cellspacing="0" summary="" style="background: url(http://forumstatic.ru/files/0010/dc/65/78764.png) top center;" background-repeat: no-repeat; width: 599px; height: 350px;">
<tr><td height="60" colspan="2">
<div id="menu">
<table summary="" width="100%">
<tr>
<td align="center" width="25%"><span alt=#sm1 "style="cursor: pointer;">Инфо</span></td>
<td align="center" width="25%"><span alt=#sm2 "style="cursor: pointer;">Навигация</span></td>
<td align="center" width="25%"><span alt=#sm3 "style="cursor: pointer;">Администрация</span></td>
<td align="center" width="25%"><span alt=#sm4 "style="cursor: pointer;">Партнеры</span></td>
</tr>
</table>
</div>
</td></tr>
<tr>
<td height="260" width="425" id="MenuTxT">
<div id="submenu">
<!-- Содержимое кнокпи 1 -->
<div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">Музыкальная ролевая игра, по шоу бизнесу Японии. 
World Star</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 2 -->
<div id="sm2" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 2</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">
1<br>
<a href="http://worldstar.anihub.ru/viewtopic.php?id=3">Главный сюжет</a><br>
<a href="http://worldstar.anihub.ru/viewtopic.php?id=2#p2">Важно для новеньких!</a><br>
<a href="http://worldstar.anihub.ru/viewtopic.php?id=5#p5">Шаблон анкеты</a><br>
<a href="Адрес ссылки">Описание ссылки</a>
</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 3 -->
<div id="sm3" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 3</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 4 -->
<div id="sm4" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 4</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Конец содержимого кнопок  меню -->
</div>
</td>
<td width="213" rowspan="2">
<div style="width: 204px; height: 306px; margin-left: 2px; text-align: center; border: 1px dashed grey;" class="zag1">
<font size="+1"><b>Время и погода</b></font>
<br />
&nbsp;&nbsp;<b>Время:</b> <script Language="JavaScript">
  now = new Date()
  if (now.getDay() == 0)
document.write("Свободное время. Вы можете дописать посты, которые не успели в другое время.")
   if (now.getDay() == 1)
document.write("07-11ч.")
  if (now.getDay() == 2)
document.write("11-15ч.")
  if (now.getDay() == 3)
document.write("15-18ч.")
  if (now.getDay() == 4)
document.write("18-20ч.")
  if (now.getDay() == 5)
document.write("20-23ч.")
  if (now.getDay() == 6)
document.write("23-07ч.")
</Script>
<b>Погода:</b> Небольшой снежок, но достаточно тепло.
</div>
</td>
</tr>
<tr>
<td height="59">
<div style="width: 410px; height: 48px; margin-left: 4px; text-align: center;">
<font size="+1"><b>Заголовок 2</b></font>
<br />
текст 2
</div>
</td>
</tr>
</table>
</center>

Отредактировано Wikki (Чт, 12 Янв 2012 14:07:05)

0

2

Wikki, и что именно вы хотите увеличить (скрин - ткните стрелкой - куда-че увеличивать)? И кстати, где эта красота стоит-то?  :glasses:

0

3

так немного изменилась концепция...

http://worldstar.anihub.ru/

http://uploads.ru/t/x/C/f/xCftc.jpg

Где цифра 1 - нужно растянуть, чтобы была от верха и до низу.
Где цифра 2 - должна стоять картинка размером 161*300 http://forumstatic.ru/files/0010/dc/65/64131.pnghttp://forumstatic.ru/files/0010/dc/65/64131.png

но у меня она съезжает вниз.
Где цифра 3 - должна стоять прокрутка
Где кнопочки под цифрой 4 , хочу чтоб был эффект при наведении (становилась будто залита прозрачным белым)

В общем я понятия не имею как все это сделать. Помогите плиз.

Отредактировано Wikki (Чт, 12 Янв 2012 14:07:41)

0

4

Ну поменяем кусок html-верха на такой:

Код:
<style> 
#menu {
height: 40px;}

#menu span {
padding: 15px 10px 15px; 
margin-right: 1px;
width: 100px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
border: 1px dashed gray;
position: relative;}

#menu .tabactive {
color: blue;}

#submenu {
font-size: 14px;
width: 580px;
margin-left: 4px;
margin-top: 20px; 
text-align: center;
border: 1px dashed gray;}

.submenutext {
display: none; 
height: 320px;
padding: 1px;}

#submenu, #menu span, .zag1 {

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;}

#ch_pic:hover {background: url(http://forumstatic.ru/files/0010/d3/8d/27699.png) repeat left;}

</style>

Саму таблицу:

Код:
<center><table border="0" cellpadding="0" cellspacing="0" style="background: url(http://forumstatic.ru/files/0010/dc/65/78764.png) top center no-repeat; width: 100%;">
<tr>
<td colspan="2">
<div id="menu">
<table width="100%" height="60" border="0">
<tr><td width="25%"><span alt=#sm1 "style="cursor: pointer;" id="ch_pic">Инфо</span></td>
<td width="25%"><span alt=#sm2 "style="cursor: pointer;" id="ch_pic">Навигация</span></td>
<td width="25%"><span alt=#sm3 "style="cursor: pointer;" id="ch_pic">Администрация</span></td>
<td width="25%"><span alt=#sm4 "style="cursor: pointer;" id="ch_pic">Партнеры</span></td></tr>
</table>
</div>
</td></tr>
<tr>
<td id="MenuTxT">
<div id="submenu">
<!-- Содержимое кнокпи 1 -->
<div id="sm1" class="submenutext" style="display:block;">
<table width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr><td colspan="2">
Музыкальная ролевая игра, по шоу бизнесу Японии. 
World Star
</td></tr>
<tr>
<td width="161" rowspan="2"><img src="http://forumstatic.ru/files/0010/dc/65/64131.png"></td>
<td><div style="width: 100%; height: 150px; overflow: auto;">

2

</div></td>
</tr>
<tr>
<td height="150"><div style="width: 100%; height: 150px; overflow: auto;">

4

</div></td>
</tr>
</table>

</div>
<!-- Содержимое кнопки 2 -->
<div id="sm2" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 2</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">
1<br>
<a href="http://worldstar.anihub.ru/viewtopic.php?id=3">Главный сюжет</a><br>
<a href="http://worldstar.anihub.ru/viewtopic.php?id=2#p2">Важно для новеньких!</a><br>
<a href="http://worldstar.anihub.ru/viewtopic.php?id=5#p5">Шаблон анкеты</a><br>
<a href="Адрес ссылки">Описание ссылки</a>
</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 3 -->
<div id="sm3" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 3</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 4 -->
<div id="sm4" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 4</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Конец содержимого кнопок  меню -->
</div>
</td>
<td width="213" rowspan="2" valign="bottom">
<div style="width: 204px; height: 374px; margin-left: 2px; text-align: center; border: 1px dashed gray;" class="zag1">
<font size="+1"><b>Время и погода</b></font>
<br />
&nbsp;&nbsp;<b>Время:</b> <script Language="JavaScript">
  now = new Date()
  if (now.getDay() == 0)
document.write("Свободное время. Вы можете дописать посты, которые не успели в другое время.")
   if (now.getDay() == 1)
document.write("07-11ч.")
  if (now.getDay() == 2)
document.write("11-15ч.")
  if (now.getDay() == 3)
document.write("15-18ч.")
  if (now.getDay() == 4)
document.write("18-20ч.")
  if (now.getDay() == 5)
document.write("20-23ч.")
  if (now.getDay() == 6)
document.write("23-07ч.")
</Script>
<b>Погода:</b> Небольшой снежок, но достаточно тепло.
</div>
</td>
</tr>
<tr>
<td>
<div style="width: 410px; height: 48px; margin-left: 4px; text-align: center;">
<font size="+1"><b>Заголовок 2</b></font>
<br/>
текст 2
</div>
</td>
</tr>
</table>
</center>

:glasses: Так?

+1

5

круть только можно чуть поуже сделать таблицу и кнопочка Инфо съехала влево, можно по середине поставить?))

А так все отлично сип))

0

6

Wikki написал(а):

и кнопочка Инфо съехала влево, можно по середине поставить?))

<table width="100%" height="60" border="0">
<tr align="center"><td width="25%"><span alt=#sm1 "style="cursor: pointer;" id="ch_pic">Инфо</span></td>
<td width="25%"><span alt=#sm2 "style="cursor: pointer;" id="ch_pic">Навигация</span></td>
<td width="25%"><span alt=#sm3 "style="cursor: pointer;" id="ch_pic">Администрация</span></td>
<td width="25%"><span alt=#sm4 "style="cursor: pointer;" id="ch_pic">Партнеры</span></td></tr>
</table>

Wikki написал(а):

можно чуть поуже сделать таблицу

Дык я не понял - вы обращались за расширением вроде.  http://i053.radikal.ru/0806/7f/8b80a2497566.gif

+1

7

:glasses: Чой то там в самых внутренних табличках наврано

<td width="120" rowspan="2">1</td>
<td>2</td>

если она идет так - то

</tr>
<tr>
<td colspan=2>4</td>

0

8

все сип)) все встало ))

Deff

да в принципе это не важно, т.к. уберется почти все...

0


Вы здесь » Единый форум поддержки » Корзина » Изменение размеров не стандартной таблицы