[HTML] Problema con immagini e tabelle

Fede 88 · 18-01-2011, 18:30

Ho una tabella da una colonna e 6 righe, all'interno di ogni della c'è un immagine.

Le 6 immagini compongono un immagine più grande e quindi devono essere visualizzate senza spaziature, però dopo vari tentativi ci sono ancora 3/4 pixel sotto ogni immagine.

la tabella è impostata così: border="0" cellpadding="0" cellspacing="0" e le immagini hanno border: 0;

Come posso togliere la spaziatura che viene visualizzata?

bobbytre · 18-01-2011, 21:53

Quote:

Originariamente inviato da Fede 88

Ho una tabella da una colonna e 6 righe, all'interno di ogni della c'è un immagine.

Le 6 immagini compongono un immagine più grande e quindi devono essere visualizzate senza spaziature, però dopo vari tentativi ci sono ancora 3/4 pixel sotto ogni immagine.

la tabella è impostata così: border="0" cellpadding="0" cellspacing="0" e le immagini hanno border: 0;

Come posso togliere la spaziatura che viene visualizzata?

css

Fede 88 · 18-01-2011, 21:59

Ok css, però non capisco cosa manca, ho tolto tutti i bordi e le spaziature che mi sono venute in mente...

wingman87 · 19-01-2011, 00:42

Quote:

Originariamente inviato da Fede 88

Ok css, però non capisco cosa manca, ho tolto tutti i bordi e le spaziature che mi sono venute in mente...

Devi considerare border, padding e margin. Per maggiori informazioni guarda qui: http://www.w3schools.com/css/css_boxmodel.asp

Fede 88 · 19-01-2011, 11:46

Quei 3, 4 pixel sotto le immagini continuano a restare... non capisco a cosa sono dovuti, non dovrebbero esserci.

Questa è la struttura che ho usato:

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">img { border: 0; }</style>
</head>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<a href="..........">
				<img src=".........." alt=".........." />
			</a>
		</td>
	</tr>
	<tr>
		<td>
			<a href="..........">
				<img src=".........." alt=".........." />
			</a>
		</td>
	</tr>
	<tr>
		<td>
			<a href="..........">
				<img src=".........." alt=".........." />
			</a>
		</td>
	</tr>
</table>
...
...

simone.s · 19-01-2011, 12:59

invece di <style type="text/css">img { border: 0; }</style>

<style type="text/css">
img, td, table, a {
margin: 0;
padding: 0;
}
</style>

dovrebbe andare

Fede 88 · 19-01-2011, 13:38

Ho provato ed in quel modo la situazione peggiora, mentre se aggiungo border: 0; la situazione torna come prima, bordi non ce ne sono però c'è una spaziatura verticale tra le celle

Codice HTML:

<style type="text/css">
img, td, table, a {
border: 0;
margin: 0;
padding: 0;
}
</style>

bobbytre · 19-01-2011, 14:33

css

Codice PHP:


			
html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}



/* remember to define focus styles! */

:focus {

    outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

    text-decoration: none;

}

del {

    text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

    border-collapse: collapse;

    border-spacing: 0;

}

18-01-2011, 18:30	#1
Fede 88 Senior Member Iscritto dal: Aug 2004 Città: Milano Messaggi: 1310	[HTML] Problema con immagini e tabelle Ho una tabella da una colonna e 6 righe, all'interno di ogni della c'è un immagine. Le 6 immagini compongono un immagine più grande e quindi devono essere visualizzate senza spaziature, però dopo vari tentativi ci sono ancora 3/4 pixel sotto ogni immagine. la tabella è impostata così: border="0" cellpadding="0" cellspacing="0" e le immagini hanno border: 0; Come posso togliere la spaziatura che viene visualizzata?

19-01-2011, 12:59	#6
simone.s Junior Member Iscritto dal: Jan 2011 Messaggi: 7	invece di <style type="text/css">img { border: 0; }</style> <style type="text/css"> img, td, table, a { margin: 0; padding: 0; } </style> dovrebbe andare Ultima modifica di simone.s : 19-01-2011 alle 13:01.

19-01-2011, 13:38	#7
Fede 88 Senior Member Iscritto dal: Aug 2004 Città: Milano Messaggi: 1310	Ho provato ed in quel modo la situazione peggiora, mentre se aggiungo border: 0; la situazione torna come prima, bordi non ce ne sono però c'è una spaziatura verticale tra le celle Codice HTML: <style type="text/css"> img, td, table, a { border: 0; margin: 0; padding: 0; } </style>

19-01-2011, 14:33	#8
bobbytre Senior Member Iscritto dal: Feb 2010 Messaggi: 466	css Codice PHP: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! / :focus { outline: 0; } / remember to highlight inserts somehow! / ins { text-decoration: none; } del { text-decoration: line-through; } / tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } __________________ I robot hanno scintillanti fondoschiena metallici che non dovrebbero essere baciati.

18-01-2011, 21:59	#3
Fede 88 Senior Member Iscritto dal: Aug 2004 Città: Milano Messaggi: 1310	Ok css, però non capisco cosa manca, ho tolto tutti i bordi e le spaziature che mi sono venute in mente...

Strumenti
Mostra una versione stampabile Invia questa pagina per email