CSS homepage diversa dalle altre

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][email protected][/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][email protected][/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:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
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
 

nanduz0

Nuovo Utente
10 Ott 2013
9
0
0
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!!!!
 

nanduz0

Nuovo Utente
10 Ott 2013
9
0
0
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
Autore Titolo Forum Risposte Data
B [WIP] HomePage personale Correzione Colonne Css HTML e CSS 0
G Input checkbox in CSS HTML e CSS 0
G classe CSS sovrascritta HTML e CSS 2
G file CSS contenente variabili HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
L problema collegamento file css con html HTML e CSS 1
M CSS "puro" HTML e CSS 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
N [css] :active HTML e CSS 1
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2
T countdown da sistemare con i CSS... HTML e CSS 4
Y Finestra dialogo CSS Modal HTML e CSS 6
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
D How to learn HTML and CSS? HTML e CSS 2
M CSS posizionamento stile HTML e CSS 2
I [HTML/CSS] Consigli sul mio primo sito HTML e CSS 9
V Galleria con CSS e Javascript Javascript 2
C CSS pagina a schermo intero HTML e CSS 3

Discussioni simili