Visualizzazione risultati 1 fino 10 di 10

Discussione: impostazione grafica (prob con tag e attributi)

  1. #1
    Guest

    Predefinito

    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.

  2. #2
    L'avatar di brunella
    brunella non è connesso AlterVistiano
    Data registrazione
    01-04-2003
    Residenza
    mondo
    Messaggi
    822

    Predefinito

    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'...
    ciao, rossa

    al mondo esistono 10 tipi di persone:
    quelli che conoscono il binario...
    e quelli che devono chiedere al capostazione!

  3. #3
    Guest

    Predefinito

    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!

    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...

    ale.

  4. #4
    Guest

    Predefinito

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

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

  5. #5
    Guest

    Predefinito

    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!

    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.

  6. #6
    Guest

    Predefinito

    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.

  7. #7
    Guest

    Predefinito

    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.

  8. #8
    Guest

    Predefinito

    Correggi!

    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.

  9. #9
    Guest

    Predefinito

    Citazione Originalmente inviato da sugandbibi
    Correggi!

    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.

  10. #10
    Guest

    Predefinito

    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.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •