xhtml e css

**Chris kolle** · 08-07-2004, 13:52

ciao a tutti.

ho un problema relativo al posizionamento css su una pagina xhtml.

ho fatto l'intestazione del sito con dei div,il posizionamento degli oggetti in flash.
il problema e' che mi si crea uno spazio sotto ai tag che mi tiene distaccata la pagina quando vado a includere la parte centrale.

VVoVe:
vi posto il codice xhtml e poi il css.
se qualcuno mi sa dare una dritta...

sarei molto felice...

chris

XHTML

codice:

<!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>Millemultimedia web agency</title>
<link href="css/style_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="983" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="350">[img]images/logo.jpg[/img]</th>
    <th width="100%" class="tablogo"></th>
  </tr>
</table>
<cfset Oggi = Now()>
<div class="sup" id="barra"><cfoutput>#LSDateFormat(Oggi, 'dddd, d mmmm yyyy')#</cfoutput></div>
<div class="flash" id="flash">
  <table width="100" border="0" align="right" cellpadding="0" cellspacing="0">
    <tr>
      <th><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="502" height="166">
          <param name="movie" value="load_random_images.swf" />
          <param name="quality" value="high" />
          <embed src="load_random_images.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="502" height="166"></embed>
      </object></th>
    </tr>
  </table>
</div>
<div class="menu" id="tab">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="475" height="50">
    <param name="movie" value="menu.swf" />
    <param name=quality value=high />
    <param name="SCALE" value="exactfit" />
    <embed src="menu.swf" width="475" height="50" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit"></embed>
  </object>
</div>
</body>
</html>

CSS

codice:

 
/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #929FA5;
	background-image: url(images/bg_grad.jpg);
}
a {
	font-size: 12px;
	color: #009999;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #009999;
}
a:hover {
	text-decoration: none;
	color: #00CCCC;
}
a:active {
	text-decoration: none;
	color: #009999;
}
.sup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	background-color: #7594A6;
	height: 14px;
	width: 983px;
	position: relative;
	left: auto;
	top: 5px;
	right: auto;
	bottom: auto;
	background-position: 75px;
	padding: 0px;
	border: 0px solid #CCCCCC;
	text-align: right;
}
.tablogo {
	background-image: url(../images/ritaglio_logo.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #000000;
}
.flash {
	text-align: center;
	height: 166px;
	width: 502px;
	top: 12px;
	right: auto;
	bottom: auto;
	padding: 1px;
	margin: 1px;
	left: 479px;
	position: relative;
	border: #FF6600;
}
.menu {
	height: 166px;
	width: 476px;
	position: relative;
	top: -156px;
	left: 0px;
	border: 0px solid #CCCCCC;
	background-color: #CCCCCC;
}
.contenuto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-color: #CCCCCC;
	text-align: left;
	position: relative;
	top: 65px;
	left: 0px;
	width: 474px;
	height: 100px;
	border: 1px solid #FF6633;
}
.loghi {
	background-color: #FFFFFF;
	height: 60px;
	width: 472px;
	position: relative;
	top: -217px;
	left: 2px;
}
.piede {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-color: #7594A6;
	text-align: right;
	position: relative;
	height: 14px;
	width: 983px;
	left: 0px;
	top: 0px;
}

PS: Homodificato il post sperando in una maggiore leggibilità!

dotty78

**floyd46** · 08-07-2004, 14:13

potresti postare l'indirizzo della pagina web in cui hai il problema? analizzare tutto il codice, capisci bene, è 1 pò difficile.

ciao

**Chris kolle** · 08-07-2004, 14:24

scusatemi se vedete cose strane e' che la pagina e' in coldfusion ho cambiato l'estensione per renderla visibile in un altro server...
grazie

www.chriskolle.com

**dotty78** · 08-07-2004, 14:25

Originariamente inviato da Chris kolle
scusatemi se vedete cose strane e' che la pagina e' in coldfusion ho cambiato l'estensione per renderla visibile in un altro server...
grazie

www.chriskolle.com

la prox volta che posti del codice... utilizza il tasto "CODE"!

**Chris kolle** · 08-07-2004, 14:28

ok capo !!!1

**Chris kolle** · 08-07-2004, 17:05

nn c'e nessuno che mi puo' aiutare???

almeno sapere ,che qua' non ci riesco proprio...

**carp** · 08-07-2004, 19:13

non si capisce bene di che spazio parli!!
potresti indicarlo nel codice?

**Chris kolle** · 08-07-2004, 21:03

tutto ok problema risolto.

ciauzz

Discussione: xhtml e css

Strumenti discussione

Ricerca discussione

Visualizza

xhtml e css

Re: xhtml e css

Permessi di invio