ridimentionare bordi, possibile?

[azzuffu]

Salve,

pensate sia possibile limitare il bordo, quello di sopra, da << |Home >> a << Forum|>> ?

E limitare anche quello di sotto da << |Comune>> a << Ecomnomia| >> (praticamente limitato dagli elementi "attivi" del menu)?

[Mich_]

Forse volevi rispondere ad una discussione aperta (hai premuto "nuovo" anziche` "rispondi").
O forse volevi chiedere qualcosa che pero` non si capisce (manca il contesto a cui ti riferisci).

In ambedue i casi questa discussione cosi` com'e` non ha senso, per cui la chiudo.

Edit: come non detto non avevo visto l'immagine linkata.
Pero` devi allegare il codice HTML, altrimenti non sappiamo come/cosa sono gli oggetti di cui parli.

[azzuffu]

ok, posto il codice

l'HTML

<div id="menu_su">| Home |<span id="current"> Comune </span>| Giochi | Forum |</div>    

<div id="menu_su">| Territorio | Storia |<span id="current"> Economia </span>|</div>


il CSS

body {
    background-color: #222;
}

#menu_su {
    text-align: center;
    color: white;
    font: 14px comic Sans MS;
    font-weight: bold;
    border-top: 2px solid yellow;
}

#current {
    background-color: yellow;
    text-align: center;
    color: black;
    font: 14px comic Sans MS;
    font-weight: bold;
} 

Naturalmente l'html e' solo un abozzo, giusto per vedere il risultato, poi il tutto andra' implementato in php.

Vediamo se riesco a spiegarmi meglio:
facendolo con le tabelle, metterei il contenuto del div e lo includerei nella tabella, questa avrebbe grandezza relativa al suo contenuto e non come il div che occupa l'intero spazio orizzontale della pagina. (Questo per quanto riguarda il bordo di sopra)

[Mich_]

Quel codice HTML e` sbagliato.
Con quel codice non riesci a fare un menu.

Devi usare una lista (o due liste a seconda di come sono collegate secondo logica le due righe), e poi implementare il CSS correttamente.

Esempio di codice HTML:

<ul id="menu_su">[*]Home
  <li class="current"> Comune [*] Giochi[*] Forum[/list]
<ul id="menu_giu">
  ecc.

Trovi esempi di menu nelle raccolte: puoi partire dai "link utili".

[azzuffu]

si, lo so che non e' il modo corretto di procedere, ma lasciando da parte standard, accessibilita' ecc ecc, volevo sapere se e' possibile procedere in quel modo.

Mettetela cosi': curiosita'.

[Mich_]

Quando si parla di software, tutto (quasi) e` possibile.

Pero` ci sono metodi standard, metodi semplici e metodi tipo "arrampicata sui vetri".

I browser hanno dei comportamenti standard, in base a strutture standard.
Inoltre esiste un consorzio, il W3C, che fornisce una serie di comportamenti che devono tenere i browser in base a strutture inserite dai programmatori. Ora e` vero che esitono browser che si inventano il loro comportamento, ma personalmente non li tengo molto in considerazione.

Tornando al tuo problema, se fai le cose secondo la logica del W3C, hai buone probabilita` che tutti i browser si comportino in maniera uguale; se invece ti inventi una logica tua, anche se secondo te ha senso, difficilmente troverai browser che la seguono.

In giro ci sono alcune famiglie di browser (IE, Gecko, Safari, Opera, ...), che coprono il 99% dei casi, e ci sono browser specifici per utenti particolari, che ben difficilmente potrai provare: e questi vengono usati dagli utenti piu` deboli, quelli che non possono fare con sistemi diversi. Vuoi cancellare tali utenti?
Seguire gli standard e` da un lato un modo per permettere l'accesso a tutti, e dall'altro il sistema migliore per semplificarsi la vita.

[azzuffu]

oooook, come non detto.
Per fortuna avevo scritto che era una "curiosita' personale". Forse avrei dovuto specificare meglio e sottolineare che non c'era nessun tentativo di lesa maesta' al W3C o di ghettizzare browser di nicchia e tanto meno cancellare utenti.


Per tornare in tema, nei menu orizzontali, anche uttilizzando la proprieta' "display: Inline;" bisogna utilizzare il "float"? E se la risposta e' no, c'e' qualche motivo che possa indurre a preferire uno dei 2?

[Mich_]

display: inline vs. float: left
Il primo trasforma un blocco in un oggetto inline; non e` quindi possibile definirne le dimensioni, inserirci altri oggetti di tipo blocco, ecc
Il secondo serve per affiancare oggetti di tipo blocco (e trasforma l'oggetto in blocco, se non lo e` gia`)
Sono quindi due cose opposte, anche se hanno un effetto comune: affiancare gli oggetti.
Quale usare dipende dal contesto. In linea di massima i[*] dovrebbero restare di tipo blocco: sono meglio gestibili con i CSS.

PS: uno degli hack per IE prevede che si mettano ambedue per evitare problemi con i margini.

Ho visto proprio poco tempo fa un bellissimo sito sui CSS (con anche spiegazioni dettagliate): http://reference.sitepoint.com/css

[azzuffu]

Interessante.

Ma c'e' un modo per rendere gli elementi "contenitori" nella pagina (div o chi per loro) della grandezza del loro contenuto? Tipo le tabelle...