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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Таблицы, занимают всю горизонталь 
V
    Опции темы
Artemon
Дата 23.8.2006, 18:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


а ты мне нравишься
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 24.2.2004
Где: Челябинск

Репутация: нет
Всего: 20
Располагаю узкукю и длинную таблицу (10x1) на странице.
Остается очень много места справа, НО ВОТ НЕ ЗАДАЧА - ЭТА ТАБЛИЧКА НЕ ДАЕТ НИЧЕГО ВПИХНУТЬ СПРАВА.

Как выйти из ситуации?


--------------------
Контроль топлива на топливозаправщиках, мониторинг автотранспорта, расчет зарплаты водителей www.rscat.ru
PM MAIL   Вверх
Illuminaty
Дата 23.8.2006, 18:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


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

Репутация: 25
Всего: 56
Модератор: причем здесь веб-дизайн?

Добавлено @ 18:21 
Решение:
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Таблицы, занимают всю горизонталь </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css">
html, body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}
#mainTable {
    background-color: #CC9900;
    border-collapse: collapse;
    float:left;
    width: 50%;
}
#mainTable td {
    border: 1px solid #6633FF;
    text-align: center;
}
</style>
</head>

<body>
<table border="0" cellspacing="0" cellpadding="0" id="mainTable">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
  </tr>
</table>Текст справа от таблицы</body>
</html>

учите матчасть!
PM MAIL ICQ   Вверх
ElGuapo
Дата 24.8.2006, 13:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый
*


Профиль
Группа: Участник
Сообщений: 101
Регистрация: 1.7.2006

Репутация: 2
Всего: 3
Ох, загрузили новичка css-ми! 

Artemon, если просто добавить в тег <table> параметр align="left", то следующий за таблицей текст будет написан справа. 
Код

<table border="0" cellspacing="0" cellpadding="0" align="left">

Вернее сказать, таблица будет в режиме "обтекания текстом".
PM MAIL   Вверх
R.M.
Дата 24.8.2006, 18:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30
ElGuapo, или как сказал Illuminaty css-свойством float: left;


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
ElGuapo
Дата 24.8.2006, 20:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый
*


Профиль
Группа: Участник
Сообщений: 101
Регистрация: 1.7.2006

Репутация: 2
Всего: 3
Куксикус , верно, align - это свойство тега <table>, а float- это если используешь css. Результаты идентичны.

Это сообщение отредактировал(а) ElGuapo - 24.8.2006, 20:32
PM MAIL   Вверх
R.M.
Дата 25.8.2006, 11:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

Репутация: 9
Всего: 30
ElGuapo, но лучше ИМХО юзать css smile 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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