impostazione grafica (prob con tag e attributi)

Ho dovuto abbandonare quella bella impostazione tutta nera, semplice ed elegante che avevo postato qualche giorno fa per il restyling del sito che gestisco - mi è stata infatti "censurata" dagli altri soci dell'associazione... troppo lugubre secondo loro...

Quindi sono tornato indietro e lavoro sulla vecchia impostazione http://lavpordenone.altervista.org cercando di migliorarne la gestione (con il php) e ritoccando l'aspetto estetico. Mi sono ripromesso di fare un nuovo banner per l'intestazione, ma per il momento continuo ad usare quello vecchio...

Vabbe', tutto questo per chiedervi due cosette:

- secondo voi è meglio che il logo lav stia a sinistra accanto alla scritta lavpordenone come in http://lavpordenone.altervista.org (togliete però la bandiera della pace) oppure che sia libero di spostarsi da destra a sinistra a seconda della dimensione dello schermo come in http://lavpordenone.altervista.org/mat/index.php ?

- per quanto riguarda questa seconda opzione, mi sapete dire come posso fare per evitare che il logo quando la finestra del browser viene ridotta oltre un certo punto mi scivoli sotto e finisca sopra il testo? C'è un qualche tag o attributo per bloccarlo in alto?

Grazie,
Ale.

io in generale preferisco che al ridimensionamento della pagina si spostino sempre meno cose possibile, quindoi opterei per la prima soluzione

peccato che ti abbiano cassato il layout che avevi in lavorazione, anche a me piaceva molto, ma che vuoi fa'...

Citazione:

Originalmente inviato da brunella

io in generale preferisco che al ridimensionamento della pagina si spostino sempre meno cose possibile, quindoi opterei per la prima soluzione

E mi sa che alla fine andrà così... Vediamo se qualcun altro si accoda al tuo suggerimento.

Citazione:

Originalmente inviato da brunella

peccato che ti abbiano cassato il layout che avevi in lavorazione, anche a me piaceva molto, ma che vuoi fa'...

Ok, lo metto in vendita! Almeno ci guadagno qualcosa! :wink:

Offro il seguente layout (facilmente personalizzabile con GIMP) in cambio di consigli su php e/o html:
http://lavpordenone.altervista.org/mat/prova_home.html

scherzo... chi vuoi che lo voglia... :wink:

ale.

lavvvvvvvv mandami la cartella con quel layout nero ,lo voglioooooooooooooo mi serve per il sito che su xoom,ti pregoooooooooooooo :oops:

mettero un link nella home su xoom per dire che il layout e il tuo :D

jenya, stai scherzando o dici sul serio?

se vuoi te lo mando, nessun problema e non serve certo che scrivi che il layout è mio.

con un vincolo però: se vuoi modificarti il banner, devi farlo con GIMP! :wink:

così ti obbligo a scaricarlo, a provarlo e a innamorartene. :)

oltre ai bullets che vedi lì, avevo preparato anche delle frecce e, se ti interessano, delle barre verticali e orizzontali nere.

ale.

Puoi riuscire a bloccare gli elementi nella pagina, ma devi usare i fogli di stile, magari esterni ;)

position: absolute;

Non è il massimo come accessibilità ma funziona egregiamente, al limite ti ricordo che a position puoi associare direttamente anche dei valori in pixel invece che i valori predefiniti.

Ciao.

Citazione:

Originalmente inviato da sugandbibi

Puoi riuscire a bloccare gli elementi nella pagina, ma devi usare i fogli di stile, magari esterni ;)

position: absolute;

Non è il massimo come accessibilità ma funziona egregiamente, al limite ti ricordo che a position puoi associare direttamente anche dei valori in pixel invece che i valori predefiniti.

Ciao.

Sì, i fogli di stile li uso già. Per la pagina in questione ho usato questo:

[code:1:405193ee37]<div style="position: absolute; top: 0%; left:0;">
<img src="images/intestazione.jpg" width="635" height="85" align="left">
<img src="images/logotrasp.gif" width="73" height="82" align="right">
</div>[/code:1:405193ee37]

ma la seconda immagine non sta dove vorrei...

ale.

Correggi!

Citazione:

style="position: absolute; top: 0%; left:0;">

E togli gli align all'interno dei tag <img> non puoi definire una posizione con i CSS e poi chiedergli di spostarsi altrove con gli argomenti degli elementi HTML.

Citazione:

Originalmente inviato da sugandbibi

Correggi!

Citazione:

style="position: absolute; top: 0%; left:0;">

E togli gli align all'interno dei tag <img> non puoi definire una posizione con i CSS e poi chiedergli di spostarsi altrove con gli argomenti degli elementi HTML.

Questo l'ho notato visto che non funziona...

Ma come faccio a risolvere il mio problema??? al posto di align posso usare float nei css, giusto? Ma suppongo che non risolverebbe nulla.

ale.

Diciamo che l'approccio è tutto sbagliato, i CSS non apprezzano tecniche miste (CSS e HTML) l'unica cosa che puoi fare ora con quel codice è usare style in ogni <img> e togliere il layer <div>

[code:1:67354cfc11]
<img style="position: absolute; top: 0; left:0; width: 635px; height: 85px; border: none" src="images/intestazione.jpg" />
<img style="position: absolute; top: 0; left:0; width: 635px; height: 85px; border: none" src="images/logotrasp.gif" />
[/code:1:67354cfc11]

Non è la soluzione ottimale ma dovrebbe funzionare, cambia solo i valori degli attributi top e left della seconda immagine o ti appariranno sovrapposte.