Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dane w dwóch kolumnach przy pomocy styli...
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
xamil
Z góry przepraszam jeśli to pytanie wydaje się wam bardzo głupie ale jestem bardzo początkujacy w sprawie css.

Moje pytanie to czy zestaw jakiś identycznych elementów da się przy pomocy styli ustawić w np. dwie/trzy kolumny? Dajmy na to mamy jakiś zbiór elementów <el1><el2><el3><el4><el5><el6> to czy można go za pomocą styli ustawić w ten sposób?

<el1><el2>
<el3><el4>
<el5><el6>

lub

<el1><el4>
<el2><el5>
<el3><el6>

Taki element moze składać sie z dowolnych znaczników jednakże dla wszystkich elementów taki sam (np. <b><el1></b><b><el2></b><b><el3></b>). Po prostu czy da sie przy pomocy styli zrobić coś w stylu worda "wyświetl rezultat w dwóch kolumnach";)questionmark.gif
savan
cze.

moze to ci troszku pomoze:

  1. <div id="zewn">
  2.  
  3. <div id="srodek1">
  4. <h1><a href="aaa">aaa</a></h1>
  5. <p>txt</p>
  6. </div>
  7.  
  8. <div id="srodek2">
  9. <h1><a href="bbb">bbb</a></h1>
  10. <p>txt</p>
  11. </div>
  12.  
  13. <div id="srodek1">
  14. <h1><a href="ccc">ccc</a></h1>
  15. <p>txt</p>
  16. </div>
  17.  
  18. <div id="srodek2">
  19. <h1><a href="ddd">ddd</a></h1>
  20. <p>txt</p>
  21. </div>
  22.  
  23. </div>


no i style do tego:

Kod
div#srodek1 {float: left;}
div#srodek2 {float: right;}


no i srodek1 jest po lewej a srodek2 po prawej smile.gif
oczywiscie musisz ustawic inne elementy styli jak np obowiazkowy width.
xamil
Nie bardzo mi to pomoże:/ Rozchodzi się o to, że skrypt php zwraca jakąś bliżej nie określoną ilość IDENTYCZNYCH elementów a stylami chciałbym wsadzić to w jedną lub np. dwie kolumny. Chodzi mi po prostu o to aby to jak to będzie wyświetlane (1 czy dwie kolumny) zależało od webdesigner'a który to nie zna się na php. Chce po prostu storzyć jakiś tam silnik który będzie wyrzucał jakies tam dane które będe wrzucane do jakiegoś szablonu i chopdzi o to aby webdesigner w tym szablonie miał możliwość zrobienia co mu sie podoba... czyli np. podzielenia takiego zbioru wyników na dwie kolumny. Wiem, że np. da sie zmienić kierunek wyświetlania elementów (vertical/horizontal) więc pytam czy może takie coś sie da:P Czy moze tu już tylko php moge uzyc?

Co do przykładu powyżej to element moze wyglądać tak:

Cytat
<div id="srodek1">
<h1><a href="aaa">aaa</a></h1>
<p>txt</p>
</div>


ale chodzi o to że wszystkie tak muszą wyglądać:
Cytat
<div id="srodek1">
<h1><a href="aaa">aaa</a></h1>
<p>txt</p>
</div>

<div id="srodek1">
<h1><a href="bbb">bbbb</a></h1>
<p>txt</p>
</div>

<div id="srodek1">
<h1><a href="ccc">ccc</a></h1>
<p>txt</p>
</div>


Choć jakaś myśl tu jest... bo można zrobić tak jak kolega napisał wyżej. Tzn. php będzie wyrzucać na przemian raz 'id="srodek1"'' a raz id="srodek2"' i potem webdesigner sam zdecyduej czy dać różne style (wtedy mamy dwie kolumny) albo dać taki sam styl obu (wtedy mamy jedną kolumne).

Może o to chodziło mojemu przedmówcy;) Dzięki za idee;)... no ale niestety ten sposób nie jest zadowalający bo webdesigner ma tylko możliwość tych dwóch opcji a co jeśli będzie chciał trzy kolumny? Wiem, wiem mozna dorobić id="srodek3" ale nie o taki skomplikowany sposób mi chodzi;)
FiDO
A te elementy, ktore wyrzucasz z php maja stala szerokosc czy kazdy moze byc inny ?
xamil
Może być wszystko... chodzi o to aby to webdesigner który nie wie co to php miał pełną kontrole nad tym co się dzieje z tymi danymi. Najlepiej by było jakby php zwracało tylko wartosć czyli to 'aaa', 'bbb', 'ccc'. Reszte już sobie dodaje sam webdesigner. No ale nie wiem czy jest mozliwe to co chce więc słucham każdej idei która choć troche pozwoli się zbliżyć do ideału.

Pomysł kolegi u góry jest dobra ale ma dwie wady
1. php dorzuca dodatkowo tekst 'id="srodek1"' lub 'id="srodek2"'
2. Dobre tylko dla 1,2 no może góra trzech kolumn bo jest to rozwiązanie skomplikowane. Chodzi o to że tu trzeba powiedzieć webdesignerowi, że ma dwie opcje albo taką albo taką i może to zrobić w taki sposób.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.