novinky na stranke

djcopik

Prave sa ucim pisat stranku v Html... vcelku sa to da ale chcel by som na hlavny index niekam do rohu hodit take okno kde budem zobrazovat novinky na stranke ...
mal by som taku predstavu ze tam jednoducho dopisem co a v ktorej sekcii je nove
je mi jdeno ako to budem pisat ci budem musiet stal menit zdrojovy kod indexu (co by som nerad) alebo ci je nato neaka aplikacia nieco podobne ako sa da vytvorit jednoducho Chat na blueboard-e
dik ...

etel · Príspevok od používateľa **etel** » 25 feb 2009, 15:56

tak si spravis nejaku primitivnu tabulku a lebo pomocou elementu div si to das kde chces ,... a iba si tam budes dopisovat text ... nie?

TGiJack

http://sulo.stary-gympel.sk/css-na-co-sluzi/ prejdi si tuto stranku najme CSS a jeho použitie v HTLM a potom k tomu chatu alebo novinkam PHP

priklad toho čo potrebuješ:

Kód: Vybrať všetko

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document
    </title>
    <style>
    span { position: absolute; }
    #obsah { background-color: Olive; min-height: auto;	width: 100px;}
    #obsah p {	margin-top: 5px;	margin-right: 0px; color: gold; }
    </style>
  </head>
  <body>
    <span style="left: 455px; top: 125px">
      <div id="obsah"><p>Toto je jednoduchy priklad umiestnenia objektu na lubovolne pole staci len prepisat left poziciu a top poziciu</p>
      </div>
    </span> 
    </body>
    </html>

ak by si ich chcel použit viacej tak by som odporučal pousivat ešte funkciu v css "z-index" co su vlastne vrstvy
priklad:

Kód: Vybrať všetko

    <head>
    <style>
    span { position: absolute; }
    #obsah1 { background-color: Olive; min-height: auto;	width: 100px; z-index: 1;}
    #obsah2 { background-color: silver; min-height: auto;	width: 100px; z-index: 2;}
    #obsah3 { background-color: red; min-height: auto;	width: 100px; z-index: 3;}
    #obsah p {	margin-top: 5px;	margin-right: 0px; color: gold; }
    </style>
  </head>
  <body>
    <span style="left: 455px; top: 125px"><div id="obsah1"><p>Toto je jednoduchy priklad prekryvania</p></div></span>
    <span style="left: 465px; top: 135px"><div id="obsah2"><p>Toto je jednoduchy priklad prekryvania</p></div></span> 
    <span style="left: 475px; top: 145px"><div id="obsah3"><p>Toto je jednoduchy priklad prekryvania</p></div></span>  
    </body>

//autoeditácia príspevku ( 25 Feb 2009, 16:55 )
PS: ešte som si spomenul na jednu stranku pre začiatočnika
http://firstpage.profitux.cz/?page=uvod je tam všetko pekne popisane ako treba začat a načo si davat pozor tak vela zdaru pri učeni