eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwZaokrąglone rogi a procentowe rozciągnięcie elementówZaokrąglone rogi a procentowe rozciągnięcie elementów
  • Path: news-archive.icm.edu.pl!news.icm.edu.pl!plix.pl!newsfeed1.plix.pl!newsfeed00.su
    l.t-online.de!t-online.de!border2.nntp.dca.giganews.com!nntp.giganews.com!postn
    ews.google.com!x25g2000yqj.googlegroups.com!not-for-mail
    From: WebCM <w...@g...com>
    Newsgroups: pl.comp.www
    Subject: Zaokrąglone rogi a procentowe rozciągnięcie elementów
    Date: Mon, 9 Aug 2010 12:39:05 -0700 (PDT)
    Organization: http://groups.google.com
    Lines: 42
    Message-ID: <f...@x...googlegroups.com>
    NNTP-Posting-Host: 83.1.217.52
    Mime-Version: 1.0
    Content-Type: text/plain; charset=ISO-8859-2
    Content-Transfer-Encoding: quoted-printable
    X-Trace: posting.google.com 1281382745 19386 127.0.0.1 (9 Aug 2010 19:39:05 GMT)
    X-Complaints-To: g...@g...com
    NNTP-Posting-Date: Mon, 9 Aug 2010 19:39:05 +0000 (UTC)
    Complaints-To: g...@g...com
    Injection-Info: x25g2000yqj.googlegroups.com; posting-host=83.1.217.52;
    posting-account=KmuZcQoAAACFwi1E7xIpy-n6K4ZXwoJm
    User-Agent: G2/1.0
    X-HTTP-UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.6)
    Gecko/20100625 Firefox/3.6.6 (.NET CLR 3.5.30729),gzip(gfe)
    Xref: news-archive.icm.edu.pl pl.comp.www:396412
    [ ukryj nagłówki ]

    Niektóre elementy <div> (np. kontener na newsy, menu) mają zaokrąglone
    rogi. Popatrzmy na przykład:

    <div class="naglowek">
    <span class="lewy_naroznik"></span>
    Jakiś tam tytuł
    <span class="prawy_naroznik"></span>
    </div>

    <div class="wlasciwa_czesc_divu">
    <p>Jakiś tam bardzo długi tekst - news, artykuł lub cokolwiek</p>
    </div>

    <div class="zakonczenie_boksu"></div>

    W powyższym przykładzie nagłówek składa się z 3 części: lewego
    narożnika, środka i prawego narożnika. Takie rozwiązanie pozwala na
    zastosowanie długości procentowej - można dowolnie rozciągnąć
    nagłówek. Niestety, kod HTML zajmuje więcej miejsca i nie jest
    uniwersalny.

    Popatrzmy jeszcze na stopkę - zakończenie boksu. W przykładzie może
    ona mieć tylko stałą szerokość. Ustalenie procentowej zawartości
    spowoduje deformację, bo 1 plik graficzny zawiera już narożniki.

    Poszukuję takiego rozwiązania, aby dało się dowolnie rozszerzać
    nagłówek i stopkę, ale nie wymagało to nadmiaru kodu. Najlepiej, by
    wystarczył jeden wpis:

    <div class="naglowek_zaokraglony">Tytuł</div>

    Jest to w ogóle możliwe? CSS 3 raczej odpada, bo nie wszystkie
    przeglądarki wspierają.


    Co jest lepsze dla użytkownika?

    1) Szerokość dostosowana do szerokości przeglądarki
    2) Stała szerokość - ale trzeba wybrać 1024x768 albo wyższą

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: