Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

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

#1 Faracon

Faracon
  • Пользователь
  • 4 сообщений
  • Репутация: 0
0

Отправлено 26 Ноябрь 2012 - 12:06

Добрый день я уже к вам обращялся - но у меня появилась новая проблема если посмотреть на картинку то все и так понятно (нужно чтобы таблица с синими изображениями были прижаты к аватару ! кто может помогите! ;)


[html]

<div id='forum_body_admin'>
<div id='ava_admin'>
  <div id='avatar_admin'></div>
</div>
<div id='text_blue'>
  <table border='0' align='center' cellpadding="0" cellspacing="0">
   <tr heigth='13'>
	<td width='16' height='13' id='left_top_admin'></td>
	<td height='13' id='center_top_admin'></td>
	<td width='18' height='13' id='right_top_admin'></td>
   </tr>
   <tr>
	<td width='16' id='left_center_admin'></td>
	<td id='center_admin'><p class='meseg_admin'>Администратор</p></td>
	<td width='18' id='right_center_admin'></td>
   </tr>
   <tr heigth='18'>
	<td width='16' height='18' id='left_bottom_admin'></td>
	<td height='18' id='center_bottom_admin'></td>
	<td width='18' height='18' id='right_bottom_admin'></td>
   </tr>
  </table>
</div>
</div>
<div id='forum_body'>  
<div id='ava'>
  <div id='avatar'></div>
</div>
<div id='text_green'>
  <table border='0' align='center' cellpadding="0" cellspacing="0">
   <tr heigth='13'>
	<td width='18' height='13' id='left_top'></td>
	<td height='13' id='center_top'></td>
	<td width='16' height='13' id='right_top'></td>
   </tr>
   <tr>
	<td width='18' id='left_center'></td>
	<td id='center'><p class='meseg'>HELLO AMIGO!</p></td>
	<td id='right_center'></td>
   </tr>
   <tr heigth='18'>
	<td width='18' height='18' id='left_bottom'></td>
	<td height='18' id='center_bottom'></td>
	<td width='16' height='18' id='right_bottom'></td>
   </tr>
  </table>
</div>
</div>
<div id='forum_body'>
<div id='ava'>
  <div id='avatar'></div>
</div>
<div id='text_green'>
  <table border='0' align='center' cellpadding="0" cellspacing="0">
   <tr heigth='13'>
	<td width='18' height='13' id='left_top'></td>
	<td height='13' id='center_top'></td>
	<td width='16' height='13' id='right_top'></td>
   </tr>
   <tr>
	<td width='18' id='left_center'></td>
	<td id='center'><p class='meseg'>Пливет!!!</p></td>
	<td id='right_center'></td>
   </tr>
   <tr heigth='18'>
	<td width='18' height='18' id='left_bottom'></td>
	<td height='18' id='center_bottom'></td>
	<td width='16' height='18' id='right_bottom'></td>
   </tr>
  </table>
</div>
</div>


[css]


/*АДМИНИСТРАТОР
----------------*/
#forum_body_admin{
width:490px;
/*position:relative;*/
padding:0 16px 0 16px;
}
#ava_admin{
background-image:url(img_fon/gost_cniga/admin/ava.png);
width:102px;
height:102px;
float:right;
}
#avatar_admin{
background-image:url(img_fon/gost_cniga/admin/avatar.png);
/*-moz-border-radius: 15px; //округление углов для mozilla
-webkit-border-radius: 15px; //округление углов для chrome safari*/
border-radius:10px;
width:88px;
height:88px;
margin:4px 0 0 5px;
border:2px solid #CCC;
}
#text_blue{
width:382px;
min-height:50px;
margin:0 0 6px 0;
padding:51px 0 0 0;
border:1px red solid;
position:right;
}
.meseg_admin{
position:relative;
margin:-8px -5px -9px -5px;
color:red;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
}
/* ВЕРХ
-----------------------------------------------------------------*/
#left_top_admin{
background-image:url(img_fon/gost_cniga/admin/left_top.png);
}
#center_top_admin{
background-image:url(img_fon/gost_cniga/admin/top_center.png);
}
#right_top_admin{
background-image:url(img_fon/gost_cniga/admin/right_top.png);
}
/* ЦЕНТЕР
-----------------------------------------------------------------*/
#left_center_admin{
background-image:url(img_fon/gost_cniga/admin/left_center.png);
}
#center_admin{
background-image:url(img_fon/gost_cniga/admin/center.gif);
}
#right_center_admin{
background-image:url(img_fon/gost_cniga/admin/right_center.png);
}
/* НИЗ
-----------------------------------------------------------------*/
#left_bottom_admin{
background-image:url(img_fon/gost_cniga/admin/left_bottom.png);
}
#center_bottom_admin{
background-image:url(img_fon/gost_cniga/admin/center_bottom.png);
}
#right_bottom_admin{
background-image:url(img_fon/gost_cniga/admin/right_bottom.png);
}

/*ГОСТЬ
-------------*/
#forum_body{
width:490px;
/*position:relative;*/
padding:0 16px 0 16px;
}
#ava{
background-image:url(img_fon/gost_cniga/admin/ava.png);
width:102px;
height:102px;
float:left;
}
#avatar{
background-image:url(img_fon/gost_cniga/piople/faracon.jpg);
/*-moz-border-radius: 15px; //округление углов для mozilla
-webkit-border-radius: 15px; //округление углов для chrome safari*/
border-radius:10px;
width:88px;
height:88px;
margin:4px 0 0 5px;
border:2px solid #CCC;
}
#text_green{
width:495px;
min-height:50px;
margin:0 0 6px 0;
padding:51px 0 0 0;
}
.meseg{
position:relative;
margin:-8px -5px -9px -5px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
}
/* ВЕРХ
-----------------------------------------------------------------*/
#left_top{
background-image:url(img_fon/gost_cniga/piople/left_top.png);
}
#center_top{
background-image:url(img_fon/gost_cniga/piople/center_top.png);
}
#right_top{
background-image:url(img_fon/gost_cniga/piople/right_top.png);
}
/* ЦЕНТЕР
-----------------------------------------------------------------*/
#left_center{
background-image:url(img_fon/gost_cniga/piople/left_center.png);
}
#center{
background-image:url(img_fon/gost_cniga/piople/center.gif);
}
#right_center{
background-image:url(img_fon/gost_cniga/piople/right_center.png);
}
/* НИЗ
-----------------------------------------------------------------*/
#left_bottom{
background-image:url(img_fon/gost_cniga/piople/left_bottom.png);
}
#center_bottom{
background-image:url(img_fon/gost_cniga/piople/center_bottom.png);
}
#right_bottom{
background-image:url(img_fon/gost_cniga/piople/right_bottom.png);
}

Прикрепленные изображения

  • Без-имени-1.gif

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 26 Ноябрь 2012 - 15:25

Можно в CSS добавить (после описания #text_blue)
#text_blue table{
float:right;
}

К вам просьба: постарайтесь не коверкать слова, когда задаете вопросы.
  • 2

#3 Faracon

Faracon
    Topic Starter
  • Пользователь
  • 4 сообщений
  • Репутация: 0

Отправлено 26 Ноябрь 2012 - 16:20

Спасибо тебе все получилось но вышла другая проблемка после того как я вставил
 

#text_blue table{
float:right;
}

У меня при большом ебьеме текста началось обтекание в чем причина и чем бороться с этим делом ? :unsure:


  • 0

#4 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 26 Ноябрь 2012 - 16:56

Что бы отменить обтекание, можно, например, добавить к свойствам #text_blue очистку потока:

overflow: hidden;
Должно получиться как-то так:
#text_blue{
width:382px;
min-height:50px;
margin:0 0 6px 0;
padding:51px 0 0 0;
border:1px red solid;
overflow: hidden;
}

  • 0


Оформление форума – IPBSkins.ru