CSS homepage diversa dalle altre

  • Creatore Discussione Creatore Discussione nanduz0
  • Data di inizio Data di inizio

nanduz0

Nuovo Utente
10 Ott 2013
9
0
0
Buongiorno a tutti ragazzi!
Come nel mio vecchio post, mi scuso anticipatamente per il disturbo e per le domande "banali" ma non mastico molto nè di css nè di html.
Stò realizzando un sito in CSS (una mia conoscenza che per ora non riesco a contattare) mi ha fornito il layout della pagina (i codici insomma).
Ho il seguente problema.
1.jpg
2.jpg

La homepage ha come uno spazio in più bianco (da sopra all'inizio del logo) che non riesco a rimuovere. La pagina chi siamo e servizi sono perfette mentre la homepage scende di un filo. Allego anche i codici, io proprio non ci capisco nulla :(
HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Under The Bridge</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
body,td,th {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14pt;
}
body {
	background-color: #FFFFFF;
}
</style>
<!--[if IE 6]>
<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="wrapper"><!-- end #menu -->
  <div id="welcome" class="container">
    <div class="title">
      <h2><img src="http://forum.mrwebmaster.it/images/logobeppe1.jpg"  alt="" width="579" height="456" usemap="#Map" border="0"/>
        <map name="Map">
          <area shape="rect" coords="33,299,148,436" href="index.html">
          <area shape="rect" coords="235,297,350,434" href="chisiamo.html">
          <area shape="rect" coords="436,295,550,436" href="servizi.html">
        </map>
      </h2>
	  <h2>b&amp;C 
		    Termoidraulica S.n.c.</h2>
        <h1 class="byline"><strong>GIUSEPPE D'AMONE 347/8040497 - claudio lotito 339/3864330<br />
        [email]becTERMOIDRAULICA@LIBERO.IT[/email]<br>
        <br>
        </strong>riparazioni  idrauliche e caldaista <br />
impianti termo-idraulici - montaggio mobili da bagno, box doccia, docce  combinate e vasche idromassaggio - allacciamenti cucina (idrici e gas con relativa certificazione)        <strong><br />
        </strong></h1>
      <div id="welcome2" class="container"></div>
    </div>
  </div>
</div>
<div id="footer-wrapper">
	<div id="footer" class="container">
		<h2>CONNETTITI CON NOI</h2>
		<p>sede legale: via trento, 53 - 21047 saronno (va)<br />
		p. iva. 03337750123</p>
		<ul class="contact">
		  <li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
			<li><a href="#" class="icon icon-facebook"><span></span></a></li>
		</ul>
	</div>
</div>
</body>
</html>

PAGINA CHI SIAMO
HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Under The Bridge</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
body,td,th {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14pt;
}
body {
	background-color: #FFFFFF;
}
</style>
<!--[if IE 6]>
<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="wrapper"><!-- end #menu -->
  <div id="welcome" class="container">
    <div class="title">
      <h2><img src="http://forum.mrwebmaster.it/images/logobeppe1.jpg"  alt="" width="432" height="338" usemap="#Map" border="0"/>
        <map name="Map">
          <area shape="rect" coords="24,221,111,323" href="index.html">
          <area shape="rect" coords="173,220,263,321" href="chisiamo.html">
          <area shape="rect" coords="326,219,412,324" href="servizi.html">
        </map>
      </h2>
	  <h2>chi siamo</h2>
	  <br>
	  siamo una societa' termo-idraulica che da anni opera nel campo delle ristrutturazioni complete,  con un'attenzione particolare all'arredo bagno. <br>
	  l'esperienza accumulata e la passione per questo lavoro ha focalizzato la nostra attenzione non solo sugli impianti termo-idraulici, ma sopratutto sul montaggio di mobili da bagno, box doccia, docce combinate e vasche idromassaggio, dando cosi' molta importanza ai piccoli dettagli differenziandoci dal classico idraulico da cantiere.<br>
	  <br>
	  <img src="http://forum.mrwebmaster.it/images/altAkBbEcUPirddXBA0VKIEj0wPhskMQmWFfgNTlRhV5-Ds_jpg.jpg" width="366" height="487"  alt=""/><br>
	  <br>
	  Il nostro obbiettivo e' quello di lavorare sempre nella massima serieta', di essere sempre disponibili di fronte alle molteplici richieste del cliente e di creare un rapporto di fiducia e di altissima professionalita' con i nostri collaboratori.<br>
	  <br>
	  <strong>GIUSEPPE D'AMONE 347/8040497 - CLAUDIO LOTITO 339/3864330<br>
      [email]BECTERMOIDRAULICA@LIBERO.IT[/email]</strong> <br>
	  <br>
    </div>
  </div>
</div>
<div id="footer-wrapper">
	<div id="footer" class="container">
		<h2>CONNETTITI CON NOI</h2>
		<p>sede legale: via trento, 53 - 21047 saronno (va)<br />
		p. iva. 03337750123</p>
		<ul class="contact">
		  <li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
			<li><a href="#" class="icon icon-facebook"><span></span></a></li>
		</ul>
	</div>
</div>
</body>
</html>


Per favore aiutatemi!!!! :) grazie mille a tutti e buona giornata!!!
 
Ultima modifica di un moderatore:
ciao
l'istruzione/i che richiamano i css sono
HTML:
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />

se vuoi cambiera es. il default.css costruendoti un file css chiamato es pinco.css
vasta che nella pagina in cui vuoi il css pinco tu cambi il nome
HTML:
<link href="pinco.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />

poi quando scrivi del codice racchiudilo tra gli appositi tag, seconda eiga di formattazione del post ultime tre iconcine, nell'ordine CODE, HTML, PHP
 
Scusatemi ma sinceramente non ho capito cosa devo fare:(

L'unico mio problema è che nella prima pagina c'è una sorta di spazio in + rispetto le altre... Ho provato ad eliminarle ma niente. Dunque se cambio il nome del file dovrebbe risolversi tutto?

Grazie ancora e buona serata a tutti!!!!
 
siete stati gentilissimi ma il problema non è ancora risolto :(

Questo è il file default.css

html, body {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
background: #171717;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12pt;
font-weight: 300;
color: #363636;
}


h1, h2, h3 {
margin: 0;
padding: 0;
}

p, ol, ul {
margin-top: 0px;
}

p {
line-height: 190%;
font-size: 16pt;
}

strong {
font-size: 24px;
}

a {
color: #171717;
}

a:hover {
text-decoration: none;
}

a img {
border: none;
}

.image
{
display: inline-block;
}

.image img
{
display: block;
width: 100%;
}

.image-full
{
display: block;
width: 100%;
margin: 0 0 2em 0;
}

.image-left
{
float: left;
margin: 0 2em 2em 0;
}

.image-centered
{
display: block;
margin: 0 0 2em 0;
}

.image-centered img
{
margin: 0 auto;
width: auto;
}

hr {
display: none;
}

ul.style2
{
margin: 0;
padding: 0;
list-style: none;
}

ul.style2 li
{
border-top: solid 1px #E5E5E5;
padding: 0.80em 0;
}

ul.style2 li:first-child
{
border-top: 0;
padding-top: 0;
}

/*********************************************************************************/
/* Social Icon Styles */
/*********************************************************************************/

ul.contact
{
margin: 0;
padding: 3em 0em 0em 0em;
list-style: none;
}

ul.contact li
{
display: inline-block;
padding: 0em 0.30em;
font-size: 1.2em;
}

ul.contact li span
{
display: none;
margin: 0;
padding: 0;
}

ul.contact li a
{
color: #FFF;
}

ul.contact li a:before
{
display: inline-block;
background: #3f3f3f;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
color: #FFFFFF;
}

ul.contact li a.icon-twitter:before { background: #2DAAE4; }
ul.contact li a.icon-facebook:before { background: #39599F; }
ul.contact li a.icon-dribbble:before { background: #C4376B; }
ul.contact li a.icon-tumblr:before { background: #31516A; }
ul.contact li a.icon-rss:before { background: #F2600B; }


/*********************************************************************************/
/* Heading Titles */
/*********************************************************************************/

.title
{
margin-bottom: 2em;
text-transform: uppercase;
text-align: center;
}

.title h2
{
letter-spacing: 0.20em;
font-weight: 700;
font-size: 2em;
color: #171717;
}

.title .byline
{
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 400;
font-size: 0.90em;
color: #6F6F6F;
}

/** WRAPPER */

#wrapper {
background: #FFFFFF url(images/bg01.png) repeat;
}

#footer-wrapper
{
background: #0F0F0F;
}

.container {
width: 1200px;
margin: 0px auto;
}

.clearfix {
clear: both;
}


/*********************************************************************************/
/* Header */
/*********************************************************************************/

#header
{
position: relative;
overflow: hidden;
height: 505px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

/*********************************************************************************/
/* Logo */
/*********************************************************************************/

#logo
{
position: absolute;
top: 14em;
right: 5px;
padding: 1em 3em;
background: rgba(0,0,0,0.2);
text-transform: uppercase;
text-shadow: -1px -1px 0 rgba(0,0,0,1);
z-index: 10;
}

#logo h1
{
letter-spacing: 0.10em;
text-align: right;
font-size: 3em;
}

#logo p
{
letter-spacing: 0.10em;
color: #FFFFFF;
}

#logo a
{
text-decoration: none;
color: #FFFFFF;
}

/*********************************************************************************/
/* Banner */
/*********************************************************************************/

#banner
{
position: absolute;
left: 0;
overflow: hidden;
z-index: 1;
}

#banner .image
{
border: 5px solid #FFFFFF;
}


/** MENU */

#menu {
overflow: hidden;
margin-bottom: 2em;
background: #FFF;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
height: 100px;
}

#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
text-align: center;
}

#menu li {
display: inline-block;
}

#menu a {
display: block;
letter-spacing: 1px;
line-height: 100px;
padding: 0 40px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-size: 0.80em;
font-weight: 600;
border: none;
color: #3D3D3D;
}

#menu a:hover, #menu .current_page_item a {
text-decoration: none;
background: #F5F5F5;
}

#menu .current_page_item a {
background: #F5F5F5;
}

/** PAGE */

#page
{
position: relative;
overflow: hidden;
padding: 6em 0em 5em 0em;
}

/** CONTENT */

#content
{
float: left;
width: 790px;
}

/*********************************************************************************/
/* Sidebar */
/*********************************************************************************/

#sidebar
{
float: right;
width: 345px;
}

#sidebar .title h2
{
font-size: 1.6em;
}

#sidebar .box1
{
margin-bottom: 3em;
}

/*********************************************************************************/
/* Footer */
/*********************************************************************************/

#footer
{
overflow: hidden;
padding: 5em 0em;
text-align: center;
text-transform: uppercase;
color: #6F6F6F;
}

#footer h2
{
letter-spacing: 0.20em;
font-weight: 700;
font-size: 4em;
color: #FFF;
}

#footer .byline
{
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 400;
font-size: 0.90em;
color: #6F6F6F;
}

/*********************************************************************************/
/* Copyright */
/*********************************************************************************/

#copyright
{
overflow: hidden;
padding: 5em 0em;
}

#copyright p
{
letter-spacing: 0.20em;
text-align: center;
text-transform: uppercase;
font-size: 0.80em;
color: #6F6F6F;
}

#copyright a
{
text-decoration: none;
color: #8C8C8C;
}

/*********************************************************************************/
/* Welcome */
/*********************************************************************************/

#welcome
{
overflow: hidden;
border-bottom: 1px solid #E5E5E5;
text-align: center;
padding-bottom: 5em;
padding-left: 0em;
padding-right: 0em;
padding-top: 5em;
}

#welcome h2
{
letter-spacing: 0.20em;
text-transform: uppercase;
font-size: 2.6em;
text-align: center;
font-family: "Source Sans Pro", sans-serif;
}

#welcome p
{
font-size: 1.3em;
text-align: center;
}

#welcome .byline
{
display: block;
padding: 0em 0em 1.5em 0em;
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 400;
font-size: 1.2em;
color: #6F6F6F;
text-align: center;
}

scusate ancora il disturbo
 

Discussioni simili

M
Risposte
0
Visite
1K
HTML e CSS
Membro cancellato 49667
M