Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- miniorki.keep.pl
telcocafe
Witam - dotąd korzystałem w htmlu z ramek i tabel lecz słyszałem że o wiele lepszym rozwiązaniem jest stworzenie strony na div'ach. Czy ktoś mógłby przedstawić PROSTY kod takiej strony lub dać jakieś linki do PROŚCIUTKICH stron na divach (chodzi mi naprawdę o najprostsze - czyli logo u góry, menu z odnośnikami po lewej i po prawej pole w którym wyświetlane są odnośniki). Czytałem trochę o divach lecz chciałbym to bardziej zrozumieć na prostym przykładzie :) Dzięki:google: nie boli - w sieci jest pełno kursów
Masz tutaj prosty przykład... taki jakich w sieci pełno ;)<html> <head> <style> * { margin: 0; padding: 0; } body { padding: 20px 0 0 0; text-align: center; background-color: #915C8D; } div#all { margin: 0 auto; width: 700px; } div#top { width: 100%; height: 150px; background-color: #31C8E2; } div#menu { float: left; width: 200px; height: 400px; background-color: #60DE36; } div#content { float: left; width: 500px; height: 400px; background-color: #D9E231; } div#footer { clear: both; width: 100%; height: 50px; background-color: #E93E2A; } </style> </head> <body> <div id="all"> <div id="top"></div> <div id="menu"></div> <div id="content"></div> <div id="footer"></div> </div> </body> </html>
reVis dzięki :) ale jak zrobić żeby po kliknięciu na odnośnik umieszczony w polu menu (w Twoim przykładzie zielone pole) otworzył się on w polu z treścią (żółte w Twoim przykładzie)... Czyli np. na w polu menu (zielonym) umieszczam odnośnik do jakiegoś tam abc.htm i żeby otworzył się on w głównym polu (żółtym)
Jeśli masz stronę w DIVach i chcesz zmienić treść tylko jednego DIVa, to masz dwa wyjścia:
1) mniej skomplikowana - utworzyć stronę druga.html, która będzie zawierała top, menu i stopkę taką jak w index.html - jedynie zmieniony "content" (podobnie robiłeś korzystając z tabelek)
2) bardziej skomplikowana - zmienić zawartość DIVa "conent" za pomocą Javascript
Właśnie interesuje mnie ten drugi sposób, mógłbyś dokładniej go opisać?
PS. A w większości stron jakim sposobem jest robione że odnośniki wyświetlają się w danym obszarze?
Jak zrobisz to przez JS, to google tego nie zindeksuje, więc się chyba nie opłaca.
PS. A w większości stron jakim sposobem jest robione że odnośniki wyświetlają się w danym obszarze? Pokaż mi taką stronę, bo jakies 90% nie bawi się AJAX-em, JS czy ramkami
to więc w jaki sposób zrobić żeby po kliknięciu na odnośnik otworzył się on w jakimś danym polu? (oczywiście bez stossowania iframe)
JS lub Ajax (zresztą to też JS). Poszukaj w google. To takie trudne?
PS. Tak jak kolega napisał w obu wypadkach wyszukiwarka nie zaindexuje stron dostępnych po kliknięciu na odnośnik JS-a
Jak zrobisz to przez JS, to google tego nie zindeksuje, więc się chyba nie opłaca.
Na pewno? Jeśli zrobisz trzy DIVy, w każdym jakąś inną treść, a dwóm nadasz display:none; to Google AFAIK zaindeksuje wszystkie. Ale mogę się mylić. :P
qwert21: znów dwa wyjścia:
1) robisz jeden DIV, a za pomocą Javascript ustawiasz tak, żeby zawartość tego DIVa zmieniała się po kliknięciu na link w menu (innerHTML)
2) tak jak opisałem wyżej, robisz kilka DIVów, sprawiasz by były w tym samym miejscu; wybierasz ten, który ma się pojawiać jako pierwszy - innym nadajesz właściwość CSS display:none; która powoduje ukrycie ich. Po kliknięciu na link w menu za pomocą Javascript (style.display) ukrywasz jeden DIV, a pokazujesz inny.
@bryn - w tym przypadku się nie mylisz, ale wtedy w jednym pliku trzeba by było wszystkie strony wsadzić, a to całkiem nieoptymalne.
Chodzi tu o wczytanie nowej strony wewnątrzpewnego bloku. JS/AJAX nie powinno sie do twego wykozystywac z podanych wyzej powodow
Rany ja nie wiem co Wy tak kombinujecie z js czy ajaxem. Jeżeli strona nie będzie dynamicznie generowana przez skrypt (np PHP) to zrób drugi plik html, z takim samym układem jak w pierwszym i podlinkuj go. Prosto, skutecznie i szybko... w końcu przeglądarki tak są zbudowane żeby 2x tych samych elementów nie ściągać :P
Rany ja nie wiem co Wy tak kombinujecie z js czy ajaxem. Jeżeli strona nie będzie dynamicznie generowana przez skrypt (np PHP) to zrób drugi plik html, z takim samym układem jak w pierwszym i podlinkuj go. Prosto, skutecznie i szybko... w końcu przeglądarki tak są zbudowane żeby 2x tych samych elementów nie ściągać Dokładnie. Niektóre osoby zaczynające przygode z pisaniem stron, gdy usłyszą o AJAXie, JS, ramkach (sic) myślą, że to super, hiper. Proste rozwiązania najlepsze. AJAX, JS nie przydaje się do całych stron, a do pewnych jej elementów.
a jak zrobić żeby dany div dostosowywał się do wysokości tekstu wyświetlanego w nim, bo jak dałem długi tekst (zastosowałem ten przekład Revisa kilka postów wyżej) to w Operze div poprawnie zmienia wysokość ale w Firefoxie robi się sieczka na dole a w IE tak samo... Chcę żeby na poćzatku div miał wysokość 400 a potem dodtosowywał wysokość....
<script type="text/javascript"> function show1() { document.all['nazwa_id'].innerHTML = "<img src='lol.gif' width='150' height='150' border='0'>"; } function show2() { document.all['nazwa_id'].innerHTML = "Inna zawartosc"; } </script> <a href="java script:show1();">Cos 1</a> | <a href="java script:show2();">Cos 2</a> <br /><br /> <div id="nazwa_id"></div>
Wykorzystałem innerHTML między innymi na http://www.eimg.org "w tym miejscu: wyślij: Plik Url"
Użytkownik MikolajOsowski edytował ten post 25 wrzesień 2006, 12:09
chodzi mi o coś innego, div z zawartością zmieniłem, wygląda tak:
div#content { float: left; width: 500px; height: auto; background-color: #D9E231; }
w height dałem auto więc div automatycznie reguluje wysokość - lecz chcę aby nie była ona mniejsza niż 400 (np. jak mały dokument się wyświetla kilkulinijkowy to żeby height było 400)
Użytkownik qwert21 edytował ten post 25 wrzesień 2006, 12:25
Jest cos takiego w css jak:
min-height
Styl definiuje minimalną wysokość elementu. Wartość domyślna: 0.
Wartości:
• wysokość wyrażona w [px|mm|cm|in|pt|pc|em|ex] - CSS2 / IE6, N6, O4
wartość dodatnia
• procenty - CSS2 / IE6, N6, O4
wartość wyrażona w procentach
• inherit - CSS2 / N6, O4
przejęcie wartości "rodzica", np. min-height:inherit;
Pozostałe cechy:
• CSS/przeglądarki: CSS2 / IE6, N6, O4
Przykładowe zastosowania:
• Przykład 1:
<table border="1" style="min-height:100;"><tr><td>
ta tabela ma 100 pikseli wysokości
</td></tr></table>
ta tabela ma 100 pikseli wysokości
• Przykład 2:
<style type="text/css"><!--
table {min-height:50;}
--></style>
Użytkownik MikolajOsowski edytował ten post 25 wrzesień 2006, 12:40
dzięki - własnie o to mi chodziło :)
aha jeszcze jedno - może ktoś wie jak zrobić aby w przykładze Revisa (trzeci post od góry) zrobić tak że wysokość diva menu dostosowuje się automatycznie (jest równa) do wysokości diva content