Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]długuść border
Forum PHP.pl > Forum > Przedszkole
fraksipon
Witam
Czy w Tabeli można skrócić długość dolnej ramki ?
border-bottom: 1px;
chcialbym aby dolna linia była długa na np:"70%" komórki.
pedro84
Cytat(fraksipon @ 25.01.2010, 13:43:16 ) *
Witam
Czy w Tabeli można skrócić długość dolnej ramki ?
border-bottom: 1px;
chcialbym aby dolna linia była długa na np:"70%" komórki.

Tylko poprzez padding.
fraksipon
Mógłbys napisać jak to bedzie wygladalo?
  1. td {
  2. padding: 2px;
  3. border-bottom: 1px solid #ededed;
  4. }
pedro84
Cytat(fraksipon @ 25.01.2010, 13:52:27 ) *
Mógłbys napisać jak to bedzie wygladalo?
  1. td {
  2. padding: 2px;
  3. border-bottom: 1px solid #ededed;
  4. }

Musisz wziąć pod uwagę, że wtedy będziesz miał odstęp od krawendzi elementu.

Możesz także dodać element na dole tej komórki i jemu nadać border-bottom oraz szerokośc na poziomie 70%.
fraksipon
nie wiem czy sie dobrze zrozumielismy. Chcialbym zrobic cos takiego

Pierwotny wyglad
--------------------

Pożadany efekt
------


chcialbym taki efekt krótkiej dolnej ramki.
zrobiłem

  1. td {
  2. padding: 2px;
  3. border-bottom: 1px solid #ededed;
  4. border-bottom-width:70%;
  5. }


ale to jest źle.
pedro84
No tak, bo nie możesz ustalić długości bordera, najlepiej jak dodasz jakiś element ZA komórką i nadasz jemu border oraz width, a komórce ustalasz border-bottom na 0. Będziesz wtedy miał coś takiego:
-------------
. .
. .
. .
. .
. .
-------
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.