| | CSS : Szveg/kp mgtt kp (httr) | 
 
 Szveg/kp mgtt kp (httr)Dem: 
    
        
            | Ide jn a tartalom, ami lehet brmilyen szveg, st akr kpet is illeszthetsz be! me pr kp mutatba :)     
 |  Kt kdra van szksgnk, az egyik egy tblzat, a msik pedig egy CSS.
 Tblzat:
 Egy cellra van szksgnk, aminek a kdjt annak a modulnak a forrskdjba kell beilleszteni, amelyikben httrrel szeretnnk megjelenteni a tartalmat. A kd beillesztse utn nyugodtan visszatrhetnk rendes szerkeszti nzetbe, s a szoksos mdon rhatjuk a tblzatba a szveget, illeszthetjk be a kpeket. Kd:
 <table><tbody>
 <tr>
 <td class="picttext">
 <p>Ide jn a tartalom, ami lehet brmilyen szveg, st akr kpet is illeszthetsz be!</p>
 </td>
 </tr>
 </tbody>
 </table>
 
 CSS:
 A CSS kddal hatrozhatjuk meg a tblzatunk kinzett, itt kell megadnunk, hogy milyen kp legyen a tartalom httere. A legjobb, ha ismtld kpet adunk meg, de akr sima kpet is megadhatunk. Utbbi esetben mindenkppen legyen egyez a tblzat mrete a kp mreteivel, illetve gyeljnk arra, hogy a tartalom, ne legyen tbb annl, amit a kp mrete megenged. A kdot a legidelisabb jobb/bal oldalon lv egyszer modulba illeszteni, gy ha a tblzatot tb helyen is hasznlod, mindig ugyangy fog kinzni. A kdban tallsz magyarzatot is, ezt nem kell trlnd, a kd gy is mkdik. Kd:
 
 <style type="text/css">
 
 td.picttext
 {width: 400px;   /* tblzat szlessge */
 height: 140px;   /* tblzat magassga */
 background-image: url("KP URL-je");  /* a httr url cme, az idzjelek kz rd */
 font-size: 11px;   /* betmret */
 font-color: #000000}   /* betszn */
 
 </style>
 
 Termszetesen tbb tulajdonsg is megadhat a CSS-ben (bettpus, keret stb.).
 
 rtelemszeren tbbszr beillesztheted egy modulba a tblzatot, gy igen vonzv teheted a frisstsek kirst. Pl.:
 
    
        
            | tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom!     
 |  
    
        
            | tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom!     
 |  
    
        
            | tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom!     
 |  |