• Witam
    Powiem krótko: moim zadaniem jest edycja podstron zrobionych w WordPress (nie jestem ani autorem motywu/skórki, ani samej strony). Muszę zrobić tabelkę ale bez obramowania. Szukałem w internecie, robiłem tabele w html, zainstalowałem wtyczkę do kreowania prostych tabel, szukał w stylu CSS motywu i dalej nie wiem jak zrobić ową tabelę.

    Może mi ktoś pomóc z tym problemem?
    Podaję konkretną podstronę z przykładową tabelą:
    http://eltechnet.pl/?page_id=771

Viewing 6 replies - 1 through 6 (of 6 total)
  • Ale co, chodzi tylko o usunięcie obramowania z tej tabeli, czy co?

    /* usunięcie obramowania dookoła tabeli */
    .post table {
      border: none;
    }
    
    /* usunięcie obramowania komórek */
    .post table td, .post table th {
      border: none;
    }

    Wrzuć na końcu style.css

    Thread Starter reknes

    (@reknes)

    @ziemekpr0 Wrzuciłem to co napisałeś lecz dalej bez zmian.
    Chodzi mi o to by tabelka nie miała żadnych krawędzi. Potrzebuję tej tabelki by móc łatwo i szybko układać różne elementy na stronie, lecz jej krawędzie psują efekt wizualny.

    Podaję poniżej całą zawartość style.css

    .alignnone {
    margin: 5px 20px 20px 0;
    }

    .aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
    }

    .alignright {
    float:right;
    margin: 5px 0 20px 20px;
    }

    .alignleft {
    float:left;
    display:inline;
    margin: 5px 20px 20px 0;
    }

    .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    }

    a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    }

    a img.alignnone {
    margin: 5px 20px 20px 0;
    }

    a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
    }

    .wp-caption {
    background: #fff;
    border: 1px solid #EEE;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px !important;
    padding-bottom: 25px !important;
    text-align: center;
    }

    div.aligncenter {
    padding-bottom: 0px !important;
    }

    div.alignnone {
    margin: 0px;
    padding: 0px;
    display: block;
    margin: 5px 20px 20px 0;
    padding-bottom: 0px !important;
    }

    div.alignleft {
    margin: 5px 20px 20px 0;
    padding-bottom: 0px !important;
    }

    div.alignright {
    margin: 5px 0 20px 20px;
    clear: both;
    padding-bottom: 0px !important;
    }

    .wp-caption img {
    padding: 0px !important;
    border: none !important;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
    }

    .wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    margin-top: 5px;
    width: 100%;
    text-align: center;
    padding:0 4px 5px;
    }

    .sticky p {
    background: #f2f7fc;
    padding: 10px;
    }

    .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
    }

    .commentlist .bypostauthor {
    }

    /* usunięcie obramowania dookoła tabeli */
    .post table {
    border: none;
    }

    /* usunięcie obramowania komórek */
    .post table td, .post table th {
    border: none;
    }

    To spróbuj wrzucić to do style.php, plik powinien być w tym samym katalogu.

    Trochę oryginalnie, aby w pliku php mieć style, ale jak działa to ok 😀

    Thread Starter reknes

    (@reknes)

    Dodanie tej formułki do style.php jak i do admin.css nic nie dało. Są może jeszcze jakieś inne sugestie?

    Nie widać żebyś dodał…
    Ale możesz jeszcze dodać important do wcześniejszych reguł:

    /* usunięcie obramowania dookoła tabeli */
    .post table {
      border: none!important;
    }
    
    /* usunięcie obramowania komórek */
    .post table td, .post table th {
      border: none!important;
    }
    Thread Starter reknes

    (@reknes)

    Dzięki. Dodałem tą ostatnie formułki do style.css i admin.css. Teraz już działa. Jeszcze raz dziękuję.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Temat ‘Obramowanie tabeli’ jest zamknięty na nowe odpowiedzi.