a czy jest to konieczne? nie wszystkie adresy muszą się zaczynać na "www."
natomiast jak już to można zrobić tak jak napisał mój przedmówca.

pod ff u mnie też wygląda ok ale już pod ie to faktycznie się "rozchodzi" .
tak kończy się generowanie strony za automatu. (tagi pisane dużymi literami, brak stylów, układ na tabelkach)

przychylam się do odpowiedzi przedmówcy.

strona jest na tyle mało skomplikowana, że można się pokusić ...

a nie prościej będzie tak w css?

Po pierwsze proponuje zbliżyć się do standardów xhtml'a i poprawić poniższe błędy.
http://validator.w3.org/check?uri=http% ... ne&group=0


widać nie wziąłeś sobie do serca powyższej uwagi.

szanująca się strona a TYM BARDZIEJ strona poświęcona projektowaniu i tworzeniu www MUSI spełniać ...

przede wszystkim w kodzie są nie pozamykane tagi - najpierw popraw kod bo nie dziwie się, że nie działa.
ustaw div dla menu o odpowiedniej szerokości, to samo dla contentu.

jak wszystko będzie dobrze to proponowane wyżej rozwiązanie musi! zadziałać.

pozdr.

na stronie to jest zwykły background.

jeżeli chodzi o granatowe tło na gdzie zmieniają się główne obrazki to tłem jest faktycznie obrazek.

natomiast już pod menu (granatowy gradient) czy ten szary poniżej to jest to wąski obrazek ustawiony na repeat-x (background: url('obrazek') repeat-x; )

Cień ...

jeżeli chcesz wyśrodkować div który u Ciebie w stylach ma "position: center" to przede wszystkim trzeba nadać mu szerokość - domyślnie div ma szerokość kontenera (tutaj kontenerem dla tego div jest body) czyli nie ma jak wyśrodkować.

proponuję by ustawić div tak:
<div style="width: 1000px; margin ...

Aby ten sam przycisk działał raz tak a raz tak to po kliknięciu trzeba sprawdzić odpowiedni warunek:

$("#przycisk").click(function() {
if("#tresc do przycisku").is(":visible") {
... slide Up ...
} else {
... slide Down ...
}
});


a dodatkowo przed pokazaniem treści trzeba zwinąć wszystkie ...

Co do ramek - dobrze wiedzieć - ale to też jest js.

A tak to też uważam że nie ma co na siłę ładować js gdzie nie jest to konieczne - ale to już zależy od indywidualnych wymagań.

niekoniecznie.
możesz załadować stronę za pomocą javascript

<script>
function zaladuj(url) {
$.post(url, {ewentualne parametry - opcjonalne}, function(data) {
$("#wynik").html(data);
})
}
</script>

<ul>
<li onclick="zaladuj('link')"> link do strony</li>
</ul>

<div id="wynik"> </div>


do ...

a to musi być <iframe ... > ??
sam div by się rozciągnął

chodzi np o to że w każdym "<area ... />" dasz np "onmouseover" "onmouseout" i wtedy javascript zareaguje na najazd myszką i zjazd.

przykłądowo:

<map name="nazwaMapy">
...
<area shape="poly" coords=" ... " onmouseover="pokaz('pole1')" onmouseout="ukryj('pole1')" />
<area shape="poly" coords ...

można użyć na grafice mapy

<map name="nazwaMapy">
...
<area shape=" ... " coords=" ... " />
...
</map>

<img src="..." usesMap="#nazwaMapy" alt="" />


i już odpowiednio w js wychwycić najechanie, kliknięcie lub cokolwiek nad obszar i na to zareagować pokazując np wskazaną treść

pozdr

użyj gotowej biblioteki javascript by było łatwiej (ja polecam jQuery) i metod w niej "click" - wykrycie kliknięcia, "slideUp" - zwinięcie elementu, slideDown" - rozwinięcie elementu i ewentualnie $.post lub $.get w zależności którym sposobem chcesz zawartość wczytać z zewnętrznego źródła.

pozdr ...

moim zdaniem nie ma sensu rezygnować z atrybutu "onclick" a wewnątrz tak wywołanej funkcji nic nie stoi na przeszkodzie korzystać z jQuery.

ale na upartego to każdemu z tych div przyporządkuj id i parametry podaj tak skoro i tak znasz parametry z góry:
<script type="text/javascript">
$(document ...