-rámování

Zarámování obrázku
<center>
<table bordercolor="#e9967a"
cellspacing="0" cellpadding="0" border="5">
<tbody>
<tr>
<td width="100" height="100"> 
<a href="adresa stránek" target="_blank">
<img src="adresa obrázku"
 border="0"
</tr>
</tbody>
</table>
    </center>   

 

Chceme-li dvojitý rámeček, mění se počet pixelů:
cellspacing="1" cellpadding="1"

 

Široký rámeček

<center>

<table style="border-right: DarkSalmon 20px ridge;
border-top: DarkSalmon 20px ridge;
border-left: DarkSalmon 20px ridge;
border-bottom: DarkSalmon 20px ridge">

 <tbody> <tr> <td width="210" height="170">

 <a href="adresa stránek" target="_blank">

 <img src="adresa obrázku" border="0"

</td>

 </tr>

 

</tbody>

</table>

 </center>

24.09.2007 16:58

Rámování v CSS


Kromě rámečků popsaných v rubrice HTML - je možná změna přímo v CSS

Pro orámování všech tabulek, které jsou na stránce,

je možné do CSS vložit tento tag:

table { border: 1px solid #0000FF;}
table td {border: 1px solid  blue;}

 

" table "- venkovní rámeček,  " table td" - vnitřní rámeček

 Barvu je možné zapsat číslem, nebo názvem.

Sílu rámečku počtem pixelů.

Způsob orámování   / solid- jednoduchá čára, double- dvojitá čára/

 

24.09.2007 17:04

Rámování panelů


Pokud chceme orámovat panely   left=levý, right=pravý

vložíme tento tag:

#left .panel {border-right:2px double #330099;
                       border-top:1px solid #330099;
                       border-bottom:2px #330099;}

#right .panel {border-left:2px double blue;
                          border-top:1px solid blue;
                          border-bottom:2px blue; } 

 

border-right=rámeček vpravo

border-left=rámeček vlevo

border-top=rámeček nahoře

border-bottom=rámeček dole

tloušťku rámečku vyjadřuje počet pixelů, solid=jednoduchá čára, double=dvojitá čára

24.09.2007 17:30

Orámování celé stránky


Rámeček můžeme udělat i kolem celé stránky:

#page  {border-left:3px double #330099 ;
               border-right:3px double #330099;
               border-top:3px double #330099;
               border-bottom:3px double blue;}

Postup je stejný jako u rámování panelů

24.09.2007 17:35

Rozšíření vzhledu


U některých vzhledů je možné je rozšířit na celou obrazovku vložením tohoto tagu do CSS.

Nefunguje te ale u všech.

#page {width: 100% !important;} 

24.09.2007 17:37

 
TOPlist