ugrás a tartalomhoz

Szöveg elrendezés dobozokban

Dóri7 · 2009. Júl. 2. (Cs), 13.12
Sziasztok!
Kezdőként szeretnék belevágni a következőbe.
Van rá egy hetem, hogy megoldjam.

Azt szeretném elérni egy meglévő html oldalon, hogy
egymás alatt legyenek a cikkek úgy, hogy

CÍM
dátum
SZÖVEG (rövid beveztő)
forrás - tovább

a Tovább linknél megjelenne a teljes cikk egy másik oldalon.
a cikkek között H1-el lenne egy csík.

Ezt úgy kell létrehoznom, hogy td- tr eket használok?

Előre is köszönöm a segítséget.

Üdv
Dóri
‹ AJAX alkalmazás milyen vastag legyen VIEW tekintetében kliens oldalon Javascript eltakarja a div-et ›
 ■
1

Szöveget excelbe?

kerzo · 2009. Júl. 2. (Cs), 14.52
Ez olyan, mint ha szöveget akarnál excelben tárolni. Kik adnak olyan feladatot 2009-ben, hogy egy ilyet táblázatosan kell megoldani? Főleg címsor1-el csíkot húzni.

Olyan szívesen segítenék, ha nem így kellene megoldani, hanem div-ekket:

<div class="cikk_box">
  <h1>Cím</h1>
  <div class="datum">2009-07-02</div>
  <p>Ez a tartalom</p>
  <div class="tovabb"><a href="tovabb_a_cikkhez.akarmi">Tovabb &raquo;</a></div>
</div>
De nem tudom pontosan, hogy mit szeretnél. Melyik résszel van gond? HTML, CSS, PHP?
3

szerkezet

Dóri7 · 2009. Júl. 2. (Cs), 17.34
@kerzo

A Terv az, hogy az elrendezés olyan legyen mint itt ennek az oldalnak http://www.careerjet.hu/allasok_munka_pest_225770.html kisebb módosításokkal.

Most a meglévő oldalon két oldalt menük vannak és a középső részen most, hosszú elválasztás nélküli cikkek vannak több kilométeren keresztül. Ezt szeretnék megszüntetni úgy hogy csak kis rész látszódjon minden cikkből középen, és ha rákkattintanak a tovább gombra akkor jön elő a cikk a képpel. Igazából azt hittem, hogy dobozokba kell raknom.
De amit ajánlottál az igen egyszerű. Kipróbálom.
Ha lesz gondom vele akkor előre is köszönöm a további segítséged.

Üdv
Dóri
2

szerkezet

Dóri7 · 2009. Júl. 2. (Cs), 17.27
@kerzo

A Terv az, hogy az elrendezés olyan legyen mint itt ennek az oldalnak http://www.careerjet.hu/allasok_munka_pest_225770.html kisebb módosításokkal.

Most a meglévő oldalon két oldalt menük vannak és a középső részen most, hosszú elválasztás nélküli cikkek vannak több kilométeren keresztül. Ezt szeretnék megszüntetni úgy hogy csak kis rész látszódjon minden cikkből középen, és ha rákkattintanak a tovább gombra akkor jön elő a cikk a képpel. Igazából azt hittem, hogy dobozokba kell raknom.
De amit ajánlottál az igen egyszerű. Kipróbálom.
Ha lesz gondom vele akkor előre is köszönöm a további segítséged.

Üdv
Dóri
4

mások hogy csinálják?

kerzo · 2009. Júl. 2. (Cs), 18.15
Érdemes megnézni, hogy mások hogyan csinálják. Gyűjtsél össze egy pár olyan oldalt, ahol úgy jelennek meg a cikkek, ahogy szeretnéd. Nézd meg a forráskódjukat és döntsd el, hogy melyik megoldás a szimpatikus. Azért érdemes szép tiszta kódot használni.

Viszont ha jól sejtem, akkor neked az a kérdésed, hogy hogyan lehet adatbázisból lekérdezni és feldolgozni a cikkekhez tartozó adatokat, hogy csak egy része jelenjen meg.
Erre lehet egy pár megoldás. Mivel gondolom a jelenlegi adatbázist nem akarjátok megbolygatni célszerű a feldolgozásra koncentrálni. Tegyük fel, hogy pl. az első 3 mondatot szeretnéd megjeleníteni. Akkor keresd meg a harmadik mondat végének pozícióját ". " (persze csak ha mindig kijelentő mondatok vannak :) ) strpos() függvénnyel. Adjál, hozzá egyet, mert a "." még kell a mondat végére és vágd le a szöveg maradék részét. Ezután tegyél be egy "Tovább >>" linket, ami a cikk teljes elérésére mutat.
Egy másik megoldás, hogy a cikkbe az elválasztáshoz veleteszel egy <hr /> tag-et. Majd amikor lekérdezed, akkor ennél a cimkénél feldarabolod a szöveget és beleteszed egy tömbbe. Majd a tömb első (tomb[0]) elemét kiíratod és teszel utána egy "Tovább >>" linket ...

De a kettőt lehet kombinálni is. A régi cikkeknél marad a mondat végi elválasztást, az újakba viszont már mehet a <hr />, így ott választod el, ahol akarod. Egy egyszerű feltétellel megvizsgálod, hogy ha nincs benne elválasztás, akkor valószínű régi cikk, ha pedig van, akkor új cikk és aszerint dolgozod fel.