-
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ą
Następne wpisy z tego wątku
- 09.08.10 19:50 porneL
- 09.08.10 20:18 Paweł Piskorz
- 09.08.10 22:47 WebCM
- 09.08.10 22:57 Peter May
- 10.08.10 16:58 Paweł Piskorz
- 10.08.10 19:13 Peter May
- 10.08.10 21:13 WebCM
- 10.08.10 21:23 porneL
- 10.08.10 22:45 WebCM
- 12.08.10 11:19 Paweł Piskorz
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-08 Belka
- 2024-11-09 pierdolec na punkcie psa
- 2024-11-09 Warszawa => Sales Executive <=
- 2024-11-09 Wrocław => SAP BTP Consultant (mid/senior) <=
- 2024-11-09 Warszawa => ECM Specialist / Consultant <=
- 2024-11-09 Warszawa => Senior Frontend Developer (React + React Native) <=
- 2024-11-10 TVN donosi: Obywatelskie zatrzymanie policjanta (nie na służbie)
- 2024-11-08 Warszawa => Head of International Freight Forwarding Department <=
- 2024-11-08 Warszawa => Key Account Manager <=
- 2024-11-08 Szczecin => Key Account Manager (ERP) <=
- 2024-11-08 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-11-08 Wrocław => Senior PHP Symfony Developer <=
- 2024-11-08 Warszawa => QA Engineer <=
- 2024-11-08 Warszawa => QA Inżynier <=
- 2024-11-08 Warszawa => Key Account Manager <=