Visualizzazione risultati 1 fino 26 di 26

Discussione: Come inserisco il css? (era "Sto creando il mio sito ma ...")

  1. 10-03-2008, 23.44.54 #1
    Guest

    Question Come inserisco il css? (era "Sto creando il mio sito ma ...")

    ... ma dopo aver creato con un servizio gratis online il mio layout mi sono ritrovata con un codice CSS. Io ne so poco, e di HTML sto imparando qualcosa: ma per ora il mio livello non è molto alto.
    Il codice che il sito mi ha dato è il seguente:

    Codice:
    body {
	background-color:#DDDDDD;
	margin:auto;
	padding:0;
	text-align:center;
}

#container {
    background:#DDDDDD url(bg.jpg) repeat-y scroll center top;
    width:838px;
    margin:auto;
    padding:0pt;
    text-align:left;
}


#head {
    background:#666666 url(header.jpg) repeat scroll 0px;
    height:255px;
    margin-left:auto;
    margin-right:auto;
    width:838px;
}


#menu {
    color:#DDDDDD;
    padding:0px 15px 10px 30px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    float:left;
    width:150px;
}

#menu ul {
    color:#7D8085;
    text-align:left;    
}


#menu li {
    border-bottom:1px solid #8000a0;
    font-weight:bold;
    font-size:12px;
    height:25px;
    margin:5px 0px;
    padding:0px;
}

#menu li a {
    color:#DDDDDD;
    display:block;
    height:25px;
    padding:5px 0px 0px 10px;
    text-decoration:none;
}


#menu li a:hover {
    background:#8000a0 none repeat scroll 0% ;
    color:#FFFFFF ;
    display:block;
    height:25px;
    text-decoration:none;
}

#menu ul {
	list-style-type:none;
}


#content {
    float:left;
    color:#CCCCCC; 
    margin:auto;
    margin-top:15px;
    width:550px;
}


#content p  {
    margin-bottom:30px;
    padding-bottom:2px;
}


#footer {
    background:#DDDDDD url(footer.jpg) no-repeat scroll 50% top;
    clear:both;
    font-size:90%;
    height:80px;
    padding:10px 0px 0px;
    text-align:center;
}

ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

li {
    color:#CCCCCC;
    margin:0px 0px 2px;
    padding:0px;
}

p {
	color:#CCCCCC;
	font-family:Trebuchet MS ;
	font-size:12px;
    margin:0px 0px 5px;
    padding:0px;
}


div {
	color:#CCCCCC;
	font-family:Trebuchet MS ;
	font-size:12px;
    color:#CCCCCC;
    font-size:12px
}

a {
    color:#8000a0;
    text-decoration:none;
}

a:hover {
    color:#8040C0;
    text-decoration:none;
}

h1 {
    color:#CCCCCC;
    font-size:22px;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:normal;
    margin:0px;
    padding:0px;
}

h1 a {
	color:#FFFFFF;
}

h2 {
    color:#CCCCCC;
    font-size:20px;
    font-weight:bold;
    margin:5px 0px;
    padding:0px 0px 0px 0px;
}

h2 a {
    background:#FFFFFF none repeat scroll 0%;
    color:#000000;
}

h2 a:hover {
    background:#FFFFFF none repeat scroll 0%;
    color:#A90000;
}

fieldset {
	border:1px solid #A90000;
}

    Ora vi chiedo: come faccio a metterlo nella mia pagina? Quando provo ad inserirlo così com'è la pagina mi rimane bianca... Aiuto!
    Ultima modifica di debug : 10-03-2008 alle ore 23.50.26
     
  2. 10-03-2008, 23.51.40 #2
    Guest

    Predefinito

    Hai due modi: o lo metti in un file esterno .css e lo richiami in pagina, oppure lo metti direttamente all'interno della pagina, così:

    <html>
    <head>
    <style type="text/css">
    bla
    bla
    </style>
    </head>
    e qui il resto.


    Ciao!
  3. 10-03-2008, 23.56.24 #3
    L'avatar di LastWings
    LastWings
    LastWings non è connesso AlterGuru
    Data registrazione
    14-10-2006
    Messaggi
    1,628

    Predefinito

    Visto che ha postato il css, e che di solito siti del genere, fanno scaricare un pacchetto di files, ritengo sia a parte, quindi, per includere il codice css, nel tuo sito
    Codice HTML:
    <link rel="stylesheet" type="text/css" media="screen" href="link_css" />
    che inserirai nell' head della pagina web, tuttavia solo con quel codice css, non ci fai nulla, ti serve anche la parte html, e visto che ne sai poco e niente, dovrai metterti di impegno e studiare, altrimenti non serve a niente che io ti abbia dato il tag per includere il css, nel tuo sito.
    In http://forum.it.altervista.org/basi-...-iniziare.html, trovi linkate delle guide.
    Ultima modifica di LastWings : 10-03-2008 alle ore 23.57.47
    Ecchi Paradise - Frammenti Perduti - Semplici Parole - Recensioni ed Opinioni

    Non contattatemi privatamente per ricevere supporto, per queste cose esiste il forum pubblico    .
  4. 11-03-2008, 14.50.11 #4
    Guest

    Predefinito

    Grazie ma io ho gia provato ad inserire nell'head quel codice eppure non mi cambia nulla anzi! Mi cambia a malapena il colore dello sfondo... C'è qualche errore nel codice CSS? C'è qualcuno che mi può postare il codice definitivo please?! Sto diventando matta...
  5. 11-03-2008, 14.55.31 #5
    Guest

    Predefinito

    Postaci una pagina di esempio, così vediamo cosa non va.


    Ciao!
  6. 11-03-2008, 14.56.57 #6
    L'avatar di LastWings
    LastWings
    LastWings non è connesso AlterGuru
    Data registrazione
    14-10-2006
    Messaggi
    1,628

    Predefinito

    Come ho detto prima, se non sai usare il css(non basta inserire quel codice, e stop), è naturale, che non avrai modifiche visuali, ergo, come detto prima, studia il loro utilizzo e funzionamento.

    http://css.html.it/guide/leggi/2/guida-css-di-base/
    Ecchi Paradise - Frammenti Perduti - Semplici Parole - Recensioni ed Opinioni

    Non contattatemi privatamente per ricevere supporto, per queste cose esiste il forum pubblico    .
  7. 11-03-2008, 15.42.14 #7
    Guest

    Predefinito

    Ma io le basi di HTML ce le ho! E anche di CSS (meno dell'HTMl ma insomma)... Semplicemente non so che farmene del codice... Perchè inserendo il codice esattamente dove mi avete detto non sono riuscita a visualizzare la pagina... Ho anche provato a cambiare gli elementi con dei tag <div id="..."> </div> ma ancora niente... Dov'è che sbaglio?
  8. 11-03-2008, 15.46.08 #8
    L'avatar di LastWings
    LastWings
    LastWings non è connesso AlterGuru
    Data registrazione
    14-10-2006
    Messaggi
    1,628

    Predefinito

    In questo caso, come detto da debug, posta il codice.
    Ecchi Paradise - Frammenti Perduti - Semplici Parole - Recensioni ed Opinioni

    Non contattatemi privatamente per ricevere supporto, per queste cose esiste il forum pubblico    .
  9. 11-03-2008, 15.46.13 #9
    Guest

    Predefinito

    Dici di sapere bene html e css, e non sai dove inserire quest'ultimo???
    Mah...

    Cmq sia, posta una pagina di esempio, come già chiesto prima, altrimenti come facciamo ad aiutarti?


    Ciao!
  10. 11-03-2008, 15.47.34 #10
    Guest

    Predefinito

    Citazione Originalmente inviato da debug Visualizza messaggio
    Postaci una pagina di esempio, così vediamo cosa non va.


    Ciao!
    Allora io ho provato a cambiare il codice in questo modo, servendomi di Blocco Note, prima di passare ad AlterVista:

    Codice HTML:
    <html>
<head>
<title> MySpace COMPETITION </title>
<style type="text/css">
</style>
</head>
<body>

<div id="body">
	background-color:#DDDDDD;
	margin:auto;
	padding:0;
	text-align:center;</div>

<div id="container">
    background:#DDDDDD url(bg.jpg) repeat-y scroll center top;
    width:838px;
    margin:auto;
    padding:0pt;
    text-align:left;</div>

<div id="head">
    background:#666666 url(header.jpg) repeat scroll 0px;
    height:255px;
    margin-left:auto;
    margin-right:auto;
    width:838px;</div>

<div id="menu">
    color:#DDDDDD;
    padding:0px 15px 10px 30px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    float:left;
    width:150px;</div>

<div id="menu ul">
    color:#7D8085;
    text-align:left;</div>


<div id="menu li">
    border-bottom:1px solid #8000a0;
    font-weight:bold;
    font-size:12px;
    height:25px;
    margin:5px 0px;
    padding:0px;</div>

<div id="menu li a">
    color:#DDDDDD;
    display:block;
    height:25px;
    padding:5px 0px 0px 10px;
    text-decoration:none;</div>

<div id="menu li a:hover">
    background:#8000a0 none repeat scroll 0% ;
    color:#FFFFFF ;
    display:block;
    height:25px;
    text-decoration:none;</div>

<div id="menu ul">
	list-style-type:none;</div>

<div id="content">
    float:left;
    color:#CCCCCC; 
    margin:auto;
    margin-top:15px;
    width:550px;</div>

<div id="content p"> 
    margin-bottom:30px;
    padding-bottom:2px;</div>

<div id="footer">
    background:#DDDDDD url(footer.jpg) no-repeat scroll 50% top;
    clear:both;
    font-size:90%;
    height:80px;
    padding:10px 0px 0px;
    text-align:center;</div>

<div id"ul">
    list-style-type:none;
    margin:0px;
    padding:0px;</div>

<div id="il">
    color:#CCCCCC;
    margin:0px 0px 2px;
    padding:0px;</div>

<div id="p">
	color:#CCCCCC;
	font-family:Trebuchet MS ;
	font-size:12px;
    margin:0px 0px 5px;
    padding:0px;</div>


<div id="div">
	color:#CCCCCC;
	font-family:Trebuchet MS ;
	font-size:12px;
    color:#CCCCCC;
    font-size:12px</div>

<div id="a">
    color:#8000a0;
    text-decoration:none;</div>

<div id="a:hover">
    color:#8040C0;
    text-decoration:none;</div>

<div id="h1">
    color:#CCCCCC;
    font-size:22px;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:normal;
    margin:0px;
    padding:0px;</div>

<div id="h1 a">
	color:#FFFFFF;</div>

<div id="h2">
    color:#CCCCCC;
    font-size:20px;
    font-weight:bold;
    margin:5px 0px;
    padding:0px 0px 0px 0px;</div>

<div id="h2 a">
    background:#FFFFFF none repeat scroll 0%;
    color:#000000;</div>

<div id="h2 a:hover">
    background:#FFFFFF none repeat scroll 0%;
    color:#A90000;</div>

<div ip="fieldset">
	border:1px solid #A90000;</div>



</body>
</html>
    Dove è che ho sbagliato? Me lo potete correggere?

    [DS] Usa i tag di codice quando ne riporti ampi stralci, si legge meglio... e non esce un post kilometrico
    Ultima modifica di dementialsite : 11-03-2008 alle ore 18.45.00
  11. 11-03-2008, 15.50.07 #11
    L'avatar di LastWings
    LastWings
    LastWings non è connesso AlterGuru
    Data registrazione
    14-10-2006
    Messaggi
    1,628

    Predefinito

    Scusa, ma come ha detto debug, il codice html va nell'head, o come ho detto io, in un file a parte, e li non mi sembra, ne in un file a parte, ne nell'head della pagina.
    Ecchi Paradise - Frammenti Perduti - Semplici Parole - Recensioni ed Opinioni

    Non contattatemi privatamente per ricevere supporto, per queste cose esiste il forum pubblico    .
  12. 11-03-2008, 15.50.11 #12
    Guest

    Predefinito

    Hai sbagliato ad inserire il css nella pagina.
    Rileggi meglio il mio post #2: devi inserire il css tra i tag <style>, non nel body.

    PS: usa i tag appositi quando posti del codice.


    Ciao!
  13. 11-03-2008, 15.56.17 #13
    Guest

    Predefinito

    Quindi corretto dovrebbe venire così?

    Codice HTML:
    <html>
<head>
<title> MySpace COMPETITION </title>
<style type="text/css">

<div id="body">
background-color:#DDDDDD;
margin:auto;
padding:0;
text-align:center;</div>

<div id="container">
background:#DDDDDD url(bg.jpg) repeat-y scroll center top;
width:838px;
margin:auto;
padding:0pt;
text-align:left;</div>

<div id="head">
background:#666666 url(header.jpg) repeat scroll 0px;
height:255px;
margin-left:auto;
margin-right:auto;
width:838px;</div>

<div id="menu">
color:#DDDDDD;
padding:0px 15px 10px 30px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
float:left;
width:150px;</div>

<div id="menu ul">
color:#7D8085;
text-align:left;</div>


<div id="menu li">
border-bottom:1px solid #8000a0;
font-weight:bold;
font-size:12px;
height:25px;
margin:5px 0px;
padding:0px;</div>

<div id="menu li a">
color:#DDDDDD;
display:block;
height:25px;
padding:5px 0px 0px 10px;
text-decoration:none;</div>

<div id="menu li a:hover">
background:#8000a0 none repeat scroll 0% ;
color:#FFFFFF ;
display:block;
height:25px;
text-decoration:none;</div>

<div id="menu ul">
list-style-type:none;</div>

<div id="content">
float:left;
color:#CCCCCC; 
margin:auto;
margin-top:15px;
width:550px;</div>

<div id="content p"> 
margin-bottom:30px;
padding-bottom:2px;</div>

<div id="footer">
background:#DDDDDD url(footer.jpg) no-repeat scroll 50% top;
clear:both;
font-size:90%;
height:80px;
padding:10px 0px 0px;
text-align:center;</div>

<div id"ul">
list-style-type:none;
margin:0px;
padding:0px;</div>

<div id="il">
color:#CCCCCC;
margin:0px 0px 2px;
padding:0px;</div>

<div id="p">
color:#CCCCCC;
font-family:Trebuchet MS ;
font-size:12px;
margin:0px 0px 5px;
padding:0px;</div>


<div id="div">
color:#CCCCCC;
font-family:Trebuchet MS ;
font-size:12px;
color:#CCCCCC;
font-size:12px</div>

<div id="a">
color:#8000a0;
text-decoration:none;</div>

<div id="a:hover">
color:#8040C0;
text-decoration:none;</div>

<div id="h1">
color:#CCCCCC;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:0px;
padding:0px;</div>

<div id="h1 a">
color:#FFFFFF;</div>

<div id="h2">
color:#CCCCCC;
font-size:20px;
font-weight:bold;
margin:5px 0px;
padding:0px 0px 0px 0px;</div>

<div id="h2 a">
background:#FFFFFF none repeat scroll 0%;
color:#000000;</div>

<div id="h2 a:hover">
background:#FFFFFF none repeat scroll 0%;
color:#A90000;</div>

<div ip="fieldset">
border:1px solid #A90000;</div>

</style>
</head>

<body>
</body>

</html>
    Scusate ma ho chiesto anche su Yahoo! Answer e mi hanno fatto una confusione...!!! Quindi è giusto inserire tutto tra i tag <head><style>...</stile></head>? E cambiare il codice che mi hanno dato nel pacchetto con i tag <div id="..."></div> è corretto o mi hanno suggerito sbagliato?
    Ultima modifica di debug : 11-03-2008 alle ore 15.57.59
     
  14. 11-03-2008, 15.58.25 #14
    Guest

    Predefinito

    I div non sono elementi da inserire nel CSS!!
    Ma non avevi detto di sapere l'HTML?
    E il css?


    Ciao!
  15. 11-03-2008, 16.01.53 #15
    Guest

    Predefinito

    Ma che ne so!!! E' uno su answer che mi ha detto di fare così!!! X questo non ci capisco più niente... Quindi basta che nell'head inserisco solo il codice che mi hanno messo nel pacchetto senza apportare modifiche, giusto?
  16. 11-03-2008, 16.03.41 #16
    L'avatar di LastWings
    LastWings
    LastWings non è connesso AlterGuru
    Data registrazione
    14-10-2006
    Messaggi
    1,628

    Predefinito

    Facciamo prima va:
    Codice HTML:
    <html>
<head>
<style type="text/css">
body {
	background-color:#DDDDDD;
	margin:auto;
	padding:0;
	text-align:center;
}

#container {
    background:#DDDDDD url(bg.jpg) repeat-y scroll center top;
    width:838px;
    margin:auto;
    padding:0pt;
    text-align:left;
}


#head {
    background:#666666 url(header.jpg) repeat scroll 0px;
    height:255px;
    margin-left:auto;
    margin-right:auto;
    width:838px;
}


#menu {
    color:#DDDDDD;
    padding:0px 15px 10px 30px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    float:left;
    width:150px;
}

#menu ul {
    color:#7D8085;
    text-align:left;    
}


#menu li {
    border-bottom:1px solid #8000a0;
    font-weight:bold;
    font-size:12px;
    height:25px;
    margin:5px 0px;
    padding:0px;
}

#menu li a {
    color:#DDDDDD;
    display:block;
    height:25px;
    padding:5px 0px 0px 10px;
    text-decoration:none;
}


#menu li a:hover {
    background:#8000a0 none repeat scroll 0% ;
    color:#FFFFFF ;
    display:block;
    height:25px;
    text-decoration:none;
}

#menu ul {
	list-style-type:none;
}


#content {
    float:left;
    color:#CCCCCC; 
    margin:auto;
    margin-top:15px;
    width:550px;
}


#content p  {
    margin-bottom:30px;
    padding-bottom:2px;
}


#footer {
    background:#DDDDDD url(footer.jpg) no-repeat scroll 50% top;
    clear:both;
    font-size:90%;
    height:80px;
    padding:10px 0px 0px;
    text-align:center;
}

ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

li {
    color:#CCCCCC;
    margin:0px 0px 2px;
    padding:0px;
}

p {
	color:#CCCCCC;
	font-family:Trebuchet MS ;
	font-size:12px;
    margin:0px 0px 5px;
    padding:0px;
}


div {
	color:#CCCCCC;
	font-family:Trebuchet MS ;
	font-size:12px;
    color:#CCCCCC;
    font-size:12px
}

a {
    color:#8000a0;
    text-decoration:none;
}

a:hover {
    color:#8040C0;
    text-decoration:none;
}

h1 {
    color:#CCCCCC;
    font-size:22px;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:normal;
    margin:0px;
    padding:0px;
}

h1 a {
	color:#FFFFFF;
}

h2 {
    color:#CCCCCC;
    font-size:20px;
    font-weight:bold;
    margin:5px 0px;
    padding:0px 0px 0px 0px;
}

h2 a {
    background:#FFFFFF none repeat scroll 0%;
    color:#000000;
}

h2 a:hover {
    background:#FFFFFF none repeat scroll 0%;
    color:#A90000;
}

fieldset {
	border:1px solid #A90000;
}
</style>
</head>
<body>
<!--PARTE DI ESEMPIO-->
<div id="content"> CONTENUTO </div>
<!--FINE PARTE DI ESEMPIO-->
</body>
</html>
    Hai detto che hai seguito quel suggerimento, beh io ti dico, qui siamo webmaster, webdesigner, li, boh. Secondo te, chi ha ragione?

    Ribadisco, devi studiare.
    Ecchi Paradise - Frammenti Perduti - Semplici Parole - Recensioni ed Opinioni

    Non contattatemi privatamente per ricevere supporto, per queste cose esiste il forum pubblico    .
  17. 11-03-2008, 16.05.25 #17
    Guest

    Predefinito

    Allora... E speriamo che questa sia la volta buona...

    Codice HTML:
    <html>
<head>
<title> MySpace COMPETITION </title>
<style type="text/css">

body {
	background-color:#DDDDDD;
	margin:auto;
	padding:0;
	text-align:center;
}

#container {
    background:#DDDDDD url(bg.jpg) repeat-y scroll center top;
    width:838px;
    margin:auto;
    padding:0pt;
    text-align:left;
}


</style>
</head>

<body>
</body>

</html>
    Non ho messo tutto il codice ma insomma corretto dovrebbe essere così?
    Ultima modifica di debug : 11-03-2008 alle ore 16.08.42
     
  18. 11-03-2008, 16.08.22 #18
    Guest

    Predefinito

    Non so se hai notato che ti sto dando delle infrazioni perchè non usi il tag che ti ho detto di usare...


    Ciao!
  19. 11-03-2008, 16.10.16 #19
    Guest

    Predefinito

    Citazione Originalmente inviato da debug Visualizza messaggio
    Non so se hai notato che ti sto dando delle infrazioni perchè non usi il tag che ti ho detto di usare...


    Ciao!
    Si ma ho il popup che mi da problemi...
  20. 11-03-2008, 16.11.09 #20
    Guest

    Predefinito

    Di che popup parli??
    Non serve nessun popup per mettere i tag!


    Ciao!
  21. 11-03-2008, 16.15.13 #21
    Guest

    Predefinito

    Mi si apre una finestra che mi avverte che mi mandi messaggi privati, mi chiede de aprirli in un altra finestra e poi mi dice che è impossibile leggerla perchè c'è il blocco popup...
    E' la terza volta che succede...
  22. 11-03-2008, 16.16.33 #22
    Guest

    Predefinito

    Ma cosa c'entrano i messaggi privati con i tag??
    Per leggere i messaggi privati clicka sull'apposito link in alto a destra.


    Ciao!
  23. 11-03-2008, 16.20.26 #23
    Guest

    Predefinito

    Ok...
  24. 12-03-2008, 19.56.49 #24
    Guest

    Predefinito

    A quanto ho capito io debug sta cercando di dirti di usare il tag [code] invece del tag [html]
  25. 12-03-2008, 20.21.07 #25
    Guest

    Predefinito

    Si ho capito cosa intende... Cmq ancora non ci sono riuscita... Mi sa che il codice è sbagliato perchè non mi legge niente... Mi toccherà farmelo a mano...
  26. 12-03-2008, 20.27.51 #26
    L'avatar di LastWings
    LastWings
    LastWings non è connesso AlterGuru
    Data registrazione
    14-10-2006
    Messaggi
    1,628

    Predefinito

    Che significa, che non ti legge nulla?
    Puoi linkarci la pagina che hai fatto, così da poter vedere l'intero codice che hai scritto, ed il risultato, che ottieni?
    Ecchi Paradise - Frammenti Perduti - Semplici Parole - Recensioni ed Opinioni

    Non contattatemi privatamente per ricevere supporto, per queste cose esiste il forum pubblico    .
« Discussione precedente | Prossima discussione »

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •  

Regole del forum