Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> фиксировать ширину таблицы 
V
    Опции темы
gcc
Дата 17.4.2009, 21:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



как зафиксировать ширину таблицы?

Код
    min-width: 600px;
width: expression((body.clientWidth <= 600) ? "600px" : "100%");    


Код
      <div style="overflow: hidden; width: 900px;">


у таблицы есть еще одна таблица! когла еще появляються столбцы то она раздвигатеся... если зафксировать   style="overflow: hidden; width: 900px;"
то внутрення таблица ведет себя странно, ставиться по центру почему-то....

или тут надо как-то столбцы? в гугле я не нашел почти ничего


http://www.google.com.ua/search?hl=uk&...mp;aq=f&oq=

но там про ячейки, а не про таблицы


css таблицы я взял из другого своего сайта, там ящейки таблицы автоматически фиксируються, а тут не хочет, может из-за того что таблицы втури?

Код

#table {
        border : 0px;
    width: 750px;
    margin: 0px auto;
    border: 1px solid #efefef;
    font-size: 11px;
    border : 0px;
    
}


как тут сделать?


Это сообщение отредактировал(а) gcc - 17.4.2009, 21:43
PM WWW ICQ Skype GTalk Jabber   Вверх
gcc
Дата 17.4.2009, 22:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



кажется работает

Код
   table-layout: fixed; 


Код
        border : 0px;
    width: 900px;
    margin: 0px auto;
    border: 1px solid #efefef;
    font-size: 11px;
    border : 0px;
    table-layout: fixed; 
    
}

PM WWW ICQ Skype GTalk Jabber   Вверх
ksnk
Дата 17.4.2009, 23:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



border повторяется 3 раза. Так и должно быть?


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
gcc
Дата 18.4.2009, 01:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



вот буквы наезжают друг на друга, что тут делать чтобы было нормально? подскажите решение

шрифт маленький сделать? или что-то еще?

я посокращал:
отк.
зак.
Пр.темы

но как-то не смотрится

Это сообщение отредактировал(а) gcc - 18.4.2009, 01:42

Присоединённый файл ( Кол-во скачиваний: 7 )
Присоединённый файл  ggg.jpg 31,78 Kb
PM WWW ICQ Skype GTalk Jabber   Вверх
gcc
Дата 18.4.2009, 06:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



подскажит, есть таблица три столбца

-----------------
     |      |       |
------------------

как стелать следующую строку в 2 столбца?

примерно так


-----------------
     |      |       |
------------------
         |           |
-----------------
     |      |       |
------------------
PM WWW ICQ Skype GTalk Jabber   Вверх
CruorVult
Дата 18.4.2009, 12:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 1
Всего: 28



Цитата(gcc @  18.4.2009,  06:42 Найти цитируемый пост)
как стелать следующую строку в 2 столбца?

Создать внутри ячейки еще одну таблицу
Код
<table width="100%" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3">
    <table width="100%" border="1" cellpadding="0" cellspacing="0">
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
     </td>  
  </tr>
</table>


PM MAIL Skype   Вверх
gcc
Дата 18.4.2009, 21:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



спасибо, а как сделат ьв предыдущем сообщении, чтобы буквы были в талице?

если сделать маленький шфрит, то он окак-то не смотрится...
PM WWW ICQ Skype GTalk Jabber   Вверх
gcc
Дата 19.4.2009, 05:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



Цитата(ksnk @ 17.4.2009,  23:06)
border повторяется 3 раза. Так и должно быть?

подправлю border

но таблицу не получилось выровнять, эта опция table-layout: fixed;  в тупую выравнивает все столбцы по ровно

как зафиксировать столбцы и саму таблицы?
PM WWW ICQ Skype GTalk Jabber   Вверх
ksnk
Дата 19.4.2009, 12:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



gcc, Если указываешь table-layout: fixed;  необходимо указывать еще и ширину столбцов. Проще всего использовать <col>

Код

<table style="table-layout:fixed;">
<col width="50"><col width="auto"><col width="10%"><col width="10%"><col width="50">
...


Добавлено через 2 минуты и 37 секунд
В некоторых случаях, в ячейку никак не уложить запись прилично и полностью. Можно в Фотошопе нарисовать нормальным шрифтом с нормальными отступами и вставить картинкой. Хотя это уже - крайний случай, для варианта с неизменяемыми названиями столбцов.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
gcc
Дата 28.11.2009, 17:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



подскажите как выровнять тут текст http://lissyara.org.ua/view_content/65 (нету переноса строк, строки длинные)
можно ли каждую строку зафиксировать по длинне чтобы каждое слово переносилось на другую строку (если строка большая)?
 
я использую ББ редатор, мне порекомендовали вот это http://www.htmlbook.ru/css/white-space.html для пробелов и для переносов абзаца, НО там нету переноса строк!


я поставил, но оно как видите не хочет почему-то выравниватся...

я посмотрел исходники форумов, как там именно это сделано и не получилось ничего, там видимо какая-то тонкость!...


вот в тестовом варианте как сейчас:
Код

      <tr width="900" style="

        text-align: left;
          margin: 0;
  width: 900;
  float: none;
  clear: none;

  font-size: 12px;
  line-height: 1.333;


  vertical-align: top;

  padding: 2px 4px;
    border-collapse: collapse;
      overflow-x: fixed;
  overflow-y: fixed;


  margin: 0 0 1.5em 0;
  overflow: fixed;
  white-space: pre;
  ">   
     
    <td width="900" colspan="3" aling="left">
    
     
     <TMPL_VAR NAME="text_co">   

     
     </td>  
     </tr>


<b><TMPL_VAR NAME="text_co"></b>  - это текст из oаблона 

это для BB code

Код

/* Quote */


 .bbcode_code_body {display:block;}
 



.bbcode_code_body {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.bbcode_code_body {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.bbcode_code_body span {
  border-collapse: collapse;
}

.bbcode_code_body , .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.bbcode_code_body .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.bbcode_code_body span {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;


}




вообщем, подскажите пожалуйста, как тут выровнять http://lissyara.org.ua/view_content/65 ?
PM WWW ICQ Skype GTalk Jabber   Вверх
gcc
Дата 28.11.2009, 19:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



http://lissyara.org.ua/view_content/65 там строки длинные на много вылазят? как сделать нормально? можно ли ее сделать чтобы строки была зафиксированная в таблице?

если я ставлю <br /> и white-space: pre; то получается 2 проблема! очень не красиво... ??
в code 2 абзаца стоят после каждой строки....


white-space: pre; тоже ставить абзац

я посмотрел форумы phpbb и vBulletin®

на первом я поставил - не работает, там было очень сильно запутано как-то... 

в vBulletin® я не понял...

есть ли решение как это сделать?



PM WWW ICQ Skype GTalk Jabber   Вверх
gcc
Дата 29.11.2009, 15:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Агент алкомафии
****


Профиль
Группа: Участник
Сообщений: 2691
Регистрация: 25.4.2008
Где: %&й

Репутация: нет
Всего: 17



сделал, что-то css больше 2 версии мало продокументированно, одну штуку поставил, как бы написано что работать редко где должно, но у меня везде работает

вообщем там надо было заменить 
Код
white-space: pre;


на 
Код
white-space: pre-wrap;


и все выровняется

нашел тут:http://css.manual.ru/properties/white-space


тут вот еще маленько:
_http://xpoint.ru/forums/internet/html_css/css/thread/21764.xhtml
_http://www.webmascon.com/topics/coding/46a.asp
_http://www.nbuv.gov.ua/books/19/css2/text.html
_http://www.umade.ru/resources/specifications/CSS2/text.html
_http://info-pages.com.ua/e/95


посмотрите еще может быть с IE 7-8 как? выравнивается?
http://lissyara.org.ua/view_content/65
PM WWW ICQ Skype GTalk Jabber   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0636 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.