Jump to content

Как в таблице убрать бордер только между ячейками?


Recommended Posts

Мне нужно убрать бордер только между двумя ячейками, “названием языка программирования “и “progress bаr’ом” пример на скриншоте. Красными чёрточками выделен border, который мне нужно убрать,.

img_table.jpg

Так же всю таблицу сделать более яркой, чтобы название и progress bar, выделялись, и пользователь не запутался в результате голосование и видел какое название к какому progress bar’у относится.  

Как это можно сделать?

А вот весь код:

<div id="poll">
<table width="98%" border="1">
<tr>
<td>
Python
</td>
<td rowspan="2">
Количество голосов
</td>
<td rowspan="2">
Процент проголосовавших
</td>
</tr>
<tr>
<td>
Progress bar
</td>
</tr>
<!--||||||||||||||||||||||||-->
<tr>
<td>
Python
</td>
<td rowspan="2">
Количество голосов
</td>
<td rowspan="2">
Процент проголосовавших
</td>
</tr>
<tr>
<td>
Progress bar
</td>
</tr>
<!--||||||||||||||||||||||||-->
<tr>
<td>
Python
</td>
<td rowspan="2">
Количество голосов
</td>
<td rowspan="2">
Процент проголосовавших
</td>
</tr>
<tr>
<td>
Progress bar
</td>
</tr>
<!--||||||||||||||||||||||||-->
<tr><td>Проголосовал</td>
<td>254</td>
<td>100%</td></tr>
</table>
</div>

P.S. Прогресс бар я собираюсь использовать bootstrap.

Edited by Katerina23
Link to post
Share on other sites

Использовать одну ячейку, а уже в ней расположить слова друг под другом. Это можно сделать, например, с помощью
 

display: flex;
flex-direction: column;
justify-content: space-around;

 

Link to post
Share on other sites
20 минут назад, Int сказал:

Использовать одну ячейку, а уже в ней расположить слова друг под другом. Это можно сделать, например, с помощью

Зачем так криво, когда можно убрать любую границу любой ячейки css атрибутами хоть толщины, хоть стиля.Например, можно убрать нижнюю границу верхней ячейки атрибутом border-bottom-style со значением none.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Member Statistics

    46,941
    Total Members
    1,451
    Most Online
    edshotFroG
    Newest Member
    edshotFroG
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Свежие Темы

  • Последние сообщения

    • После создания наших тем на форумах, почти везде главным вопрос был: «Почему бесплатно?»  Думаем надо этот вопрос пояснить. Создание и обслуживание VPN серверов в пересчете на одного клиента, не стоит 5$ в месяц. То, что остальные сервисы делают такую стоимость, это на их совести. При хороший оптимизации серверов и сокращении издержек (главная из которых софт и кодеры, но об этом ниже), все выходит очень бюджетно.  Так-же, как вы может заметили, у нас [B]нет своих приложений[/B] , на это есть несколько причин:     1. В приложении проще всего встроить троян или вирус, и сделать из VPN клиента бота для DDOS атак или резиденскую прокси. Для нашего VPN вы можете использовать сторонние в том числе и Open Source решения. Поэтому мы просто технически не может вас использовать в своих целях.     2. Цена конечно же. Разработка приложения для iOS или Windows или любой другой OS, стоит достаточно дорого, и потом еще постоянное обновление приложений и поддержка их в актуальной форме. Мы не хотим делать платный сервис для обычных пользователей и не готовы на себя брать такие расходы. Да, отсутствие приложений немного усложняет работы с нашим VPN, но мы так снижаем издержки и защищаем клиентов от возможности подсадить трояна вам.  За счет того, что мы не тратим деньги на создание и обновления приложений деньги, мы можем себе позволить держать VPN только за donation.  Сейчас у нас в разработке платный продукт (VPN), но для организаций, и в какой-то степени, наш бесплатный VPN для частных лиц, является тестовым и способом пиара 🙂 таким (бесплатным) он и останется в будущем.  Может ли, что-то в жизни быть бесплатно? Многие продукты не берут плату, но монетизируются за donation или за счет работы с бизнесом: Wikipedia, Linux, Mozilla, Open Office, Android, TOR, Telegram (вообще бесплатный и без рекламы) и куча других которыми вы пользуетесь каждый день и даже не думаете об этом. 
    • Спецпредложение "Сколько стоит и как организовать работу сайтов на CMS WordPress, Joomla, Drupal и др. в облаке"   Друзья, если ваш сайт работает на WordPress, Joomla, Drupal, OpenCart или любой другой CMS, тогда акционное предложение от Tucha - именно для вас! Хостинг в облаках надежного провайдера поможет достичь бесперебойной работы веб-проектов и их высокой производительности.   Для сайтов с небольшими и умеренными нагрузками (например, сайта-визитки или лендинга) подойдет облачный хостинг на базе сервиса TuchaHosting. Но если проект требует большего количества выделенных вычислительных ресурсов (например, интернет-магазин или корпоративный портал с большим количеством посетителей), подойдут виртуальные серверы TuchaFlex + и TuchaBit. В специальной статье на наглядных примерах показываем, как самостоятельно посчитать ориентировочную стоимость размещения сайтов в облаках: https://tucha.ua/ru/solutions/skolko-stoit-hosting-sayta-v-oblake-i-kak-migrirovat   А для того, чтобы миграция была еще более удобной, Tucha дарит приятный бонус! До 6 октября 2020 включительно заказывайте акционные конфигурации виртуальных серверов с промокодом TD-217-0 и получайте:   - 1 месяц пользования сервисом для хранения резервных копий TuchaBackup в подарок (в объеме диска заказанного сервиса) - скидку 200 грн на оплату первого счета.   Чтобы воспользоваться предложением, звоните по телефону +380 44 583-5-583 или на электронный адрес sales@tucha.ua Обращайтесь прямо сейчас и получите качественный хостинг в облаках от Tucha и лучшую техническую поддержку 24×7!
    • Не до конца тебя понял, но подобное меню делал недавно клиенту Вот ссылка, может что полезное будет, https://profimassage.ru/. "Как сделать так,чтобы при нажатии на гамбургер, меню с темным задним фоном перекрывало кнопку обратной связи" - это вроде как z-index решает.   "И наоборот,при нажатии на форму обратной связи,нельзя было вызвать адаптивное меню" const callBackForm = document.querySelector('класс, или что то по чему ты находишь форму'),           gamburger = document.querySelector('нашел свое меню'); If(callBackForm.classList.contains('класс который добавляется при окрытии'){ блокируешь свое меню } метод contains - проверяет есть ли такой класс у элемента или открыта ли форма в данный момент; Что то такое    
  • Popular Contributors

    Nobody has received reputation this week.

×
×
  • Create New...