Ricreare struttura tramite CSS

sabato 21 gennaio 2012 - 00.34
Tag Elenco Tags  CSS 2.1  |  CSS 3.0  |  HTML 4.01

dandi.box Profilo | Junior Member

Ciao a tutti, mi aiutate a ricreare la strutture presente in questa immagine tramite CSS?

http://www.patanegra.it/temp/example.png

Grazie infinite

alx_81 Profilo | Guru

>Ciao a tutti, mi aiutate a ricreare la strutture presente in
>questa immagine tramite CSS?
ciao

hai già le immagini? hai già scritto qualcosa? si tratta di qualche div, prova a passarci qualcosa e vediamo di darti una mano..

>Grazie infinite
di nulla!
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.support.microsoft.com/profile/Alessandro.Alpi

dandi.box Profilo | Junior Member

Ecco, io volevo farlo senza immagini ... bordi arrotondati, ombre... ec... non è possible dici????

Il mio "sogno" era proprio farlo senza img :(

alx_81 Profilo | Guru

>Ecco, io volevo farlo senza immagini ... bordi arrotondati, ombre...
>ec... non è possible dici????
>Il mio "sogno" era proprio farlo senza img :(
sinceramente è fattibile (tranne le icone e quel triangolino che spunta) solo con css, il problema è che non tutti i browser supportano certe direttive come il radius degli angoli, le ombre...
rischi di diventare matto per dare supporto, forse è meglio vedere se usando jQuery riesci a dare qualche stile in più cross browser.. ma se lo voi funzionante al 100% devi fare le immagini.
A meno che tu non voglia darlo solo su chrome o firefox
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.support.microsoft.com/profile/Alessandro.Alpi

dandi.box Profilo | Junior Member

Dato che è che una app mobile credo che il problema IE non si pone ;-))

E' corretto??

Mi aiuteresti a creare questa struttura?

Grazie infinte

alx_81 Profilo | Guru

>Dato che è che una app mobile credo che il problema IE non si pone ;-))
ci sono anche i windows phone

>Mi aiuteresti a creare questa struttura?
devi usare le seguenti proprietà css:
https://developer.mozilla.org/en/CSS/border-radius
http://blog.shamess.info/2009/04/21/chromes-border-radius-css-feature/
intanto partiamo da qui.
Vediamo cosa riesci a produre
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.support.microsoft.com/profile/Alessandro.Alpi
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5