PDA

View Full Version : [HTML] Problema con immagini e tabelle

Fede 88
18-01-2011, 19: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, 22:53
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, 22: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, 01:42
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, 12: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:

<!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, 13: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, 14: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


<style type="text/css">
img, td, table, a {
border: 0;
margin: 0;
padding: 0;
}
</style>
bobbytre
19-01-2011, 15:33
css

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;
}