labatteria.it

Forse la domanda sembrer? stupida ma volevo sapere quale ? il modo pi? semplice per fare tabelle e oggetti vari con bordi arrotondati. Faccio un esempio del primo sito che mi trovo http://www.redhotchilipeppers.it/ , vedete le tabelle a sinistra e a destra con i contorni smussati? Volevo sapere quali erano i modi o il modo pi? semplice per realizzarle.

secondo me ? un immagine di sfondo nella cella

Se sai usare photoshop lo puoi fare tranquillamente !

si ma come immagine non come tabella, che io sappia (? un po che non mi aggiorno sul html) non c'? un tag per i bordi arrotondati
(felice di essere smentito cos? lo imparo)

se non sbaglio, il totale di quella "fascia" ? formato da pi? celle:
una centrale che ha sempre quel colore, e due laterali che hanno praticamente l'immagine arrotondata

Quando si cura l'estetica di un sito, dovrebbero essere gli elementi decorativi ad adattarsi ai contenuti e non il contrario. La separazione di contenuti e presentazione ? sempre un vantaggio.
In linea di massima basterebbe creare due sfondi, di larghezza fissa, uno con i bordi superiori e e l'altro con quelli inferiori. Mettiamo che il box sia formato da un div (divisione generica) con dentro un p (un paragrafo). Attraverso il foglio di stile assegniamo il primo sfondo al div e il secondo al p posizionato in basso. Fatto.

ma quindi devo mettere un immagine arrotondata fatta con photoshop e poi scriverci sopra?

questa ? l'immagine

http://www.redhotchilipeppers.it/images_index/bg.jpg

e questo ? il codice della tabella che ci sta sopra

Codice: Seleziona tutto

<tr>
                    <td width="5%">&nbsp;</td>
                    <td width="25%"><strong>CERCA</strong></td>
                    <td width="67%"><input name="Find" size="16" maxlength="50" value="" class="form1 m" type="text">                    </td>
                    <td width="3%">&nbsp;</td>
                  </tr>
<tr>
                    <td>&nbsp;</td>
                    <td><strong>SEZIONE</strong></td>
                    <td><select name="Section" class="form1 m">
                             
                        <option value="">[Seleziona]</option>
                        <option value="Lyrics">Testi</option>
                        <option value="Tabs">Tablature</option>
                        <option value="Discography">Discografia</option>

                  <option value="Videos">Video</option>
                        <option value="Songs">Canzoni</option>
                        <option value="Translations">Traduzioni</option>
                        <option value="Sounds">Audio</option>
                        <option value="Reviews">Recensioni</option>
                        <option value="CD-Covers">Copertine CD</option>

                        <option value="Covers">Covers</option>
                        <option value="Biography">Biografia</option>
                       
                      </select>
                      </td>
                    <td>&nbsp;</td>
                  </tr>
<div align="right"><input src="http://www.redhotchilipeppers.it/images_index/1search.gif" id="cmd_search" name="cmd_search" style="margin-right: 8px;" type="image"></div>


le tabelle sono ormai deprecate (sconsigliate dal W3C)

per fortuna CSS3, tra le altre novit?, ha il supporto ai div con bordi arrotondati, ma non tutti i browser supportano tale funzione

per maggiori info sui css3:

http://www.css3.info/preview/

http://www.w3.org/Style/CSS/

ma nn conoscendo il codice posso fare una cosa del genere?

no

o meglio, la puoi fare con dreamweaver, ma se conosci il codice ? meglio

comunque come detto le tabelle sono storia morta

io conosco dreamweaver , queste immagini sono messe dentro delle tabelle o no? e i bordi che ci sono nell'immagine poi devono essere cambiati a seconda del colore dello sfondo della pagina no? suppongo con photoshop?

http://www.html.it

comincia da l?

ti consiglio le guide di base html & css per iniziare

prima di postare nel forum fai dei search perch? senn? vieni:

bastonato
lucchettato
non considerato

tanto quel che ti interessa ? gi? stato detto milioni di volte

Cercando bene ho visto che un modo ci sarebbe ? sarebbe questo
http://www.html.it/articoli/esempi/arti ... pio_0.html
L'unica cosa che non ho capito e se i bordi li devo ritagliare io oppure c'e un opzione che li ritagliare precisi automaticamente

up!!

up

leggendo pari pari ti dice fai un rettangolo coi bordi arrotondati, usa la funzione slice di fireworks per creare 4 immagini coi 4 angoli slice dovrebbe ritagliarti i 4 angoli tutti uguali ma non ci metterei la mano sul fuoco (ma va bene un qualsiasi programma per manipolare le immagini anche gimp se hai pazienza)
poi crea una tabella, mettici agli angoli le 4 immagini e riempi la tabella con lo stesso colore degli angoli
fai 2 prove, se hai dreamwever ci metterai 20 secondi

io nn ho capito quale ? sta funzione slice , io c'e lo in italiano e magari si riferisce a un altra versione

allora taglia le immagini tutte 4 uguali

si ma perdo molto pi? tempo no?

http://www.itportal.it/tutorial/interne ... orks_wm27/
ho cercato su google ? in prima pagina penso che slice sia slice indipendendemente dalla versione ma hai provato a cercarlo sto comando o no?
altro
From the Edit Menu select Insert and then select Slice, or

Press the Alt + Shift + U keys. ? il comando rapido x dare slice

http://www.wise-women.org/tutorials/fw1/