inserimento css

**riccardo1975** · 07-12-2007, 22:33

ho uno script che importa un file css in questo modo:

....
<style type="text/css" media="screen">@import url(stile1);</style>
</head>

Ho esigenza di spostare il file css nella cartella stili/, ho provato a modificarlo con

....
<style type="text/css" media="screen">@import url(stili/stile1);</style>
</head>

ma non funziona, qualcuno sà aiutarmi?

**H5N1_Aviaria** · 08-12-2007, 02:22

Non capisco cosa intendi per script.
Si tratta di un javascript? Di codice HTML.
Ricorda che i percorsi relativi lo sono sempre in funzione del file in cui è contenuto il codice.

**riccardo1975** · 08-12-2007, 23:39

intendo allì'interno di codice html

**riccardo1975** · 08-12-2007, 23:56

Ho questo rigo

<style type="text/css" media="screen">@import url(stile1.css);</style>

nel codice html, nell'<head>, il file stile1.css si trova nella root del sito e tutto funziona.

Se sposto il file nella cartella root/stili/ e modifico in

<style type="text/css" media="screen">@import url(stili/stile1.css);</style>

non funziona!!!

**H5N1_Aviaria** · 09-12-2007, 00:00

Non funziona nulla o funziona solo parzialmente?
Potrei vedere il file CSS?
Ho un sospetto...

**riccardo1975** · 09-12-2007, 00:09

l'ho preso dallo script "moduli di gran stile" qui su html.it

/*##########################################
Name: Default styling for Niceforms v.0.9
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles not really related to the forms*/
* {
margin:0;
padding:0;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
background:#FFF;
}
img {
border:0;
}
#container {
padding:20px;
}

/*Forms defaults*/
input, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
}
label {
color:#999;
cursor

ointer;
padding-left:2px;
line-height:15px;
vertical-align:top;
}
label.chosen {
color:#333;
}

/*Transparent items*/
.transparent {
filter:alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
border:0px solid #FFF;
background:#FFF;
z-index:10;
cursor

ointer;
}
.transparentFake {
background:none;
border:none;
}
.transparent2 {
z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
z-index:5;
position:absolute;
width:15px;
height:15px;
cursor

ointer;
}
.radioAreaUnchecked {
background:url(images/radio/radio.gif) no-repeat left top;
}
.radioAreaChecked {
background:url(images/radio/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
z-index:5;
position:absolute;
width:14px;
height:14px;
cursor

ointer;
}
.checkboxAreaUnchecked {
background:url(images/checkbox/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
background:url(images/checkbox/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
width:236px;
height:15px;
background:url(images/input/input.gif) no-repeat left top;
border:none;
padding:4px 8px;
}
.textinputHovered {
background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
width:336px;
height:125px;
background:url(images/textarea/textarea.gif) no-repeat left top;
border:none;
padding:4px 8px;
}
.textareaHovered {
background-position:left bottom;
}

/*Selects*/
.selectArea {
width:200px;
height:21px;
background:url(images/select/select_bg.gif) repeat-x left top;
}
.selectArea .left {
width:8px;
height:21px;
float:left;
background:url(images/select/select_left.gif) no-repeat left top;
}
.selectArea .right {
width:21px;
height:21px;
float:right;
background:url(images/select/select_right.gif) no-repeat left top;
}
.selectArea .right a {
display:block;
width:21px;
height:21px;
}
.selectArea .right i {
display:none;
}
.selectArea .center {
width:160px;
margin-left:5px;
margin-right:20px;
color:#FFF;
padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
position:absolute;
margin-top:-1px;
margin-left:3px;
width:172px;
background:#6f7074;
padding:2px;
font-size:11px;
z-index:20;
}
.optionsDivInvisible {
display:none;
}
.optionsDivVisible {
display:block;
}
.optionsDivVisible p {
margin:0;
padding:0;
}
.optionsDivVisible a {
color:#F2F2F2;
text-decoration:none;
display:block;
padding:1px 4px;
border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
color:#FFF;
background:#5F6062;
border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
width:69px;
height:26px;
color:#FFF;
font-weight:bold;
padding:2px 5px;
background:url(images/button/button.gif) no-repeat left top;
cursor

ointer;
border:none;
}
.buttonSubmitHovered {
background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
position:absolute;
left:-999px;
width:10px;
height:10px;
}

**H5N1_Aviaria** · 09-12-2007, 00:16

innanzitutto i link alle immagini devono essere modificati da

codice:

.checkboxAreaUnchecked {
background:url(images/checkbox/checkbox.gif) no-repeat left top;
}

a

codice:

.checkboxAreaUnchecked {
background:url(../images/checkbox/checkbox.gif) no-repeat left top;
}

poichè i percorsi rispetto al file sono cambiati.
Prova e fammi sapere.

**riccardo1975** · 09-12-2007, 00:21

ok sei grande, tutto ok era proprio una bischerata

!

**H5N1_Aviaria** · 09-12-2007, 00:58

La parte più bella è capire gli errori degli altri (e anche i propri) intuendoli senza vederli!

E' questo che fa grande l'esperienza!
L'altra parte affascinante è condividerla

Discussione: inserimento css

Strumenti discussione

Ricerca discussione

Visualizza

inserimento css

Permessi di invio