HTML.it è il sito italiano del web publishing

[CSS] Posizione semplice



scegli un altro forum
    Indietro   Ricarica   Avanti Invia una risposta

Autore
Discussione     
notexpert
Utente di HTML.it



Registrato il: Jul 2011

Provenienza:

Messaggi: 20


ICQ:

MSN:

Skype:


[CSS] Posizione semplice
Salve, ho un problema con un layout a tre colonne:
http://mathematikoi.altervista.org/...olo-limite.html
La colonna di destra, (div id="extra")
pur avendo , nel css allegato proprietà:

codice:
div#extra{position: absolute; 
top: 240 px; /*l' altezza dell' header*/
left: 780px;
width: 160px; 
width:170px; 
width:160px; 
padding: 0 0 10 % 0;
}


"Collassa" sul testo scritto nell'header e anche cambiando i valori di top, non si ottiene nessun risultato

Inoltre, sempre nel css ho stabilito le proprietà
codice:
div#extra { border-top: medium double blue; }
div#extra { border-right: medium double blue; }
div#extra { border-left: medium double blue; }
div#extra { border-bottom: medium double blue; }


Ora, questo dovrebbe creare un borno lungo tutto il div.. perché non funziona?

Spero che possiate aiutarmi..

Segnala ad un moderatore | IP: Collegato | Permalink

notexpert è offline Old Post 27-05-2012 12:57
Clicca qui per vedere il profilo dell'utente notexpert Clicca qui per inviare all'utente notexpert un messaggio privato Visualizza ulteriori messaggi scritti dall'utente notexpert Aggiungi l'utente notexpert alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
KillerWorm
Utente di HTML.it



Registrato il: Apr 2004

Provenienza: dalla polvere

Messaggi: 1848


ICQ :

MSN : undefined

Skype : null


Ciao,
c'è qualche imprecisione (errore di sintassi) nel css. Non so se il problema da te indicato possa dipendere da tali errori ma dovresti, per prima cosa, correggerli.

Ti posto gli avvisi che mi saltano fuori sulla console degli errori di firefox:
codice:
Avviso: Attesa fine del valore, trovato 'color'.  Errore durante l'interpretazione di 'font-weight'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/...colo/styleA.css
Riga: 110

Avviso: Errore durante l'interpretazione di 'top'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/...colo/styleA.css
Riga: 115

Avviso: Errore durante l'interpretazione di 'top'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/...colo/styleA.css
Riga: 124

Avviso: Attesa fine del valore, trovato '10'.  Errore durante l'interpretazione di 'padding'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/...colo/styleA.css
Riga: 129

Avviso: Errore durante l'interpretazione di 'white-space'.  Dichiarazione tralasciata.
File sorgente: http://mathematikoi.altervista.org/...olo-limite.html
Riga: 7

Avviso: Errore durante l'interpretazione di 'white-space'.  Dichiarazione tralasciata.
File sorgente: http://www.wolframalpha.com/css/widget/base.css
Riga: 123

Avviso: Prevista una dichiarazione, invece è stato rilevato '!'.  Saltato alla dichiarazione successiva.
File sorgente: http://www.wolframalpha.com/css/widget/base.css
Riga: 839


Nell'ordine:

  • Attesa fine del valore, trovato 'color'.
    codice:
    men{font-family: Geneva, arial, serif;
    font-size: 14px;
    font-weight: 700
    color: #778899;
    position: absolute;
    }

    Hai dimenticato il ; (punto e virgola).

  • Errore durante l'interpretazione di 'top'...
    Attesa fine del valore, trovato '10'. Errore durante l'interpretazione di 'padding'.

    codice:
    div#extra{position: absolute; 
    top: 240 px; /*l' altezza dell' header*/
    left: 780px;
    width: 160px; 
    width:170px; 
    width:160px; 
    padding: 0 0 10 % 0;
    }
    

    C'è qualche spazio di troppo. Tutte le unità di misura dovrebbero essere adiacenti al proprio valore numerico, senza che ci siano quindi degli spazi tra l'uno e l'altra, altrimenti i browser non riuscirebbero ad interpretare tali regole.
    http://css.html.it/guide/lezione/26...nita-di-misura/

  • Errore durante l'interpretazione di 'white-space'.
    codice:
    /*-- LARGE --*/
    .WolframAlphaWidgetLarge {
      font-family: verdana, sans-serif;
      font-size: 10px;
      line-height: 12px;
      word-wrap: normal;
      white-space: auto;
     

    Su css/widget/base.css il valore auto non è attribuibile alla proprietà white-space.
    http://www.w3schools.com/cssref/pr_text_white-space.asp

  • Prevista una dichiarazione, invece è stato rilevato '!'. Saltato alla dichiarazione successiva.
    codice:
    table.WolframAlphaWidget .multipleChoice input[type="radio"],
    .WolframAlphaWidgetLarge .wolframAlphaWidgetContent .multipleChoice input[type="radio"]{
        margin: 3px 6px 1px 2px;
        border: 0 none; !important
    }
    

    Sempre su css/widget/base.css la keyword !important deve "far parte" del valore riferito alla proprietà. Dovresti quindi scriverla prima del ; (punto e virgola).
    http://css.html.it/guide/lezione/47...word-important/

Correggi questi errori e verifica quindi se il problema è risolto o persiste.


__________________
Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta.

clsid

Segnala ad un moderatore | IP: Collegato | Permalink

KillerWorm è offline Old Post 27-05-2012 22:46
Clicca qui per vedere il profilo dell'utente KillerWorm Clicca qui per inviare all'utente KillerWorm un messaggio privato Visualizza ulteriori messaggi scritti dall'utente KillerWorm Aggiungi l'utente KillerWorm alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
ac_socmel
Utente di HTML.it



Registrato il: Nov 2010

Provenienza:

Messaggi: 375


ICQ :

MSN :

Skype :


Re: [CSS] Posizione semplice
Citazione:
Originariamente inviato da notexpert
Ora, questo dovrebbe creare un borno lungo tutto il div.. perché non funziona?


perchè anche il paragrafo ivi contenuto è in position:absolute quindi il div è come vuoto
o definisci l'altezza al div o togli la position al paragrafo
se poi impari a non usare tutti queste position sarebbe meglio


__________________
---
non è che falsifico niente di che.. è solo un concorso

Segnala ad un moderatore | IP: Collegato | Permalink

ac_socmel è offline Old Post 28-05-2012 01:29
Clicca qui per vedere il profilo dell'utente ac_socmel Clicca qui per inviare all'utente ac_socmel un messaggio privato Visita l'homepage dell'utente ac_socmel Visualizza ulteriori messaggi scritti dall'utente ac_socmel Aggiungi l'utente ac_socmel alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
Tutte le ore sono con fuso orario CET. Ora sono le 11:26.     

    Ultima discussione   Prossima discussione Invia una risposta
Versione per la stampa | Invia il thread via email | Ricevi aggiornamenti sul thread | Scarica il thread
 

Cerchi un argomento specifico e hai fretta? Usa il motore di ricerca