 | |
Il progetto dsy.it è l'unofficial support site dei corsi di laurea del Dipartimento di Scienze dell'Informazione e del Dipartimento di Informatica e Comunicazione della Statale di Milano. E' un servizio degli studenti per gli studenti, curato in modo no-profit da un gruppo di essi. I nostri servizi comprendono aree di discussione per ogni Corso di Laurea, un'area download per lo scambio file, una raccolta di link e un motore di ricerca, il supporto agli studenti lavoratori, il forum hosting per Professori e studenti, i blog, e molto altro...
In questa sezione è indicizzato in textonly il contenuto del nostro forum |
[html] questioni di stile...
Clicca QUI per vedere il messaggio nel forum |
| cato |
frame no, mi sto impegnado a non usarli mai piu' :asd:
con i css l'attributo position come si sua per creare 4 colonne?
.col1{
position:absolute;
left:0%;
right:25%;}
.col2{position:absolute;
left:25%;
right:50%;}
.col3{position:absolute;
left:50%;
right:75%;}
.col4{position:absolute;
left:75%;
right:100%;} |
| fulminato1 |
| ti ho mandato un pm, prova a vedere se ti può servire quello che ti ho mandato! |
| ripe |
| Non mi piace il posizionamento assoluto!! :( |
| 0m4r |
questa mi pare una soluzione abbastanza semplice:
code:
....
<div STYLE="width:100%; height:100%; border:2px solid green; vertical-allign:top">
<span STYLE="width:100px; height:100px; border:2px solid red;">PRIMA COLONNA</span>
<span STYLE="width:200px; height:200px; border:2px solid blue">SECONDA COLONNA</span>
<span STYLE="width:300px; height:300px; border:2px solid pink">TERZA COLONNA</span>
</div>
...
|
| DeepBlue |
ahhhhh! troppo span! non mi piace :)
Lo span si usa per definire "un'eccezione" , secondo me non bisogna abusarne.
Cato, dai un'occhiata QUI. Sono sicuro che troverai codice per il tuo editor :D |
| DiMar |
Originally posted by DeepBlue
Cato, dai un'occhiata QUI. Sono sicuro che troverai codice per il tuo editor :D
Aggiunto ai bookmark.... thanks! :) |
| cato |
Originally posted by DeepBlue
Cato, dai un'occhiata QUI. Sono sicuro che troverai codice per il tuo editor :D
ma quante ne sai :asd:
troppo bello :approved: |
| cato |
ma perche nel mio sito la terza colonna resta monca? e come si fa a evitare la sovrapposizione con il ridimensionamento?
altra domanda ma è meglio usare i px o le percentuali? |
| 0m4r |
| la percentuale da una misura relativa, in base alla dimensione della finestra. Cioè se usi la percentuale l'impaginazione si adatta al rideminsionamento della finestra del browser. Invece se usi i pixel la dimensione è sempre quella, cioè non hai il ridimensionamento... |
| cato |
Originally posted by 0m4r
. Invece se usi i pixel la dimensione è sempre quella, cioè non hai il ridimensionamento...
quindi se uso i px devo pensare il sito per una determinata risoluzione? |
| 0m4r |
| ...quanto meno per una determinata "dimensione" |
| 0m4r |
Originally posted by cato
em :?
google suggerisce: http://www.emeditor.com/
ma non ho la piu pallida se si riferiva a questo |
| cato |
| bho io uso ultraedit |
| 0m4r |
Originally posted by cato
bho io uso ultraedit
idem, ma cosi andiamo OT... |
| cato |
| tornando IT, se hai dato un occhiata al mio sito perche la terza colonna resta "monca" rispetto le altre quattro? |
| 0m4r |
cosa intendi per monca?
prova così:
code:
SPAN.col1{text-align: left; vertical-align:top; position:relative; width:25%}
SPAN.col2{text-align: left; vertical-align:top; position:relative; width:25%}
SPAN.col3{text-align: left; vertical-align:top; position:relative; width:25%}
SPAN.col4{text-align: left; vertical-align:top; position:relative; width:25%}
|
| 0m4r |
può darsi dipenda dalla risoluzione, io a 1280x1024 la vedo bene la pagina....
prova cosi, giusto per renderti conto bene della dimensione degli span
code:
SPAN.col1{text-align: left; vertical-align:top; position:relative; width:25%; border:2px solid red}
SPAN.col2{text-align: left; vertical-align:top; position:relative; width:25%; border:2px solid yellow}
SPAN.col3{text-align: left; vertical-align:top; position:relative; width:25%; border:2px solid green}
SPAN.col4{text-align: left; vertical-align:top; position:relative; width:25%; border:2px solid white}
|
| cato |
:p era firefox che sputtanava tutto, i IE si vede bene :asd:
grazie |
| 0m4r |
| di nulla, se hai bisogno sai dove trovarmi |
| ripe |
Originally posted by cato
:p era firefox che sputtanava tutto, i IE si vede bene :asd:
grazie
Perchè Firefox ha tutti sti problemi con i CSS? Io mi sto sforzando per produrre qualcosa che vada bene anche per questo browser, ma inizio a reputare il tutto una inutile perdita di tempo... :( |
| 0m4r |
| io credo solo che sia questione di "standard" |
| DeepBlue |
Originally posted by 0m4r
google suggerisce: http://www.emeditor.com/
ma non ho la piu pallida se si riferiva a questo
em è una delle unità di misura per dimensionare i caratteri :)
Si esprime in percentuale e dipende da diversi fattori.
Nei miei ultimi 4 lavori web ho preferito gli em ai px.
http://www.w3.org/TR/REC-CSS1#font-size |
| 0m4r |
hai ragione, non ci avevo pensato...
solo che messo li cosi non diceva nulla...
cmq come si pone nei confronti di pixel e percentuale?
...cmq cato non parlava di dimensione di caratteri.... |
| cato |
| questa sera mi metto a fare il CSS in px |
| 0m4r |
| se vuoi un consiglio, io mi trovo comodo a creare un contenitore esterno di dimensione fissa e poi le componenti interne con le percentuali, cosi campbiando solo un numero riadatto tutto in un colpo, almeno per le fasi iniziali di "prova".... |
| DeepBlue |
Originally posted by 0m4r
hai ragione, non ci avevo pensato...
solo che messo li cosi non diceva nulla...
cmq come si pone nei confronti di pixel e percentuale?
px definisce una misura fissa, non ridimensionabile (almeno su IE).
em al contrario si basa sulle dimensioni della finestra (questo a grandi linee)
..cmq cato non parlava di dimensione di caratteri....
Non vale solo per i caratteri, ma anche per il dimensionamento die box, delle tabelle, etc etc |
| cato |
torniamo al mio problema, come faresti 4 box che occupano tutta la lunghezza della pagina?
% px o EM? |
| DeepBlue |
con i box e i css non si può: l'attributo height nel tag div non ha effetti particolari.
Potresti riempire i box con contrnuti "trasparenti", ma non è molto elegante. In questi casi la soluzione è l'utilizzo di una tabella.
Per quanto riguarda la struttura dei box (se decidi di non usare le tabelle), puoi dichiarare la prima gabbia con position: absolute e le relative coordinate e la relativa larghezza. Per gli altri box è sufficiente definire padding/margin appropriati :)
Usare px o em è a tua discrezione: fossi in te costruirei la pagina base (magari riempiendola con il famoso "Lorem ipsum") e proverei a visualizzarla con i vari borwser, usando prima px e poi em :) |
|
|
|
|
