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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Таблица с рамкаи одинакового цвета и толщины, цвет и толщина границ 
:(
    Опции темы
31416
Дата 23.12.2008, 13:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Подскажите как можно сделать таблицу  у которой толщина и цвет внешних и внутренних рамок (линий которые ее формируют) были бы одинаковыми, на практике всегда получается что внешняя прямоугольная рамка отличается от внутренних, внутренние получаются более темными и тонкими.

ps. желательно чтобы работало в IE и FF
--------------------
Мой блог
PM MAIL WWW ICQ   Вверх
bars80080
Дата 23.12.2008, 13:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



это не понятно, если мы говорим о правке таблицы с помощью атрибутов cellpadding, cellspacing, bordercolor и прочее

если же говорим о css, то все рамки можно задать как-угодно, в т.ч. и одинаково, остаётся экспериментировать

тэги table, tr, td
свойства: border, border-collapse, border-style, border-color, border-left, border-right....
PM MAIL WWW   Вверх
NDenis
Дата 23.12.2008, 14:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



bars80080, border-spacing забыли..
чтобы вначале важное прочитать для решения вопроса, а потом все остальное, так сказать, для души ;)
PM MAIL   Вверх
31416
Дата 23.12.2008, 15:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



а без css можно сделать?
--------------------
Мой блог
PM MAIL WWW ICQ   Вверх
NDenis
Дата 23.12.2008, 15:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(31416 @  23.12.2008,  15:02 Найти цитируемый пост)
а без css можно сделать? 

 smile 
если честно, впервые вижу такую просьбу
PM MAIL   Вверх
31416
Дата 23.12.2008, 15:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



фрагмент html будет для вставки на другие сайты, т.е внешний ccs наверно лучше не делать а внутри тега напрямую можно..
--------------------
Мой блог
PM MAIL WWW ICQ   Вверх
NDenis
Дата 23.12.2008, 15:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



а кто в таком случае мешает стили вставлять через <table style="..."> и т.д. для каждого элемента?
вы бы лучше перед заданием вопроса, пролистали бы какой-нить справочник
вот этот хотя бы
PM MAIL   Вверх
bars80080
Дата 23.12.2008, 15:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



NDenis, не поверишь, впервые вижу его. по справочнику, который читал он просто отсутствует (правда, они изначально говорили, что не всё дают)

ещё border-width забыл

можно ещё средний вариант. стили как во внешнем, но перед самой таблицей:

Код

<style>
... стили

</style>

<table> ...

PM MAIL WWW   Вверх
Nikol
Дата 23.12.2008, 19:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Этот параметр уберет двойные линии, а то что они темнее - это визуальный эффект.
Код

<table style="border-collapse: collapse;">



Это сообщение отредактировал(а) Nikol - 23.12.2008, 19:14
--------------------
Я не волшебник, я только учусь.
PM MAIL WWW ICQ   Вверх
31416
Дата 26.12.2008, 13:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



появилась другая проблема: 
Код

<table width="500" border="1" cellpadding="5" cellspacing="0" bordercolor="#99CC00" bgcolor="#FFFFFF" style="border-collapse: collapse;"> 
<tr > <td colspan="3">1</td> </tr> 
<tr> <td width="134" rowspan="2" align="center" valign="middle">2</td></tr>
<tr> <td width="350">3</td> </tr></table> 


одна из рамок получается все-равно жирной в IE (в FF нормально), не такой как остальные, подскажите как это можно убрать?

Это сообщение отредактировал(а) 31416 - 26.12.2008, 13:45
--------------------
Мой блог
PM MAIL WWW ICQ   Вверх
Nikol
Дата 26.12.2008, 19:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



ммм. Проблемка не в бордерах. Предполагаю, вы не сами писали html, а с помощью визуального редактора, или в фотошопе нарезали? Потому как немного неточно. У вас там три строки, и этот ваш жирный бордер - на самом деле пустая строка, просто в ФФ ее не видно. Вот нормальная разметка:
Код

    <table width="500" border="1" cellpadding="5" cellspacing="0" bordercolor="#99CC00" bgcolor="#FFFFFF" style="border-collapse: collapse;">
      <tr >
        <td colspan="2">1</td>
      </tr>
      <tr>
        <td width="134" align="center" valign="middle">2</td>
        <td width="350">3</td>
      </tr>
    </table>

--------------------
Я не волшебник, я только учусь.
PM MAIL WWW ICQ   Вверх
31416
Дата 27.12.2008, 00:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



да, шаблон вообще не я делал, пример на самом деле немного сложнее, зря я его упростил, вот в этом примере рамка опять осталась,  хотя colspan поправлен.

Код

    <table width="500" border="1" cellpadding="5" cellspacing="0" bordercolor="#99CC00" bgcolor="#FFFFFF" style="border-collapse: collapse;">
      <tr >
        <td colspan="2">1</td>
      </tr>
    
      <tr>
        <td width="134" align="center" valign="middle" rowspan="3">union</td>
      </tr>

      <tr>
        <td width="134" align="center" valign="middle">u1</td>
      </tr>

      <tr>
        <td width="134" align="center" valign="middle">u2</td>
      </tr>

    </table>


как ее все-же убрать? smile
--------------------
Мой блог
PM MAIL WWW ICQ   Вверх
ksnk
Дата 27.12.2008, 00:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Сверстать более коректно
Код

<table width="500" border="1" cellpadding="5" cellspacing="0" bordercolor="#99CC00" bgcolor="#FFFFFF" style="border-collapse: collapse;">
      <tr >
        <td colspan="2">1</td>
      </tr>
    
      <tr>
        <td width="134" align="center" valign="middle" rowspan="2">union</td>
      
        <td width="134" align="center" valign="middle">u1</td>
      </tr>
      <tr>
        <td width="134" align="center" valign="middle">u2</td>
      </tr>
    </table>




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


Шустрый
*


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

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



31416, ну смотрите сами, вы ту же ошибку допускаете - вы хотите три строки отобразить, а в разметке их четыре, и одна из них пустая - ваш жирный бордер. Сделайте как написал ksnk и будет вам счастье.  smile 
--------------------
Я не волшебник, я только учусь.
PM MAIL WWW ICQ   Вверх
31416
Дата 27.12.2008, 03:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



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


 




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


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

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