X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблемы с таблицей. Позиционирование
Faracon
Faracon
Topic Starter сообщение 26.11.2012, 13:06; Ответить: Faracon
Сообщение #1


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


[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);
}

Эскизы прикрепленных изображений
Прикрепленное изображение
 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 26.11.2012, 16:25; Ответить: yury_mw
Сообщение #2


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


К вам просьба: постарайтесь не коверкать слова, когда задаете вопросы.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Faracon
Faracon
Topic Starter сообщение 26.11.2012, 17:20; Ответить: Faracon
Сообщение #3


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

#text_blue table{
float:right;
}

У меня при большом ебьеме текста началось обтекание в чем причина и чем бороться с этим делом ? :unsure:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 26.11.2012, 17:56; Ответить: yury_mw
Сообщение #4


Что бы отменить обтекание, можно, например, добавить к свойствам #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;
}



Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1336 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Проблемы с версткой. Сайт поплыл.
1 igor1337 4215 3.9.2016, 19:41
автор: -Ruslaner___-
Открытая тема (нет новых ответов) Проблемы с Kazapa
4 baracuda 3746 29.6.2015, 22:21
автор: baracuda
Открытая тема (нет новых ответов) У меня возникли две проблемы. Пожалуйста помогите.
6 DmitryPro 5086 21.6.2014, 20:47
автор: -Mr.Usluga-
Открытая тема (нет новых ответов) проблемы с сайтом
3 Modest_hb 4856 16.5.2013, 17:44
автор: -killerblade-


 



RSS Текстовая версия Сейчас: 29.3.2024, 17:50
Дизайн