ďťż

[HTML/CSS] Mały i trudny do opisania problem

       

Podstrony


telcocafe

Witam,
Mam mały problem.

Muszę stworzyć stronkę WWW z trzema blokami (nie wiem czy użyłem dobrego słowa).
Ma być górny pasek nawigacyjny, po lewej taki sam (pod względem treści - nie wyglądu), a pozostała przestrzeń to treść właściwa strony.
Mam nadzieję, że poniższy rysunek dobrze zobrazuje sytuację ;]

http://img19.imagesh...68/schowek1.png

Po prostu w żadnym kursie HTML nie mogę dokopać się do informacji, jak wstawić trzy elementy inaczej niż jeden pod drugim :D
Ostatnie i najważniejsze - dane polecenie musi zostać użyte zgodnie z jego logicznym przeznaczeniem (czy coś takiego :D )
Nie wolno używać tabel, ani ramek. O ile dobrze pamiętam, mam to zrobić za pomocą DIV i SPAN (+ oczywiście formatowanie w CSS).

Z góry dziękuję za pomoc.
Użytkownik BilGejtZ edytował ten post 15 marzec 2009, 14:54


http://www.fox.com.p.../web/layout.php

ze swojej strony dodam jeszcze linka :arrow: http://www.kurshtml....ep,szablon.html

.
Użytkownik BilGejtZ edytował ten post 31 lipiec 2009, 13:38


Najłatwiej jest ściągnąć sobie Visual Web Developer 2008 stworzony przez Microsoft i w nim popróbować. Masz tam edytor WYSIWYG. Nanosisz sobie elementy strony WWW z Toolbox'a, umieszczasz je w dowolnym miejscu za pomocą myszki, a Visual Web Developer sam Ci generuje odpowiedni kod XHTML i CSS, coś jak C++ Builder albo Delphi. Nawet nie musisz dobrze znać XHTMLa i CSS, wystarczy znać tylko podstawy.
Dany element strony WWW możesz umieścić w dowolnym miejscu strony WWW w taki sposób:
<input id="Text1" style="z-index: 103; left: 400px; position: absolute; top: 80px" type="text" />
Wynika z tego że używając position: absolute;, za pomocą zmiennych left: i top: można umieścić elementy w dowolnym miejscu strony WWW.
Można też użyć position: relative; zamiast absolute.
Użytkownik Geroj edytował ten post 15 marzec 2009, 17:39
.
Użytkownik BilGejtZ edytował ten post 31 lipiec 2009, 13:38
Przed nazwą klasy w CSS umieszcza się kropkę:
.menutop {display: inline; font-size: 25pt; font-weight: bold; background: darkseagreen; color: white; text-align: center; }

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.