Autorius Tema: Kaip padaryti tokia kategoriju lentele?  (Skaityta 1608 kartus)

Neprisijungęs nubik1311

  • Naujokas
  • *
  • Įrašai: 7
  • Karma: +0/-0
    • Žiūrėti profilį
Kaip padaryti tokia kategoriju lentele?
« Įrašytas: 2014-05-02 16:27:54 pm »
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ų?







« Paskutinį kartą keitė: 2014-05-02 16:32:37 pm sukūrė nubik1311 »

Neprisijungęs Tautvydas

  • Dalyvis
  • **
  • Įrašai: 438
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: Kaip padaryti tokia kategoriju lentele?
« Atsakymas #1 Įrašytas: 2014-05-06 13:39:48 pm »
Tai, kad su .css betkuriuo atveju daryti reikia. Googlinkis, turi būti tikrai pavyzdžių. Imk kokį dizaino pavyzdį viso html'o, ir nagrinėtis pabandyk

Neprisijungęs Haris

  • Dalyvis
  • **
  • Įrašai: 833
  • Karma: +56/-0
    • Žiūrėti profilį
    • www.RubikoKubas.Lt
Ats: Kaip padaryti tokia kategoriju lentele?
« Atsakymas #2 Įrašytas: 2014-05-06 18:56:52 pm »
Kodas: (html) [Pasirinkti]
<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

Manualai.lt Forumas

Ats: Kaip padaryti tokia kategoriju lentele?
« Atsakymas #2 Įrašytas: 2014-05-06 18:56:52 pm »