Manualai.lt Forumas

Sveiki, per html norečiau padaryti kategorijas va kaip pavyzdis.



Tik vat kad butu ne taip kaip parodyta , bet kad pvz viena kategorija butu panasei tokia (čia su photoshop primeciau greit)



Tai tarkim vietoj tu kategoriju kur paroditos pirmam paveikslely, butu tokios kategorijos paroditos antram paveikslelį.

Tai vat dabar pats klausimas; Kaip padaryti tai. Bandžiau padaryti lentele per <table> ir poto pridet ten reikiamas nuorodas ir reikiama fona. Bet man nelabai kas ir gavosi.
Tai man reiketu kokio pavyzdžio pvz su dviem tokiom skiltelem. Arba gal yra kokiu kitų budų?

<style>
#kategorijos {
  position:relative;
  margin:0px auto;
}
#kategorijos .kategorija {
  display:inline-block;
  position:relative;
  width: 400px;
  hieght: 200px;
}
#kategorijos .kategorija .kategorijos_pavadinimas {
  background: #000; /* Cia gali uzsideti paveiksleli arba gradienta */
  padding: 5px;
  text-align : center;
color: #fff;
width: 100px;
}
</style>
<div id="kategorijos">
  <div class="kategorija cars">
    <div class="kategorijos_pavadinimas">Cars</div>
    <div class="sub_kategorijos">
      <ul>
        <li>car parts</li>
       <li>dar kas nors</li>
      </ul>
    </div>
  </div>
<div class="kategorija bikes">
    <div class="kategorijos_pavadinimas">Bikes</div>
    <div class="sub_kategorijos">
      <ul>
        <li>bike parts</li>
       <li>dar kas nors</li>
      </ul>
    </div>
  </div>
<div class="kategorija bikes">
    <div class="kategorijos_pavadinimas">Bikes</div>
    <div class="sub_kategorijos">
      <ul>
        <li>bike parts</li>
       <li>dar kas nors</li>
      </ul>
    </div>
  </div>
</div>
prašom.
gali įsimesti kodą čia: http://www.htmlinstant.com/ jei nori pažiūrėti