ho un problema css

18-03-2013, 20.25.11

allora raga andava tutto bene fin quando non ho portato il sito online,
e ho visto l'anteprima
e allora la colonna di destra di è spostata giù. mentre il logo che doveva stare in alto a sinistra è scomparso :D e vai

ora non sto capendo perchè

http://adempius.altervista.org/rocco/index.html

lol vero :DDD

18-03-2013, 20.28.57

Se non linki la pagina oppure il sorgente, come possiamo aiutarti? Se apro il sito del tuo account vedo un sito joomla.

18-03-2013, 21.28.33

Originalmente inviato da australiafever

Se non linki la pagina oppure il sorgente, come possiamo aiutarti? Se apro il sito del tuo account vedo un sito joomla.

messa

18-03-2013, 21.36.08

Io vedo questo sorgente, e ci sono delle mancanze gravi

Codice HTML:

<!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=utf-8" />
<title>Frantoio Rocco</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/template.css" rel="stylesheet" type="text/css" />

<div id="tutto">
<div id="header">
  <div id="logos"></div>
</div>
<ul id="menuorizz">
  <li><a href="#nogo" class="primo">Home</a></li>
<li><a href="#nogo">Azienda</a></li>
<li><a href="#nogo">Riconoscimenti</a></li>
<li><a href="#nogo">Dove Siamo</a></li>
<li><a href="#nogo">Contatti</a></li>
</ul> 
<div id="contenitore">
  <div id="contenitorewritesin">
    <div id="rolloverimg">
  <h3>&nbsp;</h3>
    </div>
    <div id="testohomepage">
      <h4>Gregorio Samsa,   svegliandosi una mattina da sogni agitati, si trovò trasformato</h4>
      <p>nel suo   letto, in un enorme insetto immondo. Riposava sulla schiena, dura come   una corazza, e sollevando un poco il capo vedeva il suo ventre arcuato,   bruno e diviso in tanti segmenti ricurvi, in cima a cui la copertaGregorio   Samsa, svegliandosi una mattina da sogni agitati, si trovò trasformato,   nel suo letto, in un enorme insetto immondo. Riposava sulla schiena,   dura come una corazza, e sollevando un poco il capo vedeva il suo ventre   arcuato, bruno e diviso in tanti segmenti ricurvi, in cima a cui la   copertaGregorio Samsa, svegliandosi una   mattina da sogni agitati, si trovò trasformato, nel suo letto, in un   enorme insetto immondo. Riposava sulla schiena, dura come una corazza, e   sollevando un poco il capo vedeva il suo ventre arcuato, bruno e diviso   in tanti segmenti ricurvi, in cima a cui la coperta <br />
      </p>
      <p>Gregorio   Samsa, svegliandosi una mattina da sogni agitati, si trovò trasformato,   nel suo letto, in un enorme insetto immondo. Riposava sulla schiena,   dura come una corazza, e sollevando un poco il capo vedeva il suo ventre   arcuato, bruno e diviso in tanti segmenti ricurvi, in cima a cui la   copertaGregorio Samsa, svegliandosi una   mattina da sogni agitati, si trovò trasformato, nel suo letto, in un   enorme insetto immondo. Riposava sulla schiena, dura come una corazza, e   sollevando un poco il capo vedeva il suo ventre arcuato, bruno e diviso   in tanti segmenti ricurvi, in cima a cui la copertaGregorio   Samsa, svegliandosi una mattina da sogni agitati, si trovò trasformato,   nel suo letto, in un enorme insetto immondo. Riposava sulla schiena,   dura come una corazza, e sollevando un poco il capo vedeva il suo ventre   arcuato, bruno e diviso in tanti segmenti ricurvi, in cima a cui la   coperta vegliandosi   una mattina da sogni agitati, si trovò trasformato, nel suo letto, in   un enorme insetto immondo. Riposava sulla schiena, dura come una   corazza, e sollevando un poco il capo vedeva il suo ventre arcuato,   bruno e diviso in tanti segmenti ricurvi, in cima a cui la copertaGregorio   Samsa, svegliandosi una mattina da sogni agitati, si trovò trasformato,   nel suo letto, in un enorme insetto immondo. Riposava sulla schiena,   dura come una corazza, e sollevando un poco il capo vedeva il suo ventre   arcuato, bruno e diviso in tanti segmenti ricurvi, in cima a cui la   copertaGregorio Samsa, svegliandosi una   mattina da sogni agitati, si trovò trasformato, nel suo letto, in un   enorme insetto immondo. Riposava sulla schiena, dura come una corazza, e   sollevando un poco il capo vedeva il suo ventre arcuato, bruno e diviso   in tanti segmenti ricurvi, in cima a cui la coperta</p>
  </div>
  
  </div>
  <div id="colonnadestra">
    <div id="locandina">
      <p>&nbsp;</p>
    </div>
  </div>
  <!--contenitoresinistro -->
</div>
</div><!-- tuttodiv -->

manca la chiusura del tag <head>, manca completamente il tag <body> e manca la chiusura del tag <html> quindi penso che il problema non siano i css ma la pagina html.

**karl94** · 18-03-2013, 21.41.07

Per quanto riguarda il logo, hai sbagliato l'indirizzo, correggilo con ../img/logo.png. Le colonne invece non sono l'una accanto all'altra perché hai creato una gran confusione mischiando margini, padding, larghezze espresse in percentuale e in pixel. Inoltre non capisco perché abbia assegnato al body un padding sinistro e destro, in questo modo viene visualizzata la barra di scorrimento orizzontale anche se non c'è niente da scorrere!

18-03-2013, 21.52.21

ho creato il padding per centrare il sito, non riuscivo a centrarlo non so perchè
scusate sto alle prime armi , l'ho studiato fino ad ora però non mi ero mai messo a creare un sito

**karl94** · 18-03-2013, 21.53.57

Se devi centrare un elemnto blocco di larghezza definita il metodo migliore è quello di impostare i margini sinistro e destro su auto.

18-03-2013, 21.54.12

Per centrare il sito basta dare una larghezza con width e poi impostare il margin su auto

es.

Codice:

body {width:1000px;
margin:auto;
}

18-03-2013, 21.55.17

Originalmente inviato da australiafever

Io vedo questo sorgente, e ci sono delle mancanze gravi

Codice HTML:

<!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=utf-8" />
<title>Frantoio Rocco</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/template.css" rel="stylesheet" type="text/css" />

<div id="tutto">
<div id="header">
  <div id="logos"></div>
</div>
<ul id="menuorizz">
  <li><a href="#nogo" class="primo">Home</a></li>
<li><a href="#nogo">Azienda</a></li>
<li><a href="#nogo">Riconoscimenti</a></li>
<li><a href="#nogo">Dove Siamo</a></li>
<li><a href="#nogo">Contatti</a></li>
</ul> 
<div id="contenitore">
  <div id="contenitorewritesin">
    <div id="rolloverimg">
  <h3>&nbsp;</h3>
    </div>
    <div id="testohomepage">
      <h4>Gregorio Samsa,   svegliandosi una mattina da sogni agitati, si trovò trasformato</h4>
      <p>nel suo   letto, in un enorme insetto immondo. Riposava sulla schiena, dura come   una corazza, e sollevando un poco il capo vedeva il suo ventre arcuato,   bruno e diviso in tanti segmenti ricurvi, in cima a cui la copertaGregorio   Samsa, svegliandosi una mattina da sogni agitati, si trovò trasformato,   nel suo letto, in un enorme insetto immondo. Riposava sulla schiena,   dura come una corazza, e sollevando un poco il capo vedeva il suo ventre   arcuato, bruno e diviso in tanti segmenti ricurvi, in cima a cui la   copertaGregorio Samsa, svegliandosi una   mattina da sogni agitati, si trovò trasformato, nel suo letto, in un   enorme insetto immondo. Riposava sulla schiena, dura come una corazza, e   sollevando un poco il capo vedeva il suo ventre arcuato, bruno e diviso   in tanti segmenti ricurvi, in cima a cui la coperta <br />
      </p>
      <p>Gregorio   Samsa, svegliandosi una mattina da sogni agitati, si trovò trasformato,   nel suo letto, in un enorme insetto immondo. Riposava sulla schiena,   dura come una corazza, e sollevando un poco il capo vedeva il suo ventre   arcuato, bruno e diviso in tanti segmenti ricurvi, in cima a cui la   copertaGregorio Samsa, svegliandosi una   mattina da sogni agitati, si trovò trasformato, nel suo letto, in un   enorme insetto immondo. Riposava sulla schiena, dura come una corazza, e   sollevando un poco il capo vedeva il suo ventre arcuato, bruno e diviso   in tanti segmenti ricurvi, in cima a cui la copertaGregorio   Samsa, svegliandosi una mattina da sogni agitati, si trovò trasformato,   nel suo letto, in un enorme insetto immondo. Riposava sulla schiena,   dura come una corazza, e sollevando un poco il capo vedeva il suo ventre   arcuato, bruno e diviso in tanti segmenti ricurvi, in cima a cui la   coperta vegliandosi   una mattina da sogni agitati, si trovò trasformato, nel suo letto, in   un enorme insetto immondo. Riposava sulla schiena, dura come una   corazza, e sollevando un poco il capo vedeva il suo ventre arcuato,   bruno e diviso in tanti segmenti ricurvi, in cima a cui la copertaGregorio   Samsa, svegliandosi una mattina da sogni agitati, si trovò trasformato,   nel suo letto, in un enorme insetto immondo. Riposava sulla schiena,   dura come una corazza, e sollevando un poco il capo vedeva il suo ventre   arcuato, bruno e diviso in tanti segmenti ricurvi, in cima a cui la   copertaGregorio Samsa, svegliandosi una   mattina da sogni agitati, si trovò trasformato, nel suo letto, in un   enorme insetto immondo. Riposava sulla schiena, dura come una corazza, e   sollevando un poco il capo vedeva il suo ventre arcuato, bruno e diviso   in tanti segmenti ricurvi, in cima a cui la coperta</p>
  </div>
  
  </div>
  <div id="colonnadestra">
    <div id="locandina">
      <p>&nbsp;</p>
    </div>
  </div>
  <!--contenitoresinistro -->
</div>
</div><!-- tuttodiv -->

manca la chiusura del tag <head>, manca completamente il tag <body> e manca la chiusura del tag <html> quindi penso che il problema non siano i css ma la pagina html.

assurdo che super errore -.-

18-03-2013, 21.59.33

ok ora devo risolvere il problema con la colonna destra,

18-03-2013, 22.24.30

io ho fatto contenitore
e poi contenitore sinistro e destro
che mi consigliate per renderli paralleli? non capisco se ne scende giù cioè devo ridurre cmq la width della colonna destra per portarlo su e metter e il float right

20-03-2013, 12.50.29

ok risolto, mentre ora devo inserire il footer se qualcuno legge e mi può aiutare, vorrei metterlo distaccato da tutto magari alla base della pagina per provare chiaramente

vorrei inserire il footer al pie di pagina.. il div del footer lo devo cmq inserire tra il tag div di tutto? o lo posso mettere a se?

21-03-2013, 00.43.18

Lascialo dove lo hai messo. Sta benissimo lì.

21-03-2013, 00.44.25

Originalmente inviato da stefanodurso

Lascialo dove lo hai messo. Sta benissimo lì.

siccome sto facendo vari tentativi per imparare il css ora il footer ..la base la vorre distaccare dal pie e lasciare che si vedi l'ombra

21-03-2013, 17.03.12

Se vuoi staccare il footer basta che gli metti un margin-top

21-03-2013, 22.20.46

no, il margin top l'ho provato non funziona, e cmq io vorrei staccare la base del future dalla pagina, ho provato anche con margin bottom non lo so, sto sbagliando qualcosa ma non capsico cosa, sto andando a tentativi

**karl94** · 21-03-2013, 23.35.07

In realtà mi sembra che venga applicato correttamente il margine superiore. Ripeto comunque quanto già scritto in precedenza: il codice è molto confuso, ci sono diverse cose inutili e altre pessime scelte. Ti consiglio di studiare un po' meglio la teoria prima di cercare di risolvere i problemi andando un po' a caso.

Discussione: ho un problema css

LinkBack

Strumenti discussione

Display

ho un problema css

Regole di scrittura