Tabelle come quelle di html.it

**adin73** · 02-01-2010, 15:44

Salve
per il mio blog volevo realizzare una tabella che contenesse dei risultati di query e questa tabella volevo che avesse delle "linguette" per farmi scegliere le diverse soluzioni.
Sul sito html.it viene usata per catalogare i "più visti" con articoli, guide, faq etc....etc....
Come posso realizzarla anche io??
é realizzata con i css, vero???
ci sono dei frame??javascrit??
dopo posso trovare una guida per farle anche io?
Inoltre come si chiamano visto che sul web non riesco a trovare molto.
grazie
saluti

**marco.carrieri** · 02-01-2010, 18:24

Parli di una cosa cosi?
http://www.html.it/articoli/esempi/a...2/t_tabs6.html

**miki003** · 02-01-2010, 19:41

Eccoti servito!

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
                <title>Menu</title>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <style type="text/css">
<!--
body {
        padding-right: 0px; padding-left: 0px; background: #fff; padding-bottom: 0px; margin: 0px; font: small/1.5em georgia,serif; color: #000; padding-top: 0px; voice-family: inherit
}
unknown {
        font-size: small
}
#header {
        font-size: 93%; background: url(bg.gif) #dae0d2 repeat-x 50% bottom; float: left; width: 100%; line-height: normal
}
#header ul {
        padding-right: 10px; padding-left: 10px; padding-bottom: 0px; margin: 0px; padding-top: 10px; list-style-type: none
}
#header li {
        padding-right: 0px; padding-left: 9px; background: url(left.gif) no-repeat left top; float: left; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
#header a {
        padding-right: 15px; display: block; padding-left: 6px; font-weight: bold; background: url(right.gif) no-repeat right top; float: left; padding-bottom: 4px; color: #765; padding-top: 5px; text-decoration: none
}
#header a {
        float: none
}
#header a:hover {
        color: #333
}
#header #current {
        background-image: url(left_on.gif)
}
#header #current a {
        background-image: url(right_on.gif); padding-bottom: 5px; color: #333
}
-->
</style>
        </head>

        <body>
                <div id="header">
                        <ul>[*]Home[*]I Più vsti[*]Articoli[*]Guide[*]Faq[*]News
<li id="current">Script
[/list]
                </div>
        </body>
</html>

**marco.carrieri** · 02-01-2010, 19:42

Gli hai fatto il regalo per le feste miki

?

**miki003** · 02-01-2010, 19:47

Originariamente inviato da marco.carrieri
Gli hai fatto il regalo per le feste miki

?

Già! Ci voleva no?

**marco.carrieri** · 02-01-2010, 20:14

E' si.

Beh dai per non andare troppo OT auguri anche a te e tutti.

**adin73** · 04-01-2010, 12:35

Grazie miki003
per l'enorme aiuto che mi hai dato.
Ciao

Discussione: Tabelle come quelle di html.it

Strumenti discussione

Ricerca discussione

Visualizza

Tabelle come quelle di html.it

Permessi di invio