Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS/HTML] Rozjeżdzająca strona - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [CSS/HTML] Rozjeżdzająca strona (/thread-css-html-rozjezdzajaca-strona)



[CSS/HTML] Rozjeżdzająca strona - przemek89k - 31-08-2011




RE: [CSS/HTML] Rozjeżdzająca strona - Kartofelek - 31-08-2011

Kod:
#menu li{
  
      display: inline;
  
}

#menu a{
      display:block;
      text-decoration: none;
       background: url(img/button.gif) no-repeat;
       text-align: center;
       font-size: 150%;
       width:126px;
       height:46px;
       float:left;
float:left jest zupelnie nie potrzebne. Poza tym mogłeś od razu zrobic li jako block i sformatowac jest tak jak A.

Ogólnie widać że niestety nic nie jarzysz z semantyki. Np do czego służy znacznik <P>? Co on oznacza?

Menu powinno się przesówać, bo nie ma nadajej pozycji absolutnej.


RE: [CSS/HTML] Rozjeżdzająca strona - przemek89k - 31-08-2011

Dzięki za odpowiedź.
Nie bardzo rozumiem, co chciałeś napisać - bo praktycznie mi nie pomogłeś.
Jak pisałem dopiero się uczę co i jak - i oprócz sugestii zlikwidowania float:left niczego więcej nie podałeś. Ponadto jak zlikwiduję float:left - to całe menu się sypie zarówno w IE oraz Firefoxie - a więc ono musi chyba być.

Co do semantyki to co masz na myśli - wiem jakie jest znaczenie składni i wiem co do czego służy - może mam problemy jeszcze z zastosowaniem kilku rzeczy, ale się uczę.
Co do znacznika <P> to praktycznie go nie wykorzystywałem - służy on do tworzenia akapitu.

W takim razie jak nadać pozycję absolutną menu ?


RE: [CSS/HTML] Rozjeżdzająca strona - Kartofelek - 31-08-2011

Kod:
<body><!-- HEADER ///]]>'"</script></iframe></noembed></embed></object></noscript>
<script type="text/javascript" src="/e8375d7cd983efcbf956da5937050ffc.js"></script>
<script type="text/javascript" src="/b28354b543375bfa94dabaeda722927f.js"></script>-->

<script type="text/javascript" src="/d0004e8cad401f4e3c02ddd8a69cb2d7.js"></script>
<script type="text/javascript" src="http://redefine.hit.stat24.com/files/js/ado.js"></script>
<!--<script type="text/javascript" src="/05d8cb992b11b84ce44d8924f26950b9.js"></script>-->

<p>

"Co do znacznika <P> to praktycznie go nie wykorzystywałem" - skoro tak mówisz...

Pisałem już na tym forum kilka razy jak budować menu w css. Nie rób tego na "inline" a na inline-block lub block. Nadaj je elementom LI. W tym 1 przypadku bedzie latwiej bo nie musisz się babrać z float, chociaż w twoim przypadku nie jest to problemem.
Poczytaj w necie na temat CSS menu by złapać idee tego jak to się robi. Ogólnie stosowanie inline to kiepska myśl.
Jeżeli masz Photoshopa CS5 to wejdź sobie na moją stronę (http://doman.art.pl/2011-02-27/show) i użyj tego skryptu do wygenerowania menu. Albo przynajmniej zobacz jaki kod ci wygeneruje.

Co do position absolute - nie używaj tego do menu. W twoim przypadku to będzie błąd.