Weblap Visszalép Másolható leírások

Ezen az oldalon megtalálható, azon meghatározás, melyek a vizuális képen látható.

Erről az oldalról, a kiválasztott képhez tartozó meghatározások, átmásolhatók saját html vagy css, azaz stíluslapunkra, és nem kell a billentyűzetről begépelni.
A címsor után található ikonra kattintva, visszajutunk a vizuális képhez

A meghatározásokat külön - külön sorba írtam a jobb áttekinthetőség végett. Átmásolás után maradhatnak így is, akkor is működik a program. De a helyfoglalás végett, írhatjuk folyamatosan is, mintha egy folyamatos mondatot írnánk az utasításokból.

Amit az XHTML - lapra kell beírni, azaz átmásolni, az fekete színnel van kiemelve.
Amit a css, azaz stíluslapra kell beírni, azaz átmásolni, az kék színnel van kiemelve.

6/1. kép anyaga. Visszalép a vizuális képekhez ?

<div id="egy"> <p> 1. div szakasz YY YY YY YYYYYY YYY YYYY YYYYYYYY YY YYYYYY YYYY YY YY Y Y Y YYYYY YYY YYYYY YYYYYYYYYY YYYYYY YYY YY YYYY YYYYY Y Y Y Y Y Y YYYY YYYYYYYYYY YYYYYY YYY YY YYYY YYYYY </p>
</div>
<div id="ketto"> <p> 2. div szakasz, YY YY YY YYYYYY YYY YYYY YYYYYYYY YY YYYYYY YYYY YY YY Y Y Y YYYYY YYY YYYYY YYYYYYYYYY YYYYYY YYY YY YYYY YYYYY Y Y Y Y Y Y YYYY YYYYYYYYYY YYYYYY YYY YY YYYY YYYYY </p>
</div>
<div id="harom"> <p> 3. div szakasz, YY YY YY YYYYYY YYY YYYY YYYYYYYY YY YYYYYY YYYY YY YY Y Y Y YYYYY YYY YYYYY YYYYYYYYYY YYYYYY YYY YY YYYY YYYYY Y Y Y Y Y Y YYYY YYYY Y Y Y Y Y Y YYYY YYYY </p>
</div>
<div id="negy"> <p>4. div szakasz, YY YY YY YYYYYY YYY YYYY YYYYYYYY YY YYYYYY YYYY YY YY Y Y Y YYYYY YYY YYYYY YYYYYYYYYY YYYYYY YYY YY YYYY YYYYY Y Y Y Y Y Y YYYY YYYY Y Y Y Y Y Y YYYY YYYY </p>
</div>
<div id="ot"> <p> 5. div szakasz, YY YY YY YYYYYY YYY YYYY YYYYYYYY YY YYYYYY YYYY YY YY Y Y Y YYYYY YYY YYYYY YYYYYYYYYY YYYYYY YYY YY YYYY YYYYY Y Y Y Y Y Y YYYY YYYY Y Y Y Y Y Y YYYY YYYY </p>
</div>
<div id="hat"> <p> 6. div szakasz, YY YY YY YYYYYY YYY YYYY YYYYYYYY YY YYYYYY YYYY YY YY Y Y Y YYYYY YYY YYYYY YYYYYYYYYY YYYYYY YYY YY YYYY YYYYY Y Y Y Y Y Y YYYY YYYY Y Y Y Y Y Y YYYY YYYY /p>
</div>

--------------------------------------------------------------------------

body {background-color: #3c4f38; margin: 30px;}
#container {width: 770px; background-color: #ccc; border: 3px solid #fff;}

#egy {width: 770px; background-color: #0f0; margin-bottom: 15px; }
#ketto {width: 770px; background-color: #0ff; margin-bottom: 15px; }

#harom {float: left; width: 140px; background-color: #f0f; }
#negy {float: left; width: 490px; background-color: #f60; }
#ot {float: left; width: 140px; background-color: #f0f; margin-bottom: 15px;}

#hat{clear: both; width: 770px; background-color: #fc0; }

Vissza a lap elejére

-------------------------------------------------------------------------------------------------