Cztery listy obok siebie. Opcje

[lukpio3]

Witam Serdecznie.
Czy mógłbym prosić o pomoc w ustawieniu 4 list w rzędzie? Nie mogę za nic sobie z tym poradzić. Od razu powiem bo jest pewne utrudnienie. Muszę to zrobić przy pomocy edytora html w CMSie, nie mam dostępu do plików na serwerze a co za tym idzie nie mam dojścia do pliku CSS. Gdybym takowy posiadał nie pisał bym tu. Muszę zrobić wykaz firm z podziałem na branże. Branży mam w sumie 12 i chcę zrobić 4 branże w jednym rzędzie, później pod spodem drugi rząd i trzeci. Lista składa się z nazwy branży i pod spodem jest wykaz wirm jako hiperłącza odsyłające na podstronę z informacjami o firmie. Ma to wyglądać mniej więcej tak:

(IMG:http://images46.fotosik.pl/1661/f8f3bc14a3a0274bm.jpg)


Próbowałem to robić przy pomocy tabeli ale niestety, wszystko się sypie, zobaczcie:

(IMG:http://images41.fotosik.pl/1649/2bf370dea6ac4d06m.jpg)

Spójrzcie jak są rozmieszczone nazwy. Mam branżę 1 a w niej jedną nazwę, później branżę 2 a w niej 3 nazwy i zauważcie że nazwa firmy z branży 1 zjechała mi w dół i jest na równo z nazwą 2 z branży 2. A chcę żeby to było wszystko na jednakowym poziomie. Dlatego właśnie chcę to zrobić na listach ale znowu list nie potrafię ustawić obok siebie. Pomóżcie.
Pozdrawiam.

[prowseed]

opcja 1:

[HTML] pobierz, plaintext 
valign="top" dla komórki
[HTML] pobierz, plaintext 

opcja 2:
<style>
</style>

[sunpietro]

robisz tak:

Kod

<style type="text/css">
ul { width: 24%; margin-right: 1%; float: left; }
</style>

[lukpio3]

sunpietro, Twój pomysł jest całkiem niezły. O ile robię to sobie na kompie w dreamweaverze, wyświetla się ładnie. Gdy przeniosę na stronę i wkleję w edytor html wszystko się rozwala. Jest znowu jedno pod drugim. Podejrzewam że to przez to że edytor html na stronie, sam sobie zamienia linijkę:

[HTML] pobierz, plaintext 
<style type="text/css">
ul { width: 24%; margin-right: 1%; float: left; }
</style>
[HTML] pobierz, plaintext 

na

[HTML] pobierz, plaintext 
<!--
ul { width: 25%; float: left; }
-->
[HTML] pobierz, plaintext 

i nic z tym nie mogę zrobić (IMG:style_emoticons/default/sad.gif) . Sam sobie tak zmienia. Jest jakiś inny sposób na to? Dodam że CMS na którym stoi strona to MODx.