View previous topic :: View next topic |
Author |
Message |
dredger
Joined: 26 Apr 2008 Posts: 75
|
Posted: 03.02.2009 14:07 Post subject: tables or tableless? |
|
|
Htio bi poslagati opise proizvoda po redovima s tim da bi svaki red sadržavao:- sliku
- pored slike četiri reda sa tri stupca tabularno formatiranih
- ispod slike i teksta paragraf (ili dva) dodatnog opisa
- horizonatalnu crtu kao separator proizvoda
Da li koristiti tablice ili ne?
Sa tablicama bi to znao složiti a bez tablica sa CSS-om mi treba pomoć!
Hvala svima na odgovoru! |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 05.02.2009 06:43 Post subject: |
|
|
Code: | #lista-proizvoda li { clear: both; width: 500px;
border-bottom: 1px solid #000; overflow: auto; }
#lista-proizvoda li img { float: left; }
#lista-proizvoda li h2,
#lista-proizvoda li table,
#lista-proizvoda li p { float: right; width: 330px; }
<ul id="lista-proizvoda">
<li>
<img src="#" alt="kratki opis slike" title="tooltip" width="150" height="150" />
<h2>Naziv itema</h2>
<table summary="opis tablice">
<thead>
<tr>
<th scope="col">header-1</th>
<th scope="col">header-2</th>
<th scope="col">header-3</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">prop-1</th>
<td>value-1</td>
<td>value-1</td>
</tr>
<tr>
<th scope="row">prop-2</th>
<td>value-2</td>
<td>value-2</td>
</tr>
<tr>
<th scope="row">prop-3</th>
<td>value-3</td>
<td>value-3</td>
</tr>
<tr>
<th scope="row">prop-4</th>
<td>value-4</td>
<td>value-4</td>
</tr>
</tbody>
</table>
<p>Opis P1</p>
<p>Opis P2</p>
</li>
<li>
...
</li>
</ul> |
Za rukovođenje preko ceste, molim pročitati: http://www.mi3dot.org/forum/viewtopic.php?t=3888 |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
dredger
Joined: 26 Apr 2008 Posts: 75
|
Posted: 05.02.2009 11:18 Post subject: |
|
|
hvala maratz, uz malo osnovnih preinaka to je upravo ono što mi treba.
ako nije problem, pokušaj me naučiti slijedeće:
- što u css-u znači kad su navedeni samo stilovi, bez propertija (npr. #lista-proizvoda li table)
- kako bi P2(na kraju) podvukao ispod slike (a da ostane horizontalni separator). pretpostavljam da nekako moram poništii onaj float: left?
- koliko je komplicirano kompletnom redu promjeniti boju pozadine ovisno o tome da li je red. broj proizvoda parni ili neparni?
hvala još jednom! |
|
|
Back to top |
|
|
TYPE01
Joined: 12 Sep 2003 Posts: 1158
|
Posted: 05.02.2009 11:35 Post subject: |
|
|
Quote: | što u css-u znači kad su navedeni samo stilovi, bez propertija (npr. #lista-proizvoda li table) |
Previdio si zarez iza svega. Ukratko, selektori su grupirani jer dijele iste propertie / value. Time si se riješio suvišnog CSS-a. |
|
|
Back to top |
|
|
dredger
Joined: 26 Apr 2008 Posts: 75
|
Posted: 05.02.2009 13:46 Post subject: |
|
|
TYPE01 wrote: | Quote: | što u css-u znači kad su navedeni samo stilovi, bez propertija (npr. #lista-proizvoda li table) |
Previdio si zarez iza svega. Ukratko, selektori su grupirani jer dijele iste propertie / value. Time si se riješio suvišnog CSS-a. |
aaa... jasno, hvala! |
|
|
Back to top |
|
|
|