„Gyakorlás” változatai közötti eltérés

Innen: Wiki Grepolis HU
Jump to navigation
Nincs szerkesztési összefoglaló
Nincs szerkesztési összefoglaló
1. sor: 1. sor:
div
<html>
{
<head>
border:2px solid;
<style>
border-radius:25px;
div.img
}
  {
  margin:5px;
  padding: 5px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:5px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:5px;
  }
</style>
</head>
<body>
 
<div class="img">
  <a target="_blank" href="klematis_big.htm">
  <img src="klematis_small.jpg" alt="Klematis" width="110" height="90">
  </a>
  <div class="desc">Add a description of the image here</div>
</div>
<div class="img">
  <a target="_blank" href="klematis2_big.htm">
  <img src="klematis2_small.jpg" alt="Klematis" width="110" height="90">
  </a>
  <div class="desc">Add a description of the image here</div>
</div>
<div class="img">
  <a target="_blank" href="klematis3_big.htm">
  <img src="klematis3_small.jpg" alt="Klematis" width="110" height="90">
  </a>
  <div class="desc">Add a description of the image here</div>
</div>
<div class="img">
  <a target="_blank" href="klematis4_big.htm">
  <img src="klematis4_small.jpg" alt="Klematis" width="110" height="90">
  </a>
  <div class="desc">Add a description of the image here</div>
</div>
 
</body>
</html>

A lap 2014. január 11., 11:24-kori változata

<html> <head> <style> div.img

 {
 margin:5px;
 padding: 5px;
 border:1px solid #0000ff;
 height:auto;
 width:auto;
 float:left;
 text-align:center;
 }

div.img img

 {
 display:inline;
 margin:5px;
 border:1px solid #ffffff;
 }

div.img a:hover img

 {
 border:1px solid #0000ff;
 }

div.desc

 {
 text-align:center;
 font-weight:normal;
 width:120px;
 margin:5px;
 }

</style> </head> <body>

 <a target="_blank" href="klematis_big.htm">
 <img src="klematis_small.jpg" alt="Klematis" width="110" height="90">
 </a>
Add a description of the image here
 <a target="_blank" href="klematis2_big.htm">
 <img src="klematis2_small.jpg" alt="Klematis" width="110" height="90">
 </a>
Add a description of the image here
 <a target="_blank" href="klematis3_big.htm">
 <img src="klematis3_small.jpg" alt="Klematis" width="110" height="90">
 </a>
Add a description of the image here
 <a target="_blank" href="klematis4_big.htm">
 <img src="klematis4_small.jpg" alt="Klematis" width="110" height="90">
 </a>
Add a description of the image here

</body> </html>

Jó játékot kíván: a Grepolis csapata!