Wyśrodkowanie linii w artykule kodem align="center" nie działa
Wyniki 1 do 10 z 10

Temat: Wyśrodkowanie linii w artykule kodem align="center" nie działa

  1. #1
    Przeglądacz
    Dołączył
    15-07-2011
    Skąd
    Orawa
    Wpisy
    59
    Punkty
    10

    Domyślny Wyśrodkowanie linii w artykule kodem align="center" nie działa

    Koledzy edytuję mój artykuł za pomocą [Toggle Editor]
    W kodzie umieściłem poniższy kod, który pokazuje krótką szarą linię, wyśrodkowaną.

    <hr width="50%" color="grey" align="center" />

    W podglądzie na zapleczu wszystko jest OK i linia jest wyśrodkowana w artykule. Jednak jak przejdę na moją stronę www.poznajorawe.pl linia znajduje się po lewej stronie.

    Co jest nie tak? Dlaczego linia na zapleczu jest na środku a na stronie po lewej stronie?

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Wyjadacz ekumi awatar
    Dołączył
    10-11-2008
    Skąd
    Białystok
    Wpisy
    514
    Punkty
    48

    Domyślny

    środkowanie jest wstawione nie tam gdzie trzeba. daj tej linii jakąś klasę i dodaj w arkuszu css:

    .klasa_linii
    {
    margin: 0 auto;
    }

  4. #3
    Przeglądacz
    Dołączył
    15-07-2011
    Skąd
    Orawa
    Wpisy
    59
    Punkty
    10

    Domyślny

    Mogę wstawić, w takiej postaci

    .klasa_linii
    {
    margin: 0 auto;
    }

    do
    css/personal.css w Arkusze stylów szblonie Beez_20?

  5. #4
    Wyjadacz ekumi awatar
    Dołączył
    10-11-2008
    Skąd
    Białystok
    Wpisy
    514
    Punkty
    48

    Domyślny

    Możesz wstawić w dowolnym arkuszu stylów podpiętym do Twojego szablonu. Ten, który podajesz jest podpięty. Tylko najpierw dla tego hr nadaj klasę "klasa_linii"

  6. #5
    Bywalec Dziudek awatar
    Dołączył
    17-10-2012
    Skąd
    Łódź
    Wpisy
    342
    Punkty
    60

    Domyślny

    Tak już żeby zrobić to ładnie to wypadałoby do tego kodu CSS dodać też pozostałe elementy stylowania:

    Kod:
    .myhr {
    border: none;
    border-top: 1px solid grey;
    margin: 0 auto;
    width: 50%;
    }
    i wtedy zmienić kod linii na:

    Kod:
    <hr class="myhr" />

  7. #6
    Przeglądacz
    Dołączył
    15-07-2011
    Skąd
    Orawa
    Wpisy
    59
    Punkty
    10

    Domyślny

    Koledzy reasumując
    W css/personal.css" w szablonie "beez_20"
    w taki sposób kończy mi się w/w css

    /* ########################## sample module styling ########################### */

    div.sample-module {
    border: 2px dashed #ddd;
    padding: 10px;
    background-color: #f5f5f5;
    }

    Poniżej umieściłem zalecany kod jednak bez efektu.

    .myhr {
    border: none;
    border-top: 1px solid grey;
    margin: 0 auto;
    width: 50%;
    }
    <hr class="myhr" />

    Po umieszczeniu w/w kodu nic się nie zmienia? Dlaczego?

    Dodam, że znam html jednak css dopiero zaczynam poznawać.

  8. #7
    Wyjadacz ekumi awatar
    Dołączył
    10-11-2008
    Skąd
    Białystok
    Wpisy
    514
    Punkty
    48

    Domyślny

    Klasę dodaj tam, gdzie w kodzie utworzyłeś linię. A więc zamiast:

    Kod:
    <hr width="50%" color="grey" align="center" />
    wstaw:

    Kod:
    <hr class="myhr" />
    .

    Z pliku personal.css usuń

    Kod:
    <hr class="myhr" />
    i będzie ok.

  9. #8
    Przeglądacz
    Dołączył
    15-07-2011
    Skąd
    Orawa
    Wpisy
    59
    Punkty
    10

    Domyślny

    Wielkie dzięki, działa. O to mi dokładnie chodziło.

    Mam jednak pytanie, chciałbym aby poszczególne artykuły pojawiające się na stronie głównej były oddzielane takimi liniami.
    Czy za każdym razem powinienem edytować artykuł i wkleić kod
    <hr class="myhr" />
    , bo w css jest już styl dodany.

    Pozdrawiam i dziekuje

  10. #9
    Wyjadacz ekumi awatar
    Dołączył
    10-11-2008
    Skąd
    Białystok
    Wpisy
    514
    Punkty
    48

    Domyślny

    To jest jedno z rozwiązań.

  11. #10
    Wiarus
    Dołączył
    17-07-2009
    Wpisy
    1 375
    Punkty
    210

    Domyślny

    J! pomiędzy artykułami wstawia div-a z klasą item-separator - wystarczy go odpowiednio ostylować

Podobne tematy

  1. Jak wyłączyć napisy: "Szczegóły" i "Opublikowano" w artykule?
    przez marcelio na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 4
    Ostatni post/autor: 17-11-2011, 00:37
  2. Wyśrodkowanie buttona "logout"
    przez drmck na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 1
    Ostatni post/autor: 28-07-2011, 19:04
  3. Odpowiedzi: 5
    Ostatni post/autor: 26-10-2010, 20:06
  4. Nie działają przyciski "save" "apply" na backendzie
    przez Lesio4all na forum VirtueMart
    Odpowiedzi: 4
    Ostatni post/autor: 17-09-2008, 14:27
  5. wyrównanie menu do "center" (???)
    przez chiefer na forum Szablony graficzne
    Odpowiedzi: 6
    Ostatni post/autor: 02-05-2006, 22:10

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •