Aiuto su Grafica sito web

Ciao a tutti.



Ho provato di recente a crearmi una grafica di sfondo per un sito web, cercando di far combaciare il più possibile i contenuti delle caselle e frasi in generale, il mio problema è proprio questo, provando a caricare la pagina web (anche da diversi browser) mi scombina l'immagine facendo risultare i contenuti non perfettamente in ordine.

Volevo sapere quali tolleranze di dimensione (o altro se sapete) devo rispettare per rimanere in ordine con la pagina, ho provato con un jpg (2048 x 1536), l'ho centrato bene con DreamWeaver ma caricandolo in Firefox lo scentra



Grazie a tutti in anticipo



p.s.: Se conoscete qualche programma free per la grafiche dite pure!

Non puoi postare il codice? Così è un pò difficile capire il problema.

In ogni caso non ti consiglio di utilizzare gli editor visuali, almeno imparati l'html (e il css) e scrivi tutto a mano, almeno così quando vai a rivedere il codice capisci dove hai sbagliato.

Ciao



Per farti capire meglio ecco un esempietto banalissimo: pagina web



Comunque, in html mi so arrangiare abbastanza, le basi le ho, un sito semplice semplice su bloc notes lo faccio, le cose che vorrei capire sono due:



- Posizionare il testo esattamente dove voglio: so che di "align" posso posizionare le righe di testo (intere) a destra-centro-sinistra, ma non posso allineare dove voglio sulla stessa riga dei pezzi di frase o parole singole, mi sposta in blocco tutta la riga, quindi vorrei sapere se è possibile (dynamic html editor lo fa) spostarmi dove voglio nella scrittura.



-Come impostare la grafica di sfondo: nell'esempio di altervista vedi le stringhe allineate in quel modo nelle tabelle di sfondo? Nel mio editor DreamWeaver invece sono leggermente centrate diverse (leggermente più in su), quindi volevo capire come non sfalsare il posizionamento del testo al momento del caricamento col browser (uso firefox), appunto sapere se c'è qualche metodo per stare statico.



Grazie

- Per allineare il testo sulla stessa riga in modo diverso puoi semplicemente fare

- Che intendi per "stringhe nella tebella di sfondo"? Quelle poche istruzioni in css?

Mi da lo stesso risultato facendo:

Cioè, le parole le allinea, ma va a capo 3 volte, usa 3 righe, io intendo rimanere su una sola riga e allineare le parole come voglio.

es: sinistra--------------------------------------------centro--------------------------------------------------destra

non:

-----sinistra

----------------------------------------------------------centro

--------------------------------------------------------------------------------------------------------------------destra

Ho usato un termine inapropriato, non intendo il codice, intendo il testo nella pagina web (Home-tabella principale-testo1 ecc..)

Se uso quella immagine di sfondo e ci scrivo sopra il testo (come ho fatto in DreamWeaver) allora sto ancora dentro alle caselle (per esempio il testo HOME è posizionato perfettamente nella casella rosa) mentre invece se apro la pagina web col browser mi scombina la posizione del testo rispetto all'immagine di sfondo. Spero di essermi espresso al meglio (sob...)

Se metti p dinanzi ad align (a parte che left, right e center dovrebbero essere tra virgolette) apri un nuovo paragrafo e nel codice lo chiudi subito dopo la prima scritta; i paragrafi quando terminano fanno tornare il testo a capo ....

Io vedo il testo posizionato correttamente

Lo so che con il

apro un nuovo paragrafo e poi vado a capo , ma in definitiva allora non posso stare su una riga sola? Anche con il tuo codice vedo le 3 voci a capo



Comunque, guarda qui come la vedo la mia pagina web con IE8...

sono riuscito, utilizzando il tag span al posto del div e l'attributo float al posto di align ad allineare testo sulla stessa riga a destra e sinistra, anche al centro non è possibile farlo per quanto ho provato; così il testo va allineato a destra e sinistra sulla stessa riga.

EDIT: mi ero dimenticato di chiudere il div, sorry

Grandissimo! Bene! Allora già qualcosa del genere si può fare, molto interessante!

Mi studio bene il css allora, mi ci devo mettere di impegno.



Per la questione "posizione testo su sfondo"? Hai visto che me lo sposta? sigh... Chissà perchè...

Io con Firefox lo vedo bene, guarda l'allegato.

Comunque nel post di prima mi sono dimenticato di chiudere il div, vabbè l'avrai chiuso tu.

[attachment=1274:sito-.JPG]

Si si l'ho chiuso io il Div. Grazie

Guarda... Con Firefox (lo uso a casa) ovviamente lo vedo identico a te (eppure anche se di pochissimo è diverso ugualmente dall'originale), con IE poi... disastro completo... Boh... Vacci a capire, proprio per questo chiedevo se c'erano delle tolleranze per le immagini ecc, cambia a seconda del browser.

Si, il grande problema dei webmaster è proprio quello delle diverse visioni a seconda dei browser utilizzati. Ognuno interpreta in modo differente il codice.

Se però invece di un'immagine di sfondo unita dividi le diverse parti della pagina ed impagini con i fogli di stile puoi scegliere di mettere il testo sulle varie parti (che poi sono immagini): ad esempio il testo "Home" lo assegneresti all'header (a cui associeresti l'immagine rosa) ed ogni browser lo visualizzerebbe sull'immagine rosa. Utilizzare solo l'html non conviene

Benissimo, grazie per gli utili consigli, cercherò di studiarmi al meglio il css ed altri

ciao!

Prego, a disposizione