VPF::Процентные разеры таблиц - Форум программистов

Urod

Дата 3.5.2005, 19:44 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Да и так не помогает smile

Код


<td height="100%" width="28%" valign="top" bgcolor="#7C93B3">
          <div style="height:100%" align="right">
            <table height="99%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="30%"><div align="left"><img src="../Graphic/krovlya/pic_2.jpg" /></div></td>
              </tr>
              <tr>
                <td height="40%"><div align="right"><img src="../Graphic/krovlya/pic_3.jpg" /></div></td>
              </tr>
              <tr>
                <td height="30%"><div align="center"><img src="../Graphic/krovlya/pic_1.jpg" /></div></td>
              </tr>
            </table>            
              </div>
        </td>

Вот весь мой боди, если кому-то очевидна ошибка, подскажите, пож-та. smile

Код


<body topmargin="0" leftmargin="0">

<center/>
<table border="0" width="85%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1%" background="../Templates/Doma_gory/pozadina.gif"><img border="0" src="../Templates/Doma_gory/pozadina.gif" width="10" height="10"></td>
    <td width="100%">
      <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%" bgcolor="#7C93B3"><img src="../Graphic/Top_1_krovlya.jpg"></td>
        </tr>
      </table>
         <table background="../Templates/Doma_gory/Fon_fasad.jpg" border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="72%" height="100%" valign="top">
            <table width="100%" height="40" cellpadding="0" cellspacing="0">
              <tr>
                <td> <a href="page_home.htm"><img src="../Templates/Doma_gory/home.jpg" alt="Главная" border=0 onMouseOver="this.src='../Templates/Doma_gory/homehover.jpg'" onMouseOut="this.src='../Templates/Doma_gory/home.jpg'"></a><a href="pages/test_saite.htm"><img src="../Templates/Doma_gory/about.jpg" alt="О нас" border=0 onMouseOver="this.src='../Templates/Doma_gory/abouthover.jpg'" onMouseOut="this.src='../Templates/Doma_gory/about.jpg'"></a><a href="../Templates/Doma_gory/contact.jpg"><img src= "../Templates/Doma_gory/contact.jpg" alt="Контакты" border=0 onmouseover="this.src='../Templates/Doma_gory/contacthover.jpg'" onmouseout="this.src='../Templates/Doma_gory/contact.jpg'" /></a><img src="../Templates/Doma_gory/title_continue.jpg"  /></td>
             </tr>
            </table>
            <table width="100%"  border="0">
              <tr class="qwe">
              <td><p class="qwe"> Внешний вид здания - это важный фактор для клиента или самого хозяина здания. Немаловажную роль играет облик фасада. Но, к сожалению, со временем фасад приобретает непризентабкльный вид: под воздействие внешних погодных факторов краска выгорает, местами трескается. Сам же материал, из которого выполнен фасад, может претерпеть негативные изменения, что потребует выполнения ремонтных работ.</p>
                <p class="qwe">В подобных случаях промышленные альпинисты помогут Вам решить эту проблему, аккуратно работая с материалом фасада здания, а Вам не придется приостанавливать работу Вашего предприятия из-за угрожающего вида строительных лесов или прочих вспомогательных конструкций.</p>
              </tr>
              </tbody>
            </table>
            <div align="center">
              <table width="90%" bordercolor="#7C93B3" border="2">
                <tr class="asd">
                  <td width="35%"><p class="asd">Услуга</p></td>
                  <td width="25%"><p class="asd">Единица<br />измерения</p></td>
                  <td width="30%"><p class="asd">Цена/ ед. измерения<br>(руб.)</p></td>
                </tr>
                <tr>
                  <td><p class="zxc">Мойка стекол</p></td>
                  <td><p class="rty">1 кв. м</p></td>
                  <td><p class="rty">30</p></td>
                </tr>
                <tr>
                  <td><p class="zxc">&nbsp;</p></td>
                  <td><p class="rty"></p></td>
                  <td><p class="rty"></p></td>
                </tr>
                <tr>
                  <td><p class="zxc">&nbsp;</p></td>
                  <td><p class="rty"></p></td>
                  <td><p class="rty"></p></td>
                </tr>
                <tr>
                  <td><p class="zxc">&nbsp;</p></td>
                  <td><p class="rty"></p></td>
                  <td><p class="rty"></p></td>
                </tr>
                <tr>
                  <td><p class="zxc">&nbsp;</p></td>
                  <td><p class="rty"></p></td>
                  <td><p class="rty"></p></td>
                </tr>
                <tr>
                  <td><p class="zxc">&nbsp;</p></td>
                  <td><p class="rty"></p></td>
                  <td><p class="rty"></p></td>
                </tr>
                <tr>
                  <td><p class="zxc">&nbsp;</p></td>
                  <td><p class="rty"></p></td>
                  <td><p class="rty"></p></td>
                </tr>
                <tr>
                  <td><p class="zxc">&nbsp;</p></td>
                  <td><p class="rty"></p></td>
                  <td><p class="rty"></p></td>
                </tr>
                <tr>
                  <td><p class="zxc">&nbsp;</p></td>
                  <td><p class="rty"></p></td>
                  <td><p class="rty"></p></td>
                </tr>
              </table>
            </div>
          <td height="100%" width="28%" valign="top" bgcolor="#7C93B3">
          <div style="height:100%" align="right">
            <table height="99%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="30%"><div align="left"><img src="../Graphic/krovlya/pic_2.jpg" /></div></td>
              </tr>
              <tr>
                <td height="40%"><div align="right"><img src="../Graphic/krovlya/pic_3.jpg" /></div></td>
              </tr>
              <tr>
                <td height="30%"><div align="center"><img src="../Graphic/krovlya/pic_1.jpg" /></div></td>
              </tr>
            </table>            
              </div>
        </td>
        </tr>
      </table>
      <table border="0" width="100%" bgcolor="#B5C2D5" cellspacing="0" cellpadding="0" height="50">
        <tr>
          <td width="80%">
            <p align="left" style="margin-left: 20"><font color="#4A6282">Copyrights 2004 Your company name All rights reserved.
            Design by <strong>Urod</strong> </font>
          </td>
      </table>
    <td width="1%" background="../Templates/Doma_gory/pozadina1.gif"><img border="0" src="../Templates/Doma_gory/pozadina1.gif" width="10" height="10"></td>
  </tr>
</table>
</div>

</body>

Это сообщение отредактировал(а) Urod - 3.5.2005, 19:45

dm9

Дата 3.5.2005, 21:22 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Ты знаешь, под ИЕ и Мозиллу у тебя всё работет. Как сделать таким образом под Оперу - я не знаю smile

Не морочь голову и замени вот это:

Цитата(Urod @ 3.5.2005, 20:44)

На вот это.

Код


<div style="height:30%" align="right">Тут твоя картинка, ну и align, может, исправить придётся</div>
<div style="height:40%" align="right">Тут твоя картинка, ну и align, может, исправить придётся</div>
<div style="height:30%" align="right">Тут твоя картинка, ну и align, может, исправить придётся</div>

Urod

Дата 3.5.2005, 21:51 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Куда я только эти дивы не вставляла! Ну так тоже не работает

Код


<div style="height:100%" align="right"> 
            <table border="0" cellspacing="0" cellpadding="0"> 
              <tr> 
                <td><div style="height:50%" align="right"><img src="../Graphic/krovlya/pic_2.jpg" /></div></td> 
              </tr> 
              <tr> 
                <td><div style="height:60%" align="left"><img src="../Graphic/krovlya/pic_3.jpg" /></div></td> 
              </tr> 
              <tr> 
                <td><div style="height:30%" align="center"><img src="../Graphic/krovlya/pic_1.jpg" /></div></td> 
              </tr> 
            </table>            
              </div>

Так, я в ячейку вставила таблицу, состоящую из трех строк и одного столбца. Хочу задать высоту этим строкам... Так, может, в Tr вставлять дивы?
Добавлено @ 21:55
Да и если так писать, тоже ни фига

Код


<tr "height:50%">

Urod

Дата 3.5.2005, 22:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Блин, нарисовала картинку того, что я хочу, да тут ее не прикрепить никуда smile

Я хочу, чтобы между моими рисунками (вставленными в каждую строку одного столбца) были промежутки. Сейчас эти рисунки буквально друг на дружке "сидят". Так я хочу размером высоты строк (а рисунки у меня строго ограничены по размерам и, соответственно, меньше по высоте, чем сами строки, куда они вставлены - я картинки в фотошопе подгоняла) задать эти промежутки. КАААААААААААААК это сделать?

Cheba

Дата 3.5.2005, 22:52 (ссылка)

(нет голосов)

Загрузка ...

pointless one

Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62

Код

img.padded {
    padding: 10px;
}

Код

<img class="padded" src="img1.jpg" width="300px" height="100px" alt="" />
<img class="padded" src="img2.jpg" width="300px" height="100px" alt="" />
<img class="padded" src="img3.jpg" width="300px" height="100px" alt="" />

--------------------

Как правильно задавать вопросы

Urod

Дата 3.5.2005, 23:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

ChebaВот так?:

В CSS:

Код


img.padded {
    padding: 10px;
}

Код


               <tr>
                <td ><div align="left"><img class="padded" src="../Graphic/krovlya/pic_2.jpg" /></div></td>
              </tr>

>
Не пролучилось smile

НЕт отступов от картинки smile

Добавлено @ 23:19
УРАААААААААААААААААААА!!!!!!!!!!!!!!!!! smile

Вот, как надо было CSS описать:

Код


}
img.padded {
     margin: 20px 10px 10px 10px;
}

Спасибо Cheba за идею, спасибо dm9 - за полученные от тебя навыки smile

Это сообщение отредактировал(а) Urod - 3.5.2005, 23:16

dm9

Дата 3.5.2005, 23:22 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(Cheba @ 3.5.2005, 23:52)

img.padded {
padding: 10px;
}

Не padding: 10px, а margin: 10px (!!!)

Цитата(Urod @ 3.5.2005, 22:51)

Куда я только эти дивы не вставляла!

Ты их не вставляй никуда, ты просто один за одним их положи вместо того куска кода, который я тебе написал там.

Это сообщение отредактировал(а) dm9 - 3.5.2005, 23:23

Urod

Дата 3.5.2005, 23:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Вот только при разрешении 800 на 600 все равно прокрутка горизонтальная возникает. Почему, на что необходимо в первую очередь обратить внимание? smile

dm9

Дата 3.5.2005, 23:24 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(Urod @ 4.5.2005, 00:23)

Вот только при разрешении 800 на 600 все равно прокрутка горизонтальная возникает. Почему, на что необходимо в первую очередь обратить внимание?

На картинки, которые растягивают таблицу.

Aliance

Дата 3.5.2005, 23:25 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Чтоб не возникало, даже если картинки больше экрана, задай свойства clip и overflow к тегу body

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Cheba

Дата 4.5.2005, 02:42 (ссылка)

(нет голосов)

Загрузка ...

pointless one

Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62

Цитата(dm9 @ 3.5.2005, 23:22)

Не padding: 10px, а margin: 10px (!!!)

Да, простите. Тяжелый трудовой день и все такое... Но идею люди поняли. smile

--------------------

Как правильно задавать вопросы

Urod

Дата 4.5.2005, 08:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Цитата(Aliance @ 3.5.2005, 23:25)

Чтоб не возникало, даже если картинки больше экрана, задай свойства clip и overflow к тегу body

Aliance А как это делается? Да и вообще это поможет, учитывая, что размер картинок статичен?

dm9 Нее, картинки специально обрезаны в фотошопе до нужного размера => они не растягивают таблицу. Т.о. вопрос остается smile

Это сообщение отредактировал(а) Urod - 4.5.2005, 08:40

dm9

Дата 4.5.2005, 08:43 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Цитата(Urod @ 4.5.2005, 09:38)

Т.о. вопрос остается

Ну тогда давай сюда страничку в архиве. Мы тут не телепаты smile

Urod

Дата 4.5.2005, 08:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

dm9 Понимаю smile

Блин, я на работе (тут нельзя свои файлы качать, мой код у меня дома). Я как приду домой - сразу скину! СПАСИБО!!!!!!!!

Aliance

Дата 4.5.2005, 13:06 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Цитата(Urod @ 4.5.2005, 09:38)

Aliance А как это делается? Да и вообще это поможет, учитывая, что размер картинок статичен?

Да какая разница... Эти св-ва задают видимость блока, в нашем случае боди. Ставим ноу скролл и клип во весь экран - и дальше он не будет прокручиваться, будет обрезаться...

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »