DCTYPE

mercoledì 30 luglio 2008 - 11.46

memmo77 Profilo | Expert

Mi succede una cosa davvero strana. Se uso questo doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

La pagina non mi prende il css al quale è collegata. Qui di seguito metto il codice html e il css. Sapreste dirmi perchè? Grazie mille

Codice html:
Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra


</form>
</body>
</html>


Codice css:
Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

0v3rCl0ck Profilo | Guru

Ciao,

Prova a mettere questo:

<link href="css/style_print.css" rel="stylesheet" type="text/css" />

La barra in fondo di chiusura del TAG non è trascurabile nel' 1.1 STRICT.


Enjoy It
- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Azz non me ne ero accorto, ma non mi ha risolto il problema

0v3rCl0ck Profilo | Guru

Ho fatto una prova, e a me funziona.

Ti ho allegato il mio test, fatto partendo dal tuo codice.

Se non riesci ancora a saltarci fuori, prova a postare il codice html che visualizza il broswer (visualizza sorgente) e non il codice aspx.


Ciao
- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Niente, sto usando ie7 non so se sia per quello. ti metto l'html che produce la pagina:



Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra




Allora, il colore rosso me lo prende, ma non prende l'immagine di sfondo

0v3rCl0ck Profilo | Guru

Non me ne ero accorto, è sbagliata la sintassi nel foglio di stile:

background-image="url(../immagini/sfondo_pagine.jpg)"

deve essere

background-image: url(../immagini/sfondo_pagine.jpg);


Ciao
- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Ok e quello funziona . Ora, ho un menù caricato in un placeholder con questo codice. Sul div c'è un'immagine di sfondo che non viene caricata, ecco il codice:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

Ma devo togliere tutte le "" perchè ho problemi simili su una griglia per la formattazione.

Tipo questa:

.gx_menuheader_alLeft {
BORDER-RIGHT: #3a6081 1px solid; BORDER-TOP: #f1f5fa 1px solid; DISPLAY: block; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(arrow_orange.gif) #21687e no-repeat left center; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #3a6081 1px solid; FONT-FAMILY: verdana,arial,helvetica,sans-serif; TEXT-ALIGN: left
}

è scritto male?

Sei stato gentilissimo. Grazie

0v3rCl0ck Profilo | Guru

>Ok e quello funziona . Ora, ho un menù caricato in un placeholder
>con questo codice. Sul div c'è un'immagine di sfondo che non
>viene caricata, ecco il codice:
>
>Ma devo togliere tutte le "" perchè ho problemi simili su una
>griglia per la formattazione.

Si devi stare molto attento a tutta la sintassi del CSS, perchè il doc-type specificato è STRICT e quindi non ammette nessun tipo di errore di sintassi.

>
>Tipo questa:
>
>.gx_menuheader_alLeft {
> BORDER-RIGHT: #3a6081 1px solid; BORDER-TOP: #f1f5fa 1px solid;
>DISPLAY: block; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE:
>12px; BACKGROUND: url(arrow_orange.gif) #21687e no-repeat left
>center; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM:
>#3a6081 1px solid; FONT-FAMILY: verdana,arial,helvetica,sans-serif;
>TEXT-ALIGN: left
>}
>
>è scritto male?

Si è scritta male, attento ai punti e virgola:

.gx_menuheader_alLeft {
BORDER-RIGHT: #3a6081 1px solid;
BORDER-TOP: #f1f5fa 1px solid;
DISPLAY: block;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;

BACKGROUND: url(arrow_orange.gif) #21687e no-repeat left center; <---- Controllo che si possa fare così, non ne sono sicuro!

PADDING-BOTTOM: 3px;

COLOR: #fff; <---- Questo è incompleto, forse volevi dire: #ffffff

PADDING-TOP: 3px;
BORDER-BOTTOM: #3a6081 1px solid;
FONT-FAMILY: verdana,arial,helvetica,sans-serif;

TEXT-ALIGN: left <--- Manca il punto e virgola
}

>
>Sei stato gentilissimo. Grazie

Prego

- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

OK e senti per il menù che ti ho postato? Il codice formattato nel prec messaggio, quello non si rifà al css ma ad uno style suo interno

0v3rCl0ck Profilo | Guru

>OK e senti per il menù che ti ho postato? Il codice formattato
>nel prec messaggio, quello non si rifà al css ma ad uno style
>suo interno

Suo interno di chi?


- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Cioè gli style sono nella pagina

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

0v3rCl0ck Profilo | Guru

La sintassi di quello style sembra essere giusto che problemi ti da?


- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Mi succede una cosa strana se uno:
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background-color: #d3e4a6;
background-image: url(immagini/sfondo_pulsanti.jpg);">

non mi fa vedere un'immagine chiamola "blu", se uso:

<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background-color: #d3e4a6;
background-image: url(../immagini/sfondo_pulsanti.jpg);">

Mi fa vedere una immagine verde che ho sostituito con la blu con lo stesso nome, non so se mi spiego

0v3rCl0ck Profilo | Guru

Per il path, tieni a mente che devono essere scritti sembra in base a dove è posizionato il file css. Se lo style è nella pagina, devi riferirti a partire dalla pagina, quindi il path cambia.

Se vedi un immagine diversa a quella che hai nella cartella perchè hai sostituito il file dopo avere già eseguito la pagina su un explorer, fai attenzione perchè potresti vedere l'immagine nella cache.

Per aggiornare la pagina cancellando la cache, premi contemporaneamente: CTRL + F5


- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Ti sto accorando ma è strano, allora, ho fatto questa parte nel css:

.menu_style{
position: relative;
z-index: 1;
left: 0px;
top: 0px;
width: 100%;
height: 1px;
background-color: #d3e4a6;
background-image: url(../immagini/sfondo_pulsanti.jpg);
}

Ti premetto che il css si trova in
d:\progetto\css\mio.css
mentre le immagini in
d:\progetto\immagini\

Il punto è questo. se uso il doctype :

<!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">

non si vede, se uno:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" >

si vede

Il fatto è che per far funzionare il modalpopupextender, devo usare il primo .
Sto impazzendooooooo

0v3rCl0ck Profilo | Guru

A me sembra funzionare.

Ti allego l'esempio.



- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Io per esempio se avvio il tuo test visualizzo solo una linea, non vedo l'intera immagine, risulta anche a te?

0v3rCl0ck Profilo | Guru

Si, ma perchè è così che è definito il tuo stile, vedi: "height: 1px"


- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Daiiiiiiiiiii ci siamo quasi. allora 1px sono stato un pirla io a metterlo, l'immagine è di 33px. Ora su un doctype "standard" il menù si vede così:


546x59 47Kb


Sul mio si vede così:


650x44 49Kb


E' come se il menù si rimpicciolisse diciamo di 1px mentre l'immagine del di rimasse corretta.

0v3rCl0ck Profilo | Guru

Dovresti riuscire a passarmi l'html che genera quel menu compreso l'immagine di sfondo e il css, una volta che hai aperto il sito con explorer salva il sorgente html, prendi le immagini e il css che servono (non tutte, solo quelle per il menu), fai un bello zip, e allegamelo al prossimo post mi servono più elementi per capire la situazione reale.


- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Ok, ti ho allegato il file menù.zip, contenente l'html prodotto dalla pagina. Poi ci sono la cartella immagini e la cartella App_Themes/Youthful contenente le immagini e il css che usa il menù.
Che dirti, non so come ringraziarti .
Ciao

0v3rCl0ck Profilo | Guru

Non riesco proprio a riprodurre il problema fammi pensare a qualcosa..........................................


- Michael -
http://blogs.dotnethell.it/Regulator/

memmo77 Profilo | Expert

Oooooooook grazie mille ciao
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5