Jump to content

Archived

This topic is now archived and is closed to further replies.

Elipse

Strona www oparta na div-ach

Recommended Posts

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

Link to comment
Share on other sites

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 :)

Link to comment
Share on other sites

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ę.

Link to comment
Share on other sites



  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...