Spazio tra immagini

**dooopcircus** · 02-03-2004, 01:57

Nel tentativo di ricreare un layout tabellare piuttosto complesso con i css ( se qualcuno si volesse cimentare, tanto per la cronaca , si tratta di RottenTomatoes )mi sono accorto di un problema (per me) insormontabile: pur avendo impostato già per l'intero body margin e padding=0, (ereditato anche quindi dai discendenti), continuano ad essere inseriti spazi tra le immagini che rovinano il menu : per avere un'idea di cosa intendo guardate sul sito originale e immaginate degli spazietti bastardi tra i vari tab dell'intestazione...

**piero06** · 02-03-2004, 08:58

table {
padding:0;
spacing:0;
}

**span** · 02-03-2004, 09:15

per la cronaca, margin e padding non sono ereditari

**piero06** · 02-03-2004, 09:19

Originariamente inviato da span
per la cronaca, margin e padding non sono ereditari

Non sapevo

**dooopcircus** · 02-03-2004, 12:24

Il fatto è che io non voglio usare el tabelle ;comunque mi sono reso conto che è impossibile rendere a parole il problema: provo a riportare il codice:

""<?xml version = "1.0"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text/html;charset = iso-8859-1" />
<title>
ROTTEN TOMATOES: Movie Reviews & Previews
</title>
<style type="text/css">
html, BODY {
margin:0;
padding:0; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif;

}
img {margin:0; padding:0;}
a:link{color:white;}
a:hover{text-decoration:none;}
#header {
font-size:12px;
position:relative
padding=0;
background: #385428 url(images/header_bg.gif);
height:62px;
border-bottom:4px solid #e15417;
}
#link-box {
position:absolute;
top:0px;
left:45%;
}
#tab-box {
position:absolute;
top: 25px;
left:158px;
}
#bottom-box{
position:absolute;
top:0;
left:0;
}
</style>
</head>
<body>
<div id="header">
<div id="link-box">
Register for FREE SITE and special features
[img]images/header_dot.gif[/img]
Log in
[img]images/header_dot.gif[/img]
What is RT?
[img]images/header_dot.gif[/img]
Email This Page
</div>
<div id="tab-box">
[img]images/tab_home_selected.gif[/img]
[img]images/tab_movies.gif[/img]
[img]images/tab_videodvd.gif[/img]
[img]images/tab_games.gif[/img]
[img]images/tab_thevine.gif[/img]
[img]images/tab_forums.gif[/img]
[img]images/tab_shop.gif[/img]
</div>
<div id="bottom-box">
[img]images/header_logo.gif[/img]
[img]images/home_news.gif[/img]
</div>
</div>
</body>
</html>
""

Ovviamente le sequenze
di immagini problematice sono in fondo...

**Francis87** · 02-03-2004, 12:28

Originariamente inviato da piero06
table {
padding: 0;
spacing: 0;
}

dove l'hai visto quello?

**span** · 02-03-2004, 12:32

Originariamente inviato da Francis87
dove l'hai visto quello?

avevo letto margin

**span** · 02-03-2004, 12:37

devi scrivere tutto sulla stessa linea e risolvi:

<div id="tab-box">[img]images/tab_home_selected.gif[/img][img]images/tab_movies.gif[/img][img]images/tab_videodvd.gif[/img][img]images/tab_games.gif[/img][img]images/tab_thevine.gif[/img][img]images/tab_forums.gif[/img][img]images/tab_shop.gif[/img]</div>

ciao

**dooopcircus** · 02-03-2004, 12:53

E' vero!
Mi perdo sempre in cose stupidissime :master: ma se non me l'avessi fatto notare non ci sarei mai arrivato

**span** · 02-03-2004, 12:55

Originariamente inviato da dooopcircus
E' vero!
Mi perdo sempre in cose stupidissime :master: ma se non me l'avessi fatto notare non ci sarei mai arrivato

non è colpa tua, è un bug d'interpretazione, l'ho so perché l'ho letto

Discussione: Spazio tra immagini

Strumenti discussione

Ricerca discussione

Visualizza

Spazio tra immagini

Permessi di invio