[CSS] img{} senza uscire dal div

tbgrrq122.altervista.org
Guardate la home...

Da me si presenta pressoché con quest'aspetto:
http://shrph.altervista.org/4/563758178.jpg

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

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

Come la posiziono l'immagine?
Come imposto il metodo di fusione?
Grazie! Ciao! http://spippetta.altervista.org/file/smiley/i/31.gif



Aggiungo:

Che merda Chrome!
http://shrph.altervista.org/6/645964897.png

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

Citazione:

---

Originalmente inviato da zerobruno

Che merda Chrome!

---

Solo perchè rispetta più di tutti gli standard?

Citazione:

---

Originalmente inviato da demenziale

[...]

---

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...http://spippetta.altervista.org/file/smiley/i/58.gif

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!

Citazione:

---

Originalmente inviato da demenziale

[...]

---

Codice:

---

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

---

Intendevi forse vertical-align?
Non cambia comunque nulla.

Aspetto altre risposte, grazie.

http://spippetta.altervista.org/file/smiley/i/42.gif

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

Citazione:

---

Originalmente inviato da demenziale

[...]

---

Porta rispetto per i grandi! http://spippetta.altervista.org/file/smiley/i/2.gif

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 http://spippetta.altervista.org/file/smiley/i/10.gif










.

Citazione:

---

Originalmente inviato da zerobruno

Porta rispetto per i grandi! http://spippetta.altervista.org/file/smiley/i/2.gif

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 http://spippetta.altervista.org/file/smiley/i/10.gif
.

---

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

Citazione:

---

Originalmente inviato da demenziale

[...]

---

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?

Citazione:

---

Originalmente inviato da demenziale

[...]

---

Firefox!

Ora lo spazzietto non c'è più, solo che se ridimensioni appena esce un casino pazzesco http://spippetta.altervista.org/file/smiley/i/1.gif

Ecco cosa intendo per casino pazzesco:

http://shrph.altervista.org/8/295788293.jpg

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

Cosa intendi per c'è un altro sito?

Ho sistemato da solo. Ora guarda cosa sono riuscito a fare oggi http://spippetta.altervista.org/file/smiley/i/28.gif

È bessellissimo -)

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

l'importante è che hai risolto