ancore interne [era:il mio primo sito...]

**gab1200** · 29-02-2012, 00:48

Salve e scusate se per caso sono OT, scrivo per la prima volta su questo sito per chiedere un aiuto a chi ne sa di html.

Io sono poco più che un neofita, e un pò di tempo fa mi sono messo in testa di creare il mio sito (sono architetto e fotoamatore).
Utilizzo dreamweaver cs5 per html e css.
Sono arrivato alla definzione del sito, ma ho riscontrato una serie interminabile di problemi da correggere. Alcuni sono trascurabili al momento, altri sono fondamentali.

La pagina si sviluppa su un unico foglio con un menu fisso in alto (tipo finestra windows o mac)Cliccado sul testo la pagina dovrebbe scorrere fino al punto corretto. Tutto ok per firefox e explorer (utilizzando anchor dentro ai div). Ma non va per niente bene in chrome, safari, e opera.

Inoltre mi piacerebbe che il movimento alla sezione cliccata avvenisse in modo "elegante", magari con scorrimento lento, si può fare?

Se poi mi potreste dare un occhio al codice per indicarmi le cazz.... scritte... mi fareste un piacere, lo allego a fine messaggio prima HTML e poi il CSS.

Grazie a chi vorrà aiutarmi, e scusate di nuovo se sono stato OT.

PS: una prima versione del sito è online, ma il file qui allegato è nuovo e completamente diverso dal sito online. [url*]www.hhhstudio.com[/url]

Gabriele

codice:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta name="keywords" content="gabriele moretti, hhh studio, hhhstudio, hhhstudio.com, architettura, architetto, progettazione interni, arredamento, arredatore, archifotografica, graphic design, web design, web development, css, canon, canoniano, canoniani, firenze, italia, mugello, signa, lastra a signa, www, fotografia, photos, grafica, graphic, design, univertsità degli studi di firenze, albo architetti, liceo artistico,  firenze 2, fine arts, webmaster "/>
<title>H H H Homepage</title>
<link href="h-forum.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
<link href="h-forum.css" rel="stylesheet" type="text/css" />
</head>
<LINK REL="shortcut icon" HREF="http://www.hhhstudio.com/favicon.ico">
<body leftmargin="0" marginwidth="0">
<div id="container">
  <div id="container-header-menu_fisso">
    <div id="header"> 
      <h3>home servizi 	architecturephotographicgraphic&amp;designship design about us contacts ?</h3>
    </div>
  </div>
  <div id="central">
    <div class="anchor_cont"><a name="cont" id="cont"></a></div>
    <div class="anchor_about"><a name="about" id="about"></a></div>
    <div class="anchor_ship"><a name="ship" id="ship"></a></div>
    <div class="anchor_graph"><a name="graph" id="graph"></a></div>
    <div class="anchor_photo"><a name="photo" id="photo"></a></div>
    <div class="anchor_arch"><a name="arch" id="arch"></a></div>
    <div class="anchor_serv"><a name="serv" id="serv"></a></div>
    <div id="polig_home">
      <h1></h1>
      <h1 align="left"> LOREM IPSUM</h1>
      <h2 align="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum</h2>
      <h2 align="left">. Pellentesque sit amet est non enim   euismod eleifend in in felis. Aliquam suscipit nibh vitae libero </h2>
      <h2 align="left">luctus   facilisis. Suspendisse ultrices magna tempus lorem cursus lobortis.   Aliquam aliquam turpis in</h2>
      <h2 align="left"> nisi pharetra egestas. Proin bibendum tellus   vel nisi imperdiet adipiscing. Suspendisse non arcu</h2>
      <h2 align="left"> libero, ut varius   sapien. Aliquam erat volutpat. Praesent nisi magna, lacinia id facilisis   ac,</h2>
      <h2 align="left"> fermentum eu libero. Nullam vehicula metus elit. </h2>
      <h2></h2>
      

</p>
    </div>
    <div class="polig_servizi">
      <h2></h2>
      <h1>servizi al cliente</h1>
      <div class="text_serv_3">
        <h3></h3>
        <h3></h3>
        <h3></h3>
        <h3></h3>
        

</p>
        <h3>DESIGN</h3>
        

</p>
        <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum. Pellentesque sit amet est non enim   euismod eleifend in in felis. Aliquam suscipit nibh vitae libero luctus   facilisis. Suspendisse ultrices magna tempus lorem cursus lobortis.   Aliquam aliquam turpis in nisi pharetra egestas. Proin bibendum tellus   vel nisi imperdiet adipiscing. Suspendisse non arcu libero, ut varius   sapien. Aliquam erat volutpat. Praesent nisi magna, lacinia id facilisis   ac, fermentum eu libero. Nullam vehicula metus elit. </h5>
      </div>
      <div class="text_serv_2">
        <h3></h3>
        <h3></h3>
        <h3></h3>
        <h3></h3>
        <h3></h3>
        

</p>
        <h3>FOTOGRAFIA</h3>
        <h5></h5>
        <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum. Pellentesque sit amet est non enim   euismod eleifend in in felis. Aliquam suscipit nibh vitae libero luctus   facilisis. Suspendisse ultrices magna tempus lorem cursus lobortis.   Aliquam aliquam turpis in nisi pharetra egestas. Proin bibendum tellus   vel nisi imperdiet adipiscing. Suspendisse non arcu libero, ut varius   sapien. Aliquam erat volutpat. Praesent nisi magna, lacinia id facilisis   ac, fermentum eu libero. Nullam vehicula metus elit. </h5>
      </div>
      

</p>
      

</p>
      <div class="text_serv_1">
        <h3></h3>
        <h3></h3>
        <h3></h3>
        

</p>
        <h3>EDILIZIA E ENERGIA</h3>
        

</p>
        <h3></h3>
        <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum. Pellentesque sit amet est non enim   euismod eleifend in in felis. Aliquam suscipit nibh vitae libero luctus   facilisis. Suspendisse ultrices magna tempus lorem cursus lobortis.   Aliquam aliquam turpis in nisi pharetra egestas. Proin bibendum tellus   vel nisi imperdiet adipiscing. Suspendisse non arcu libero, ut varius   sapien. Aliquam erat volutpat. Praesent nisi magna, lacinia id facilisis   ac, fermentum eu libero. Nullam vehicula metus elit. </h5>
      </div>
    </div>
    <div class="polig_arch">
      <h2></h2>
      <h1>architecture / 2004-2012 </h1>
      

</p>
      <div class="text_arch">
        <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum. Pellentesque sit amet est non enim   euismod eleifend in in felis. Aliquam suscipit nibh vitae libero luctus   facilisis. Suspendisse ultrices magna tempus lorem cursus lobortis.   Aliquam aliquam turpis in nisi pharetra egestas. Proin bibendum tellus   vel nisi imperdiet adipiscing. Suspendisse non arcu libero, ut varius   sapien. Aliquam erat volutpat. Praesent nisi magna, lacinia id facilisis   ac, fermentum eu libero. Nullam vehicula metus elit. </h5>
      </div>
    </div>
    <div class="polig_photo">
      <h2></h2>
      <h1>photographic / 1995-2012</h1>
      

</p>
      <div class="text_photo">
        <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum. Pellentesque sit amet est non enim   euismod eleifend in in felis. Aliquam suscipit nibh vitae libero luctus   facilisis. Suspendisse ultrices magna tempus lorem cursus lobortis.   Aliquam aliquam turpis in nisi pharetra egestas. Proin bibendum tellus   vel nisi imperdiet adipiscing. Suspendisse non arcu libero, ut varius   sapien. Aliquam erat volutpat. Praesent nisi magna, lacinia id facilisis   ac, fermentum eu libero. Nullam vehicula metus elit. </h5>
      </div>
    </div>
    <div class="polig_graph">
      <h2></h2>
      <h1>graphic&design / 2004-2012</h1>
      

</p>
      <div class="text_graph">
        <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum. Pellentesque sit amet est non enim   euismod eleifend in in felis. Aliquam suscipit nibh vitae libero luctus   facilisis. Suspendisse ultrices magna tempus lorem cursus lobortis.   Aliquam aliquam turpis in nisi pharetra egestas. Proin bibendum tellus   vel nisi imperdiet adipiscing. Suspendisse non arcu libero, ut varius   sapien. Aliquam erat volutpat. Praesent nisi magna, lacinia id facilisis   ac, fermentum eu libero. Nullam vehicula metus elit. </h5>
      </div>
      

</p>
</div>
    <div class="polig_ship">
      <h2></h2>
      <h1>ship design</h1>
      <div class="text_ship">
        <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum. Pellentesque sit amet est non enim   euismod eleifend in in felis. Aliquam suscipit nibh vitae libero luctus   facilisis. Suspendisse ultrices magna tempus lorem cursus lobortis.   Aliquam aliquam turpis in nisi pharetra egestas. Proin bibendum tellus   vel nisi imperdiet adipiscing. Suspendisse non arcu libero, ut varius   sapien. Aliquam erat volutpat. Praesent nisi magna, lacinia id facilisis   ac, fermentum eu libero. Nullam vehicula metus elit. </h5>
        

</p>
      </div>
      

</p>
</div>
    <div class="polig_about">
      <h2></h2>
      <div class="text_about_1">
        

</p>
        <h6></h6>
      </div>
      <div class="text_about_2">
        

</p>
        <h6></h6>
      </div>
      <div class="text_about_3">
        

</p>
        <h6></h6>
      </div>
      

</p>
      <h1>about us</h1>
      

</p>
      

</p>
      

</p>
    </div>
    <div class="polig_contacts">
      <h3>
        <a2 href="#" class="link">

        </a2>
      </h3>
</div>
    <h6></h6>
    <h6>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a   tortor sapien, sed blandit ipsum. Pellentesque sit amet est non enim   euismod eleifend in in felis. </h6>
    <h6></h6>
    <h6></h6>
    <h6></h6>
    

</p>
  </div>

 
  </div>
</body>
</html>

**gab1200** · 29-02-2012, 00:49

scusate, vi allego anche il CSS
Grazie
Gabriele

codice:

  
/*============================================================*/
/*           GLOBAL CSS ELEMENTS  -   
/*============================================================*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}
#container {
	background-repeat: repeat;
	height: 3800px;
	width: 100%;
	background-color: #CCC;
}
#container-header-menu_fisso {
	top: 0px;
	height: 125px;
	width: 100%;
	z-index: 20;
	position: relative;
	clip: rect(0px,auto,auto,auto);
	left: auto;
	right: auto;
	text-indent: 50px;
	overflow: visible;
}
#header {
	width: 960px;
	height: 125px;
	z-index: 30;
	position: fixed;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	right: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #90F;
}
#central {
	background-repeat: repeat;
	height: 3400px;
	width: 100%;
	z-index: 2;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	position: relative;
}
#polig_home {
	background-repeat: no-repeat;
	height: 500px;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 3;
	position: relative;
	top: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	text-indent: 10px;
	overflow: hidden;
	visibility: visible;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #906;
}

.polig_arch {
	background-repeat: repeat-y;
	height: 500px;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 1;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

.polig_photo {
	background-repeat: repeat-y;
	height: 500px;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 1;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	border-top-style: dotted;
	border-bottom-style: dotted;
}
.text_arch {
	height: 500px;
	width: 175px;
	float: right;
	margin-right: 250px;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	right: 0px;
}
.text_serv_1 {
	height: 414px;
	width: 192px;
	float: none;
	top: 51px;
	bottom: 0px;
	padding-top: 0px;
	position: absolute;
	right: 720px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	background-color: #990;
}
.text_about_1 {
	height: 150px;
	width: 192px;
	float: none;
	top: 70px;
	bottom: 0px;
	padding-top: 0px;
	position: absolute;
	right: 720px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}

.text_serv_2 {
	height: 414px;
	width: 192px;
	float: none;
	top: 50px;
	bottom: 0px;
	padding-top: 0px;
	position: absolute;
	right: 482px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	background-color: #996;
}
.text_about_2 {
	height: 150px;
	width: 192px;
	float: none;
	top: 70px;
	bottom: 0px;
	padding-top: 0px;
	position: absolute;
	right: 482px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}

.text_serv_3 {
	height: 414px;
	width: 192px;
	float: none;
	top: 50px;
	bottom: 0px;
	padding-top: 0px;
	position: absolute;
	right: 245px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	background-color: #9C0;
}
.text_about_3 {
	height: 150px;
	width: 192px;
	float: none;
	top: 70px;
	bottom: 0px;
	padding-top: 0px;
	position: absolute;
	right: 245px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}





.text_photo {
	height: 500px;
	width: 175px;
	float: right;
	margin-right: 250px;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	right: 0px;
}
.text_ship {
	height: 500px;
	width: 175px;
	float: right;
	margin-right: 250px;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	right: 0px;
}
.text_graph {
	height: 500px;
	width: 175px;
	float: right;
	margin-right: 250px;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	right: 0px;
}
.polig_servizi {
	background-repeat: repeat-y;
	height: 500px;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 1;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	border-top-style: dotted;
	border-bottom-style: dotted;
	overflow: hidden;
	visibility: visible;
}
.anchor_serv {
	float: left;
	height: 50px;
	width: 50px;
	padding-top: 0px;
	position: absolute;
	top: 375px;
	left: 100px;
	z-index: 1000;
}
.anchor_arch {
	float: left;
	height: 50px;
	width: 50px;
	padding-top: 0px;
	position: absolute;
	top: 876px;
	left: 108px;
	z-index: 1000;
}
.anchor_photo {
	float: left;
	height: 50px;
	width: 50px;
	padding-top: 0px;
	position: absolute;
	top: 1377px;
	left: 108px;
	z-index: 1000;
}
.anchor_graph {
	float: left;
	height: 50px;
	width: 50px;
	padding-top: 0px;
	position: absolute;
	top: 1878px;
	left: 108px;
	z-index: 1000;
}
.anchor_ship {
	float: left;
	height: 50px;
	width: 50px;
	padding-top: 0px;
	position: absolute;
	top: 2379px;
	left: 108px;
	z-index: 1000;
}
.anchor_about {
	float: left;
	height: 50px;
	width: 50px;
	padding-top: 0px;
	position: absolute;
	top: 2880px;
	left: 108px;
	z-index: 1000;
}
.anchor_cont {
	float: left;
	height: 50px;
	width: 50px;
	padding-top: 0px;
	position: absolute;
	top: 3131px;
	left: 108px;
	z-index: 1000;
}








.polig_graph {
	background-repeat: repeat-y;
	height: 500px;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 1;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

.polig_ship {
	background-repeat: repeat-y;
	height: 500px;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 1;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	border-top-style: dotted;
	border-bottom-style: dotted;
}

.polig_about {
	background-repeat: repeat-y;
	height: 250px;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 1;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #999;
}
.polig_contacts {
	background-repeat: repeat-y;
	height: 250px;
	width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 0;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	font-family: "Tw Cen MT";
	overflow: hidden;
	border-top-style: dotted;
}
.polig_contacts-bianco {
	background-image: url(images/index_v001_04.jpg);
	background-repeat: repeat-y;
	height: 250px;
	width: 715px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	z-index: 1;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	left: 0px;
	font-family: "Tw Cen MT", "Tw Cen MT Bold", "Tw Cen MT Bold Italic", "Tw Cen MT Condensed", "Tw Cen MT Condensed Bold", "Tw Cen MT Condensed Extra Bold";
}
/*============================================================*/
/*           TEXT  -   
/*============================================================*/


h1 {
	font-family: "Tw Cen MT";
	color: #666;
	text-align: justify;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 16pt;
	white-space: normal;
	line-height: 22px;
	text-indent: 125px;
	z-index: 5;
}


h2  {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	clip: rect(auto,auto,auto,auto);
	padding-left: 135px;
}
h3 {
	font-family: "Tw Cen MT";
	color: #999;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 9pt;
	line-height: 1pt;
	z-index: 11;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #999999;
	letter-spacing: 1em;
}

h5 {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
h6 {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: center;
}
h7 {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: center;
}


a {
	font-size: 15px;
	color: #D4D4D4;
	font-family: "Tw Cen MT";
	padding-left: 5px;
	margin-left: 10px;
	margin-top: 0px;
	padding-right: 5px;
	line-height: 22px;
}
a2 {
	font-size: 11pt;
	color: #666;
	font-family: "Tw Cen MT";
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-right: 0px;
	z-index: 11;
	line-height: 20px;
}
a2:active {
	text-decoration: none;
	color: #0CF;
}
a2:link {
	text-decoration: none;
}
a2:hover {
	text-decoration: none;
	color: #0CF;
}
a:active {
	text-decoration: none;
	color: #0CF;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #0CF;
}
.link_home_footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #D60836;

}

/*============================================================*/
/*           CSS ELEMENTS  -   /*============================================================*/

#container {
	background-repeat: repeat;
	height: 3500px;
	width: 100%;
	background-image: url(images/sfondo.png);
	z-index: 10;
}

**Vincent.Zeno** · 29-02-2012, 00:58

ciao gab1200 e benvenuto

un paio di regole per continuare

-i titoli delle discussioni devono essere autodescrittivi
-un problema = un post
-il codice va postato all'interno del tag CODE (vedi regolamento) e, se non necessario, non si usano colori
-se non sono necessari alla soluzione dei problemi non si postano link (li interpretiamo come spam)

mentre ti sistemo questi post dai un sbirciatina al regolamento?

EDIT:
fatto, buon lavoro

**gab1200** · 29-02-2012, 01:22

Ciao a te a grazie.
Ho dato un occhio al regolamento, e adesso ci starò più attento.
Grazie mille.

Gab1200

**Vincent.Zeno** · 29-02-2012, 20:05

hai risolto?

ci sono parecchi errori strutturali (detto ad un'architetto la cosa mi preoccupa

)

intanto questo:

codice:

<LINK REL="shortcut icon" HREF="http://www.hhhstudio.com/favicon.ico">

fallo tutto minuscolo e mettilo dentro il tag head

mi faresti un esempio semplice di come creeresti un link ad un'àncora e la relativa àncora?

**gab1200** · 29-02-2012, 21:14

Ciao.... macchè risolti... no, in realtà non sono riuscito a trovare soluzioni.
Intanto ho corretto il codice favicon.

Ti allego il codice del link che uso per gli anchor:

codice:

servizi

mentre l'anchor:

codice:

<div class="anchor_serv"><a id="serv"></a></div>

Ho messo l'anchor dentro un DIV, spero di avere fatto bene...
Il fatto è che in firefox la zona ancorata si psosta perfettamente in testa, mentre con opera, chrome e safari, l'anchor rimane a metà pagina, e quindi non viene come vorrei. Se vuoi ti allego un jpg del sito in versione psueudo ufficiale (i riquadri in verde sono i DIV dove ho inserito gli anchor, e la freccia indica che ho cliccato su architecture ma la sezione arch rimane a mezza pagina - Il menu testuale e la fascia con hhh rimane fissa, il resto del sito scorre dall'alto in basso).
Ah dimenticavo, grazie mille.

Gab

**gab1200** · 29-02-2012, 21:21

ecco la schermata... un pò sgranata.
Gab

**Vincent.Zeno** · 29-02-2012, 21:33

ok il metodo va bene.

ma non capisco quale problema lamenti quando dici "Ma non va per niente bene in chrome, safari, e opera."
a parte qualche problema di formattazione mi pare funzioni tutto

per l'effetto più morbido ti serve un supporto javascript
prova a cercare in rete

**Vincent.Zeno** · 29-02-2012, 21:35

stavo scrivendo prima che tu postassi la foto... che mi confonde di più

più tardi ci riguardo

**gab1200** · 29-02-2012, 22:02

Hai ragione, probabilmente io non ti so spiegare in termini tecnici quello che mi serve.
Ti posto una seconda schermata presa da firefox, in cui evidenzio con la freccia come scorre la pagina, cosa che vorrei succedesse anche in safari, chrome e opera.

Grazie

Gab

Discussione: ancore interne [era:il mio primo sito...]

Strumenti discussione

Ricerca discussione

Visualizza

il mio primo sito...e 1000 problemi

allego anche il css

Permessi di invio