Link relativo

[sportfantasy]

Salve a tutti...

ho un piccolo problemino che vi spiego con un esempio:

ho un mucchio di pagine jsp organizzate ad albero in questo modo:

pag1.jsp
dir1/pag2.jsp
dir1/dir2/pag3.jsp
dir1/dir2/dir3/pag4.jsp

e ho il foglio di stile nella dir css

css/miostile.css

nel foglio di stile ci sono dei link alle immagini ad esempio:

background: url(images/top_sx.gif) no-repeat left top;

tutte le pagine richimano lo stesso css ma solo alcune vedono giustamente l'immagine.

Sapreste darmi una soluzione? Ho bisogno di unico css richiamabile da tutte le pagine jsp.

Help me please

Grazie a tutti


Luca

[fcaldera]

l'inclusione del file css dovrà avvenire a partire dalla root

<link href="/css/tuostile.css" ...>

così da essere richiamato a qualsiasi livello si trovino le tue pagine


i link dei background, interni al css, possono essere anche relativi rispetto alla cartella dei css

[pan]

io ho un problema simile... credo
ho agganciato il css ad una sola pagina php centralizzata in questo modo:

<link rel="stylesheet" href="/parts/templates/stylesheet/default.css" media="screen,projection" type="text/css" />

purtroppo però, con MSIE7 se da una delle pagine torno indietro con la freccia del browser la pagina mi viene scombinata. sparisce lo sfondo e la formattazione del testo. la validazione CSS della pagina non dà alcun errore. che posso fare?

grazie

[sportfantasy]

Originariamente inviato da fcaldera
l'inclusione del file css dovrà avvenire a partire dalla root

<link href="/css/tuostile.css" ...>

così da essere richiamato a qualsiasi livello si trovino le tue pagine


i link dei background, interni al css, possono essere anche relativi rispetto alla cartella dei css

Ho fatto come hai detto ma non funge! Qualche consiglio?

[fcaldera]

1) dove si trova la cartella images?
2) come richiami i file di background nel tuo css?

[sportfantasy]

sbagliavo io, scusami

[pan]

Originariamente inviato da pan
io ho un problema simile... credo
ho agganciato il css ad una sola pagina php centralizzata in questo modo:

<link rel="stylesheet" href="/parts/templates/stylesheet/default.css" media="screen,projection" type="text/css" />

purtroppo però, con MSIE7 se da una delle pagine torno indietro con la freccia del browser la pagina mi viene scombinata. sparisce lo sfondo e la formattazione del testo. la validazione CSS della pagina non dà alcun errore. che posso fare?

grazie

questo è il mio CSS

* {
padding: 0;
margin: 0;
}

BODY {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 0px;
color: White;
background: url(../images/Violoncello-207X598.gif) no-repeat;
background-color: #212a3b;
}

A:LINK {
color: White;
}

A:VISITED {
color: White;
}

A:HOVER {
color: White;
}

#globale {
width: 760px;
margin:0 auto;
margin-top: 15px;
border: 0px solid black;
}

#intestazione {
display: inline;
float: left;
border: 0px solid #ccc;
margin: 0px 0px 0px 0px;
width: 760px;
height: 115px;
padding: 0px;
background-color: #F9FAEC;
}

#barra_su1 {
display: inline;
float: left;
margin: 0px 0px 0px 0px;
width: 760px;
height: 30px;
padding: 0px;
background-color: #F9FAEC;

}

#barra_su2 {
margin: 0px 0px 0px 0px;
display: inline;
width: 760px;
float: left;
height:auto;
padding: 0px;
height: 29px;
}

#corpo {
margin: 0px 0px 0px 0px;
display: inline;
padding: 0px;
width: 760px;
float: left;
min-height: 328px;
background-color:#E2E3CC;
}
* html #corpo {height:328px}

#barra_giu {
margin: 0px 0px 0px 0px;
display: inline;
padding: 0px;
width: 760px;
float: left;
height: 48px;
background-color:#F9FAEC;
}

#firma {
display: inline;
float: left;
border: 0px solid #ccc;
margin: 0px 0px 0px 0px;
width: 180px;
height: 25px;
padding: 0px;
background-color: #F9FAEC;
}

h1 {
font-size: 24px;
color: white;
font-weight:bold;
text-align:justify;
margin-bottom: 20px;
border-bottom: 2px solid #CCCCFF;
}

h2 {
font-size: 24px;
color: white;
font-weight:bold;
text-align:justify;
margin-bottom: 5px;
border-bottom: 2px solid #CCCCFF;
}

h5 {
font-size: 24px;
color: white;
text-align:justify;
margin-bottom: 5px;
border-bottom: 2px solid #CCCCFF;
border-bottom-width: thin;
font-weight:normal;
}

h3 {
font-size: 20px;
color: #C86837;
font-weight:normal;
}

h4 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #C86837;
font-weight: bold;
}


br {
white-space:normal;
}

img#sinistra {
float: left;
margin: 4px 4px 0px 0px;
width:auto;
height:auto;
}

img#destra {
float: right;
margin: 0px 0px 0px 18px;
width:auto;
height:auto;
}

input {
border:1px solid #CCC5B6;
background-color:#EEEEEE;
color:#294074;
}

textarea {
border:1px solid #CCCCCC;
background-color:#EEEEEE;
color:#294074;
width:326px;
height:80px;
}

.intro {
font-family: Helvetica,Arial,sans-serif;
}

.intro A:LINK {
text-decoration:none;
color:#Ef8A18;
}

.intro A:VISITED {
text-decoration:none;
color:#Ef8A18;
}

.intro A:HOVER {
text-decoration:none;
color:#FFFFFF;
}


.introVerso {
font-family: Helvetica,Arial,sans-serif;
}

.introVerso A:LINK {
text-decoration:none;
color:#FFFFFF;
}

.introVerso A:VISITED {
text-decoration:none;
color:#FFFFFF;
}

.introVerso A:HOVER {
text-decoration:none;
color:#Ef8A18;
}

.cella {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
padding: 20px;
vertical-align: top;
width: 100%;
}

.contacttable {
width: 300px;
}

.menu {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
vertical-align: top;
width: 100px;
}

.menu table {
border: 0px;

}

.menu th {
background-image: url(../images/menuBackground.gif);
vertical-align: top;
height: 21px;
}

.menu td {
background-image: url(../images/menuBackground.gif);
padding-top: 3px;
vertical-align: top;
height: 21px;
}

.menu A:LINK {
text-decoration: none;
Color: Black;
}

.menu A:VISITED {
text-decoration: none;
Color: Black;
}

.menu A:HOVER {
text-decoration: none;
Color: White;
}


.photo {
width: 130px;
border: 1px solid #c0c1ae;
padding: 4px 4px 4px 4px;
}

.folderImage {
width: 200px;
height: 150px;
border: 0px;
}

.folderblock {
float: left;
padding: 25px;
width: 200px;
height: 100px;
}

.photoblock {
text-align: center;
float: left;
padding: 5px;
width: 140px;
}

.invisible {
float: none;
}

.folderCell {
padding: 0px 0px 20px 5px;
text-align: center;
}

[pan]

ho risolto mettendo lo style direttamente sul tag body.
grazie lo stesso