Dreamweaver e CSS aiuto please

IspiCiosa · 07-01-2007, 15:52

ragazzi ho un problema con dreamweaver...
premetto che non sono bravo e che sto imparando...

allora devo fare tre CSS di un documento xhtml che non posso modificare...1 per schermi normali uno per la stampa e 1 per schermi piccoli...

allora le mie domande sono queste:

1)perchè se visualizzo a 1024x768 vedo in un modo e se metto 1280x1024 un menu mi si sovvrappone ad un altro spostandosi piu in alto di dove dovrebbe essere??
2)ho un file HTC che mi sembra serva per risolvere alcuni bug di internet explore ma come si usa?come lo devo collegare al mio documento?
3)su css di stampa mi si visualizzano 2 pagine quando 1 e completamente vuota e quindi vorrei eliminar come faccio?sempre tramite css...
4)devo fare anche un css per schermi piccoli ma...come faccio a vedere se sto facendo giusto?per esempio per schermi normali posso fare anteprima su browser e vedere come salta fuori ma per schermi piccoli come faccio?

Ragazzi mi serve veramente un aiuto..
è un esercitazione alla zen garden...

un grazie gigantesco a chi mi sa aiutare

IspiCiosa · 08-01-2007, 15:19

Salve ragazzi aggirono la mia situazione dicendo che mi manca solo il punto 1)
praticamente un menu se visualizzato in una risoluzione è giusto se metto una ris. piu ala mi sovvrammonta un altro menu...

poi vorrei sapere come mai explorer non mi fa vedere i menu che si accendono col passagio del mouse e firefox invece si

valse · 08-01-2007, 17:33

Bhe senza vedere il codice è un pò dura... ma a naso sembrerebbe che non hai fissato o reso fluide le dimensioni (width, height) e così alzando la risoluzione fa casini...

IspiCiosa · 08-01-2007, 19:05

Questo è il codice del documento xhtml che non posso modificare:

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>Venetian Garden - Template</title>

<style type="text/css" media="screen">
<!--
@import url("css/screen.css");
-->
</style>
<link href="css/print.css" type="text/css" media="print" rel="stylesheet" />
<link href="css/handheld.css" type="text/css" media="handheld" rel="stylesheet" />

</head>
<body>
<div id="header">
			<div id="div_header_logo"><a href="#"><img src="images/70_180_logo_bw.jpg" alt="Logo ente" /></a></div>
			<div id="div_header-element2"><a href="#"><img src="images/banner_unive.jpg" alt="Banner ente" /></a></div>
			<div id="div_header-element3"><a href="#">Login</a></div>
</div>

<div id="path">
		Dove ti trovi:
		<a href="#">Home</a> &gt; 
		<a href="#">Elemento Livello 1 Gerarchia </a> &gt; 
		Elemento livello 2 Gerarchia</div>

<div id="menu_1">
		<ul class="menulist">
			<li><a href="#">Item 1 </a></li> 
			<li><a href="#">Item 2 </a></li> 
			<li><a href="#">Item 3 </a></li> 
			<li><a href="#">Item 4 </a></li> 
			<li><a href="#">Item 5</a></li> 
		</ul>
</div>

<div id="content"> 
    <h1>Lorem Ipsum </h1>
    <h2>Sit Amet</h2>
    <p><a href="#"><img src="images/image1.jpg" alt="ingresso dipartimento di informatica in via torino" class="img1" /></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
    <h2>Donec  Molestie</h2>
    <p><a href="#"><img src="images/image2.jpg" alt="vera da pozzo" class="img2" /></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec  molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum  condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla  nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis  pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat.  Praesent non odio. Pellentesque a magna a mauris vulputate lacinia.  Aenean viverra. Class aptent taciti sociosqu ad litora torquent per  conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna  eros, semper a, tempor et, rutrum et, tortor. Lorem ipsum dolor sit  amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut  arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
    <img src="images/image2.jpg" alt="vera da pozzo" name="idimg1" class="img3" id="idimg1" />
	<img class="img3" id="idimg2" src="images/image1.jpg" alt="ingresso dipartimento di informatica in via torino" />
	<img class="img3" id="idimg3" src="images/image1.jpg" alt="ingresso dipartimento di informatica in via torino" />
	<img class="img3" id="idimg4" src="images/image2.jpg" alt="vera da pozzo" />
	<img class="img3" id="idimg5" src="images/image1.jpg" alt="ingresso dipartimento di informatica in via torino" />
	<img class="img3" id="idimg6" src="images/image2.jpg" alt="vera da pozzo" />
    <p>&nbsp;</p>
</div>

<div id="menu_2">
	<h2>Ricerca/Rubrica</h2>
	
	<div class="menu_boxint">
	<form action="#" method="get" name="search" id="search">
				  <input name="Text" type="text" />
				  <input value="Vai" type="submit" />
	</form>
	<a href="#"><strong>Ricerca Avanzata</strong></a>	</div>

	<h2>Collegamenti</h2>		
	
	<ul class="menulist">
		<li><a href="#">Item 1 </a></li>
		<li><a href="#">Item 2 </a></li>
		<li><a href="#">Item 3 </a></li>
	</ul>
</div>

<div id="menu_3">
	    <ul class="menulist">
	      <li><a href="#">Item 1 </a></li>
	      <li><a href="#">Item 2 </a></li>
	      <li><a href="#">Item 3 </a></li>
    </ul>
</div>

</body>
</html>

e questo è il codice del CSS:

Codice:

#content {
	width: 73%;
	position: relative;
	left: 26%;
	bottom: 5em;
	
}
#content .img3 {
	height: auto;
	width: auto;
}



#header #div_header-element2 {
	background-color: #9A0000;
	border: 0px;
}
#header #div_header_logo img {
	border: 0px;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
#content h2 {
	clear: both;
}

#path {
	background-color: #9A0000;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


#menu_1 {
	width: 25%;
	height: auto;
	position: relative;
	top: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #9A0000;
}
#path a {
	color: #FFFFFF;
}

#menu_2 .menulist a:hover {
	color: #9A0000;
	background-color: #FFFFFF;
}


#menu_1 .menulist a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu_2 .menulist a {
	color: #FFFFFF;
	display: block;
}
#menu_1 .menulist a:hover {
	color: #9A0000;
	background-color: #FFFFFF;
}


#menu_2 .menu_boxint strong {
	color: #FFFFFF;
}


#menu_2 {
	width: 25%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #9A0000;
	background-image: none;
	text-align: left;
	height: auto;
	bottom: 40em;
	text-indent: 6%;
}
#menu_3 {
	width: 25%;
	height: auto;
	background-color: #9A0000;
	color: #FFFFFF;
	position: relative;
	bottom: 30em;
}
#content .img1 {
	float: left;
	padding-bottom: 1em;
	padding-right: 0.1em;
	border: 0px;
}
#content .img2 {
	float: right;
	padding-left: 1em;
	border: 0px;
}


#menu_3 .menulist a {
	color: #FFFFFF;
	display: block;
}
#menu_3 a:hover {
	color: #9A0000;
	background-color: #FFFFFF;
}
#content #idimg6 {
	display: none;
}

Aiutatemi pleasee!!

non capisco perchè se metto firefox i menu si illuminano e con IE no!!

IspiCiosa · 08-01-2007, 19:07

Se uso Absolute al posto di relative sulla posizione i menu con IE si illuminano ma perchè con relative no?

IspiCiosa · 08-01-2007, 21:28

help!nessuno sa dirmi perchè nn si iluminano quei menu???

07-01-2007, 15:52	#1
IspiCiosa Senior Member Iscritto dal: Dec 2004 Messaggi: 1218	Dreamweaver e CSS aiuto please ragazzi ho un problema con dreamweaver... premetto che non sono bravo e che sto imparando... allora devo fare tre CSS di un documento xhtml che non posso modificare...1 per schermi normali uno per la stampa e 1 per schermi piccoli... allora le mie domande sono queste: 1)perchè se visualizzo a 1024x768 vedo in un modo e se metto 1280x1024 un menu mi si sovvrappone ad un altro spostandosi piu in alto di dove dovrebbe essere?? 2)ho un file HTC che mi sembra serva per risolvere alcuni bug di internet explore ma come si usa?come lo devo collegare al mio documento? 3)su css di stampa mi si visualizzano 2 pagine quando 1 e completamente vuota e quindi vorrei eliminar come faccio?sempre tramite css... 4)devo fare anche un css per schermi piccoli ma...come faccio a vedere se sto facendo giusto?per esempio per schermi normali posso fare anteprima su browser e vedere come salta fuori ma per schermi piccoli come faccio? Ragazzi mi serve veramente un aiuto.. è un esercitazione alla zen garden... un grazie gigantesco a chi mi sa aiutare __________________ Athlon64 3500 (Winchester), Asus A8V-E Deluxe, X700Pro 256MB, Maxtor 200GB Sata,Ali Enermax 400W, Mast. Pionner 109,Lettore dvd LG, Creative 2.1 3200, LG 1980q, Canon Pixma mp500.

08-01-2007, 15:19	#2
IspiCiosa Senior Member Iscritto dal: Dec 2004 Messaggi: 1218	Salve ragazzi aggirono la mia situazione dicendo che mi manca solo il punto 1) praticamente un menu se visualizzato in una risoluzione è giusto se metto una ris. piu ala mi sovvrammonta un altro menu... poi vorrei sapere come mai explorer non mi fa vedere i menu che si accendono col passagio del mouse e firefox invece si __________________ Athlon64 3500 (Winchester), Asus A8V-E Deluxe, X700Pro 256MB, Maxtor 200GB Sata,Ali Enermax 400W, Mast. Pionner 109,Lettore dvd LG, Creative 2.1 3200, LG 1980q, Canon Pixma mp500.

08-01-2007, 17:33	#3
valse Senior Member Iscritto dal: Sep 2001 Città: Lecco Messaggi: 404	Bhe senza vedere il codice è un pò dura... ma a naso sembrerebbe che non hai fissato o reso fluide le dimensioni (width, height) e così alzando la risoluzione fa casini... __________________ Dell XPS 17 Sandy Bridge (L702x) • Kingston 128GB SSDNow V100 • Zalman ZM-NC3000U Cooler • tastiera retroilluminata

08-01-2007, 19:07	#5
IspiCiosa Senior Member Iscritto dal: Dec 2004 Messaggi: 1218	Se uso Absolute al posto di relative sulla posizione i menu con IE si illuminano ma perchè con relative no? __________________ Athlon64 3500 (Winchester), Asus A8V-E Deluxe, X700Pro 256MB, Maxtor 200GB Sata,Ali Enermax 400W, Mast. Pionner 109,Lettore dvd LG, Creative 2.1 3200, LG 1980q, Canon Pixma mp500.

08-01-2007, 21:28	#6
IspiCiosa Senior Member Iscritto dal: Dec 2004 Messaggi: 1218	help!nessuno sa dirmi perchè nn si iluminano quei menu??? __________________ Athlon64 3500 (Winchester), Asus A8V-E Deluxe, X700Pro 256MB, Maxtor 200GB Sata,Ali Enermax 400W, Mast. Pionner 109,Lettore dvd LG, Creative 2.1 3200, LG 1980q, Canon Pixma mp500.

Strumenti
Mostra una versione stampabile Invia questa pagina per email