[CSS] img{} senza uscire dal div

[zerobruno]

tbgrrq122.altervista.org
Guardate la home...

Da me si presenta pressoché con quest'aspetto:


Vorrei ora aggiungere l'immagine /mark.png (già caricata nello spazio, se volete far prove) così come ho modificato lo screenshot su Photoshop:


Ho impostato opacità su 50% e metodo di fusione esclusione.

Come la posiziono l'immagine?
Come imposto il metodo di fusione?
Grazie! Ciao!



Aggiungo:

Che merda Chrome!

provato ad impostare a 0 il padding del div tx e impostare background-image: url('percorso'); ??

Che merda Chrome!

Solo perchè rispetta più di tutti gli standard?

[zerobruno]

[...]

Perfetto, grazie! Proprio ciò che mi serviva.

Ho aggiornato la pagina:
tbgrrq122.altervista.org

Ora vorrei solo che lo spazio di <div class="break centre shadow" /> di colore #8D9CC6 sparisse del tutto.
Sarebbe perfetto, per me! Credo...

ma tu dici la jpg shred.jpg? ti fa quello spazio di un altro colore?
prova ad impostare il width al 100% della foto... non saprei. prova a fare un vertical top alignment della foto
.immagineDaAllineare { vertical-alignment: text-top; }

prova... cia!

[zerobruno]

[...]

.immagineDaAllineare {
    vertical-align: text-top;
}

Intendevi forse vertical-align?
Non cambia comunque nulla.

Aspetto altre risposte, grazie.

si intendevo quello... ok! allora prova (e con questo arrivo alla frutta) se non lo hai fatto
- vertical-align per il div contenitore dell'immagine
- padding a 0 sul top del div contenitore dell'immagine

se non funziona qui troverai una soluzione se esiste e il mio messaggio è servito solamente ad arrivare a 750 messaggi (socialmente utili per la maggioranza)

ciao

[zerobruno]

[...]

Porta rispetto per i grandi!

Guardi, ho aggiornato la pagina:
tbgrrq122.altervista.org?2

Ora, mi dica, distinto, come lo tolgo quel piccolissimo spazietto a piè di pagina colorato #8D9CC6?


Comunque il libro è stato pubblicato il 7 novembre 2006, quindi non prendiamoci in giro










.

Porta rispetto per i grandi!

Guardi, ho aggiornato la pagina:
tbgrrq122.altervista.org?2

Ora, mi dica, distinto, come lo tolgo quel piccolissimo spazietto a piè di pagina colorato #8D9CC6?


Comunque il libro è stato pubblicato il 7 novembre 2006, quindi non prendiamoci in giro
.

Non capisco il "porta rispetto per i grandi" che c'entra?

(senza bisogno di dare del lei.... io sono un pischello dentro :P) come ti dicevo: sono alla frutta non saprei come aiutarti.

da notare che con safari l'immagine shred ha almeno un paio di centimetri di bordo celeste dal div sopra... mentre con chrome è appiccicato al div sopra.. io per esempio che uso safari non ho notato differenze con questo link di adesso e con quello precedente.. con chrome è perfetto invece ma l'ho visto per la prima volta.

per quanto riguarda lo spazietto sotto, solita storia: padding-bottom del div a 0

Oppure, oppure, mi è venuta in mente adesso, puoi fare div con background-image: url background-size: 100% e secondo me risolvi

Argomento libro: sappi che io quello che so sui css l'ho studiato nel 2004/2005 e qualcosa riesco a consigliare... Io penso che, visto che poi sei anche bravo perché a me piace la tua pagina, potresti averne un grande vantaggio a leggere il libro... Io non l'ho letto ma ho visitato spesso il suo sito meyerweb.com

fammi sapere

[zerobruno]

[...]

Davvero ti piace la mia schifezzina?! x)
Consigliami qualcosa, deve venire graficamente perfetto.

Sai come mai tra versione offline e online #scopri si sposta di 100px a sinistra?


Edit:
sto provando il bg-img

a me mi piace ;)

si sposta? tra online e offline? problemi del browser... io direi "sticavoli" :) lascia perdere
usi firefox?

[zerobruno]

[...]

Firefox!

Ora lo spazzietto non c'è più, solo che se ridimensioni appena esce un casino pazzesco

Ecco cosa intendo per casino pazzesco:



Intendo tutto quello spazio tra l'immagine ed il testo direttamente sotto.

puoi ripetere? non ho capito a che cosa ti riferisci... posta l'url perché sul solito c'è un altro sito

[zerobruno]

Cosa intendi per c'è un altro sito?

Ho sistemato da solo. Ora guarda cosa sono riuscito a fare oggi

È bessellissimo -)

Devo sistemare un attimo solo il form e l'header, e magari metterci pure un footer decente.

l'importante è che hai risolto