tag id con immagini all'interno!!

**snilzo** · 21-09-2009, 17:00

Salve,
volevo chiedervi un chiarimento!
Dato un determinato "tag id" contenente due immagini diverse, come faccio a posizionare un'immagine sulla destra e una sulla sinistra????

Grazie anticipatamente

**miki003** · 21-09-2009, 19:28

Originariamente inviato da snilzo
Salve,
volevo chiedervi un chiarimento!
Dato un determinato "tag id" contenente due immagini diverse, come faccio a posizionare un'immagine sulla destra e una sulla sinistra????

Grazie anticipatamente

ID non è un tag e neanche un contenitore, pertanto non può contenere nulla, si più preciso con la richiesta, o posta il codice

**snilzo** · 21-09-2009, 22:26

E allora, scusami di nuovo, io devo mettere una pagina che abbia sulla sinistra un determinato logo, e sulla destra un logo flash.
Questi devono essere posti alla stessa altezza!!!!

Ho posto un tag perchè ho visto un esempio che si riavvicina a questa pagina...

aspetto una tua risposta!!

**miki003** · 22-09-2009, 00:23

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>
		<title>Documento senza titolo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">.
div-1 {
	border: none;
	height: 204px;
	position: relative;
	text-align: left;
	width: 981px;
}

.div-1-1 {
	border: none;
	height: 204px;
	left: 0px;
	padding: 0px;
	position: absolute;
	text-align: left;
	top: 0px;
	width: 490px;
}

.div-1-2 {
	border: none;
	height: 204px;
	left: 490px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 491px;
}
</style>
	</head>
	<body>
		<div class="div-1">
			<div align="left" class="div-1-1">[img]logo.jpg[/img] </div>
			<div align="right" class="div-1-2">Qui il cdice
per il logo
in flash </div>
		</div>
	</body>
</html>

**Mich_** · 22-09-2009, 08:56

@miki003
Attenzione che nella tua realizzazione c'e` un errore che potrebbe portare alla errata interpretazione da parte dei browser: se si susano i CSS, gli attributi HTML di formattazione vanno eliminati.
In particolare align="left" (e right) va in contrasto con la formattazione CSS.

Per sistemare due blocchi sulla stessa riga si usano i float.

Quindi:

codice:

HTML:
<div id="header">
  [img]...[/img]
  <object ... >......</object>
</div>

CSS:
#header {
  width: ...;
}
#header:after {
  clear: both;
  ecc - vedi [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float
}
#header img {
  float: left;
  ...
}
#header object {
  float: right;
  ...
}

**snilzo** · 22-09-2009, 11:25

GRAZIE MILLE!!!!

Discussione: tag id con immagini all'interno!!

Strumenti discussione

Ricerca discussione

Visualizza

tag id con immagini all'interno!!

Re: tag id con immagini all'interno!!

Permessi di invio