ramki - Kurs HTML i CSS
Widżety HTML / Ramki lokalne <iframe>pływające (ang. inline) Spis treści <iframe> Ramki lokalne <iframe> Rozmiar ramki <iframe width height> Nazwa ramki <iframe name> Ramki lokalne <iframe> <iframe src="lokalizacja"> <a href="lokalizacja">Tekst alternatywny</a> </iframe> gdzie jako "lokalizacja" należy podać adres strony albo lokalizację na dysku, gdzie znajduje się strona, która na ma zostać wczytana do ramki. Natomiast "Tekst alternatywny" wyświetli się tylko w przeglądarkach, które nie obsługują ramek lokalnych...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
Spis treści <a target> Wczytywanie strony do ramki lokalnej <a target> Wczytanie stron do dwóch ramek Wczytywanie strony do ramki lokalnej <a target> <a target="cel" href="lokalizacja">opis</a> Jak widać powyższe polecenie jest odsyłaczem. Posiada on jednak dodatkowy atrybut target="..." pozwalający wczytać stronę do wybranej przez nas ramki - w szczególności innej niż ta, w której znajduje się odnośnik. Dzięki temu treść w takiej ramce (okienku) może się zmieniać, nawet już po...
CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}Praktycznym zastosowaniem klas selektorów mogą być np. ramki wizualnie wyróżniające tekst, który się w nich znajduje. Wystarczy, że raz zdefiniujemy ich wygląd w arkuszu stylów: .nazwa-klasy { deklaracje stylów } by następnie w miarę potrzeb móc ich wielokrotnie używać w dowolnym dokumencie HTML na naszej stronie: <div class="nazwa-klasy">dowolny tekst...</div> Przypominam, że w arkuszu stylów (pierwsze polecenie powyżej) nazwa-klasy musi być poprzedzona znakiem kropki (w tym miejscu po...
AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTML...dosyć popularnym rozwiązaniem, stosowanym na wielu stronach, jest budowanie struktury serwisu w oparciu o tabele (lub elementy <div>...</div>) i ramki <iframe>...</iframe> (przykład takiego właśnie szablonu znajdziesz w rozdziale Struktura tabeli). Jest to wygodne o tyle, że pozwala szybko zbudować stronę elastyczną w aktualizacji, bez wykorzystania języków skryptowych po stronie serwera (np. PHP). Niestety takie rozwiązanie ma przynajmniej jedną poważną wadę: trudno jest dopasować...
- Widżety HTML / Ramki HTML
...niej osadzone. Może to oznaczać bardzo długi czas ładowania całego dokumentu z wstawionymi zbyt wieloma takimi ramkami. Do czego mogą się przydać ramki? Strony wyświetlane wewnątrz nich nie przejmują sposobu formatowania (koloru, rozmiaru ani kroju czcionki itp.) z dokumentu, w którym zostały osadzone. Dzięki tej własności są szczególnie chętnie używane przez twórców różnego rodzaju widżetów, czyli specjalnych gotowych wstawek, które można osadzić na swojej stronie. W ten właśnie sposób...
- Aktualizacja / System newsów
...albo adres internetowy): news(dzień,miesiąc,rok, 'Tytuł','Treść newsa...', 'adres'); Data, tytuł, treść, adres "Więcej...", nazwa ramki (lub '_blank' jeśli chcemy wczytać stronę w nowym oknie): news(dzień,miesiąc,rok, 'Tytuł','Treść newsa...', 'adres','ramka'); Data, tytuł, treść, adres "Więcej...", nazwa ramki, autor: news(dzień,miesiąc,rok, 'Tytuł','Treść newsa...', 'adres','ramka', 'autor'); Data, tytuł, treść, adres "Więcej...", nazwa ramki, autor, e-mail autora...
- Komendy HTML 4.01 / Wykaz atrybutów
...LABEL Dopasowuje identyfikator do elementu frame TABLE Które krawędzie tabeli wyświetlić frameborder FRAME, IFRAME Życzenie obramowania ramki headers TD, TH Lista identyfikatorów komórek nagłówkowych height APPLET (wymagany) Wysokość początkowa height IFRAME Wysokość ramki height IMG, OBJECT Wysokość height TD, TH Wysokość komórki href A, AREA, LINK Adres powiązanego zasobu href BASE Adres bazowy hreflang A, LINK Kod języka hspace...
- Komendy HTML 4.01 / IFRAME
...ramkami ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie HEIGHT="długość" Wysokość ramki w pikselach lub w procentach LONGDESC="adres" Odnośnik do długiego opisu ramki MARGINHEIGHT="piksela" Wysokość górnego i dolnego marginesu w ramce (w pikselach) MARGINWIDTH="piksele" Szerokość lewego i prawego marginesu w ramce (w pikselach) NAME="nazwa" Określa nazwę ramki, do której mogą się później odnosić odsyłacze (atrybut...
- AutoIFRAME / Kilka ramek AutoIFRAME
...jednej stronie kilku ramek <iframe>...</iframe>, których wysokość powinna się automatycznie dopasowywać do zawartości. Oczywiście dla każdej takiej ramki proces dostosowywania wysokości musi zachodzić niezależnie. Aby to zrobić, należy dla każdej takiej ramki należy ustawić odrębny identyfikator id="...". Na przykład tak mógłby wyglądać fragment strony głównej serwisu: <iframe src="..." name="..." id="autoiframe" width="100%" height="560">...</iframe> <iframe src="..." name...
- Indeks, wyszukiwarka / Ramka
Jeżeli Twój serwis wykorzystuje ramki, a jednocześnie dokumenty, do których odsyłają poszczególne hasła, mają się wyświetlać w innej ramce (np. indeks znajduje się w ramce spisu treści, a wyniki mają być wczytywane w ramce głównej - z treścią), trzeba będzie podać ramkę, do której mają być wczytywane dokumenty z indeksu. Należy to zrobić w pliku indeks_hasla.js: var indeks = new Indeks('indeks', ramka); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło...