Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Таблица с рамкаи одинакового цвета и толщины

Автор: 31416 23.12.2008, 13:19

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

ps. желательно чтобы работало в IE и FF

Автор: bars80080 23.12.2008, 13:54

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

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

тэги table, tr, td
свойства: border, border-collapse, border-style, border-color, border-left, border-right....

Автор: NDenis 23.12.2008, 14:58

bars80080, border-spacing забыли..
чтобы вначале важное прочитать для решения вопроса, а потом все остальное, так сказать, для души ;)

Автор: 31416 23.12.2008, 15:02

а без css можно сделать?

Автор: NDenis 23.12.2008, 15:05

Цитата(31416 @ 23.12.2008, 15:02

)

а без css можно сделать?

если честно, впервые вижу такую просьбу

Автор: 31416 23.12.2008, 15:15

фрагмент html будет для вставки на другие сайты, т.е внешний ccs наверно лучше не делать а внутри тега напрямую можно..

Автор: NDenis 23.12.2008, 15:18

а кто в таком случае мешает стили вставлять через <table style="..."> и т.д. для каждого элемента?
вы бы лучше перед заданием вопроса, пролистали бы какой-нить справочник
вот http://htmlbook.ru хотя бы

Автор: bars80080 23.12.2008, 15:24

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

ещё border-width забыл

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

Код


<style>
... стили

</style>

<table> ...

Автор: Nikol 23.12.2008, 19:14

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

Код


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

Автор: 31416 26.12.2008, 13:44

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

Код


<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 нормально), не такой как остальные, подскажите как это можно убрать?

Автор: Nikol 26.12.2008, 19:26

ммм. Проблемка не в бордерах. Предполагаю, вы не сами писали 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>

Автор: 31416 27.12.2008, 00:07

да, шаблон вообще не я делал, пример на самом деле немного сложнее, зря я его упростил, вот в этом примере рамка опять осталась, хотя 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

Автор: ksnk 27.12.2008, 00:29

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

Код


<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>

Автор: Nikol 27.12.2008, 03:06

31416, ну смотрите сами, вы ту же ошибку допускаете - вы хотите три строки отобразить, а в разметке их четыре, и одна из них пустая - ваш жирный бордер. Сделайте как написал ksnk и будет вам счастье. smile

Автор: 31416 27.12.2008, 03:38

ну что сказать все работает - преклоняюсь перед женским интеллектом) спасибо)

Автор: Nikol 27.12.2008, 13:05

Всегда рада помочь smile