Strona www oparta na div-ach

Elipse · Marzec 2, 2011

Witam. Zrobiłem szablon strony opartej na blokach lecz nie wygląda ona tak jak powinna a ja nie wiem co dalej robić. Prosiłbym o szybkie podpowiedzi lub poprawki kodu(w miarę możliwości jak najszybciej bo jutro musi już być gotowa na pendrive) Strona będzie miała zewnętrzne arkusze stylów więc to co zobaczycie poniżej to tylko coś na styl wersji testowej;p

Mam problem (na razie) z dwoma "bajerami" :

1. Menu po lewej powinno się rozwijać a się nie rozwija (jeszcze rano się rozwijało>.<)

2. Stopka jest dziwnie przesunięta na prawo i nie wiem jak temu zapobiec

<head>

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />

<title>Miami Heats</title>

<style type="text/css">

#a {display:none}

p:hover #a {display:block}

#b {display:none}

p p:hover #b {display:block}

a:hover {background-color:yellow; font-style:italic}


h1 {text-align:center; color:red}



{

    background-color: #fff;

    color: #000;

    margin: 0;

    padding: 0;

}


#NAGLOWEK {

    background-color: #888;

}


#MENU {

    width: 15%;

        height: 100%;

    float: left;

    overflow: hidden;

    position: relative;

    background-color: #ccc;

}


#TRESC {

    margin-left: 150px;

    background-color: #fff;

}


#STOPKA {  clear: both;

       width: 100%;

       background-color: #888;

 position: relative; center

}


pre {

    overflow: auto;

}


</style>




</head>

<body>


<div id="top">


<div id="NAGLOWEK">Nagłówek szablonu</div>


<div id="MENU">


<ul>


<body>







<a>Pojazdy</a>





<span id="a">

<ul type="square">

<li><p><a href="http://samochody.pl">Samochody</a>

<span id="b"><ul>

<li><a href="http://wikipedia/osobowe">Osobowe</a>

<li><a href="http://tiry.pl">Ciężarowe</a>

</ul><span id="a">

<li><p><a href="http://motory.pl">Motory</a>

<li><p><a href="http://inne-xd.com">Inne</a>

<span id="a"><span id="b">

<ul type="square">

<li><a href="http://ocb.pl">Poduszkowe?</a>

<li><a href="http://haha.pl">Rowery</a>

<li><a href="http://hulajnogirlz.com">Hulajnogi</a>

</ul></ul></ul><span id="a">


</span>










</span>

</div>


<div id="TRESC">

<h1 >Miami Heats</h1>





<div id="STOPKA"><center><img 


src="http://www.miamiheatonlinestore.com/wp-content/woo_uploads/4-banner1.png"></center> </div>








</body>

</html>

*Menu pojazdy docelowo będzie nazywać się "Menu" i będą tam normalne linki więc nie zwracajcie mi uwag typu "takie strony nie istnieją ;p

**Poprawki w stosunku pozycjonowania najlepiej podawajcie w % ponieważ stronka musi być rozciągliwa i odporna na zmianę rozdzielczości

Lord Hrabula · Marzec 2, 2011

Czemu masz dwa razy otwierający znacznik body?

Na stronie nie może być dwóch elementów o takim samym id, u Ciebie jest tego mnóstwo. Przejrzyj sobie dokładnie jakiś kurs html, bo widać, że do końca tego nie ogarniasz.

Przemyśl dokładnie to menu, jesli nie wiesz do końca jak to funkcjonuje, to wpisz sobie w googlach css rozwijane menu i podpatrz jak to się robi.

Co do stopki i w ogóle bawienia się w budowanie stronki, to polecam instalacje Firefoxa z Firebugiem. Naprawdę świetne narzędzie, przydatne każdemu webmasterowi

Elipse · Marzec 2, 2011

Nie jestem ani nie będę Webmasterem a błędy które mi wytknąłeś to pozostałości po innych stronkach z których zlepków zrobiłem ten szablon. Ale dzięki bo wiedziałem już co w nim poprawić identyfikatory na klasy i można zacząć robić poprawną stronę.

Zaloguj się

Zarchiwizowany

Strona www oparta na div-ach

Polecane posty

Elipse

Link do komentarza

Udostępnij na innych stronach

Lord Hrabula

Link do komentarza

Udostępnij na innych stronach

Elipse

Link do komentarza

Udostępnij na innych stronach

Kto przegląda 0 użytkowników

CD-Action

Przeglądaj

Aktywność