Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
tables or tableless?

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
dredger



Joined: 26 Apr 2008
Posts: 75

PostPosted: 03.02.2009 13:07    Post subject: tables or tableless? Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 05.02.2009 05:43    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website Twitter profile
dredger



Joined: 26 Apr 2008
Posts: 75

PostPosted: 05.02.2009 10:18    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
TYPE01



Joined: 12 Sep 2003
Posts: 1158

PostPosted: 05.02.2009 10:35    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
dredger



Joined: 26 Apr 2008
Posts: 75

PostPosted: 05.02.2009 12:46    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group