ďťż

[CSS/HTML]Poztycja tabelki

       

Podstrony


telcocafe

Robie sobie stronke ale mam problem z pozycją tabelki. Chce zeby była ona obok menu a jest pod. Adres do stronki: http://www.nlabs.osiedle.net.pl/
Adres do pliku css: http://www.nlabs.osi...et.pl/index.css

Pozdrawiam.



Musisz to wziąć do jeszcze jednej tabelko border=0 najlepiej w jakimś edytorze html jest dużo łatwiej

Dopisz do klas div.menu2 i table.news
float:left;
margin-top: 200;

Po wyrzuceniu padding-top:200; i position:absolute; będzie chyba jak należy, bo u mnie z tym paddingiem się dziwnie tabelka rozciąga.
----
PS. Jeślibyś chciał dokładać kolejne dwukolumnowe części, na przykład kolejne menu i tabelkę pod spodem i miałyby się zaczynać na tej samej wysokości, to będziesz musiał po każdej części (czyli pomiędzy tabelką z poprzedniego wiersza i menu z następnego) dopisać
<div style="clear:both;"></div>
aby to dobrze wyglądało w bodajże mozilli.
Zresztą zobacz jak to wygląda u mnie: http://hmw.t35.com/ (arkusz stylów jest w http://hmw.t35.com/css/standard.css).

EDIT: poprawka w linku
Użytkownik Catz edytował ten post 13 marzec 2005, 11:54

Musisz to wziąć do jeszcze jednej tabelko border=0 najlepiej w jakimś edytorze html jest dużo łatwiej
E tam tabelki, pozycjonowanie cssesem daje dużo większą satysfakcję i pozwala na zmianę wyglądu strony zmieniając arkusz stylów a nie kod html.

2 ciekawe miejsca: www.csszengarden.com (niesamowite przykłady pozycjonowania samym tylko cssem, każda strona powstaje na tym samym pliku .html) i www.alistapart.com (o zaawansowanym tworzeniu stron www).



Dzieki Catz własnie o to mi chodziło. Tylko zmieniłem position na relative bo z absolute nie diałalo tak jak trzeba.

A moglbys mi powidziec co robi float ?

Pozdrawiam.
Użytkownik neo182 edytował ten post 13 marzec 2005, 12:13
float tak naprawde chyba pozwala na oblewanie czegoś tekstem (albo po prostu czymś innym) ze wszsytkich stron, czyli na przykład umieszczenie obrazka na po prawej stronie w środku bloku tekstowego. W sumie nie interesowałem się tym. W tym przypadku takim jakby tekstem jest właśnie ta tabelka, która nie pojawi się na dole, tylko obok.

Pewnie na google sie coś znadzie. :)

EDIT: float zastępuje znacznik htmlowy align
Użytkownik Catz edytował ten post 13 marzec 2005, 12:12
I kolejny problem. Zajrzyjcie jeszcze raz na ta sronke co podalem. Po prawej na samej górze jest taki pasek(Do). Bedzie to drugie menu. Chce go teraz obniżyć, to wiem jak zrobic. Ale nie wiem jak zrobic odstęp od tej tabelki obok. Jak daje margin-left: 6; to nie działa.

Do klasy li.d dopisz float:left; i margin-top:200; i w klasie table.news zmniejsz albo wyrzuc padding-left:600; bo menu sie nie zmieści po prawej.

Niestety przy zmniejszaniu szerokości okna elementy z prawej strony będą przechodziły na dół i nie pojawi się pasek przewijania poziomego, chociaż możliwe że jakby wrzucić wszystko (całą stronę) do jednego wielkiego diva o danej szerokości to by działało w mniejszym oknie.

Nie zadzialolo to co napisales ale problem juz sam rozwiazalem. Do klasy table.news dodałem margin-right: 6; i działa.

Pozdrawiam.

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

  • Sitedesign by AltusUmbrae.