[ΛΥΘΗΚΕ] Δεν γίνεται validation

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από nzak » 19 Μαρ 2011 21:00

Παιδιά καλησπέρα,


μήπως γνωρίζει κάποιος γιατί στο w3c δεν είναι valid οι παρακάτω γραμμές;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

Υπάρχει τρόπος να επιτευχθεί το validation;

Σας ευχαριστώ!
Τελευταία επεξεργασία από το μέλος nzak την 22 Μαρ 2011 14:55, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από fafos » 19 Μαρ 2011 21:07

giati einai css3.. prepei na ta vgaleis apo to arxeio css pou ta exeis kai na ta valeis se ena neo (p.x. css3.css) to opoio tha kaleis me javascript:

Κώδικας: Επιλογή όλων

<script>
document.write&#40;'<link rel="stylesheet" type="text/css" href="http&#58;//tositemou.gr/css/css3.css">'&#41;;
</script>
epishs.. gia na kalypteis olous tous browsers (ektos tou IE 8 kai kato & Opera) prepei na xrhsimopoihseis auto:

Κώδικας: Επιλογή όλων

-moz-border-radius&#58;5px;
-khtml-border-radius&#58;5px;
-webkit-border-radius&#58;5px;   
border-radius&#58; 5px;
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από nzak » 19 Μαρ 2011 21:21

Σ'ευχαριστώ πάρα πολύ fafos! Να 'σαι καλά!!

:)

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από Sermac » 19 Μαρ 2011 21:31

Και μία λύση με jQuery:

Κώδικας: Επιλογή όλων

...
<head>
    ...
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
        <!--//--><!&#91;CDATA&#91;//><!--
        $&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
            // Rounded corners
            $&#40;".rounded"&#41;.css&#40;&#123;
               '-moz-border-radius'&#58;'5px',
               '-khtml-border-radius'&#58;'5px',
               '-webkit-border-radius'&#58;'5px',
               'border-radius'&#58;'5px'
            &#125;&#41;;
        &#125;&#41;;
        //--><!&#93;&#93;>
    </script>
</head>
<body>
    <div class="rounded">
        content
    </div>
    <p class="rounded">
        other content
    </p>
    ...
</body>
...
Τελευταία επεξεργασία από το μέλος Sermac την 20 Μαρ 2011 01:37, έχει επεξεργασθεί 1 φορά συνολικά.
Εικόνα

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από nzak » 20 Μαρ 2011 00:29

thanks Sermac :)

Fafos μου χτυπάει λάθος στο validation σε αυτή τη γραμμή:

document.write('<link rel="stylesheet" type="text/css" href="mystyle_css3.css">');

Μόνο εκεί χτυπάει


Error:
&#8230;ent.write('<link rel="stylesheet" type="text/css" href="mystyle_css3.css">');
&#9993;
The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).


Μήπως γι αυτό μου φαίνεται άλλα ντι άλλων στον Firefox και στον Safari; Έβγαλα το scriptaki και έγινε valid αλλά και πάλι δεν φαίνεται οκ στο ff. :(

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από Sermac » 20 Μαρ 2011 01:30

Κώδικας: Επιλογή όλων

<script type="text/javascript">
    <!--//--><!&#91;CDATA&#91;//><!--
    document.write&#40;'<link rel="stylesheet" type="text/css" href="http&#58;//tositemou.gr/css/css3.css" />'&#41;;
    //--><!&#93;&#93;>
</script>
Γράψε το έτσι και βάλε το μέσα στο <head></head>, όχι στο <body></body>.
Τελευταία επεξεργασία από το μέλος Sermac την 20 Μαρ 2011 01:47, έχει επεξεργασθεί 1 φορά συνολικά.
Εικόνα

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από nzak » 20 Μαρ 2011 01:40

Το δοκίμασα κι αυτό αλλά τίποτα :( Στο <head> το έχω!

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από Sermac » 20 Μαρ 2011 01:49

Τι DOCTYPE έχεις ορίσει;
Εικόνα

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από nzak » 20 Μαρ 2011 01:57

strict!

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από Sermac » 20 Μαρ 2011 02:05

Είσαι σίγουρος ότι έκλεισες το link tag με slash;
Εικόνα

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από fafos » 20 Μαρ 2011 02:26

koitaxe mhpos to lathos einai pio pano apo to script..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από nzak » 20 Μαρ 2011 22:04

Αυτό εδώ έχω:

Κώδικας: Επιλογή όλων


<head> 
<title></title> 
<meta name="description" content="" /> 
<meta name="keywords" content="" /> 
<link rel="stylesheet" type="text/css" href="mystyle.css" /> 
<script type="text/javascript"> 
document.write&#40;'<link rel="stylesheet" type="text/css" href="mystyle_css3.css"/>'&#41;; 
</script> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

</head> 

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από fafos » 20 Μαρ 2011 22:20

nzak έγραψε:Αυτό εδώ έχω:

Κώδικας: Επιλογή όλων


<head> 
<title></title> 
<meta name="description" content="" /> 
<meta name="keywords" content="" /> 
<link rel="stylesheet" type="text/css" href="mystyle.css" /> 
<script type="text/javascript"> 
document.write&#40;'<link rel="stylesheet" type="text/css" href="mystyle_css3.css"/>'&#41;; 
</script> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

</head> 

Κώδικας: Επιλογή όλων

<script>
document.write&#40;'<link rel="stylesheet" type="text/css" href="mystyle_css3.css"/>'&#41;;
</script> 
eipame...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από nzak » 20 Μαρ 2011 23:22

Άμα το βάλω έτσι μου χτυπάει και το πάνω:



Κώδικας: Επιλογή όλων

 Line 7, Column 8&#58; required attribute "type" not specified
<script> 
&#9993;
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

 Line 8, Column 80&#58; document type does not allow element "link" here
&#8230;ent.write&#40;'<link rel="stylesheet" type="text/css" href="mystyle_css3.css"/>'&#41;; 
&#9993;
The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap &#40;which is not allowed&#41;.

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section &#40;where "link" and "meta" are not allowed; hence the reported error&#41;.
[/quote]

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[ΛΥΘΗΚΕ] Δεν γίνεται validation

Δημοσίευση από fafos » 20 Μαρ 2011 23:36

edo: http://wea.grjava.com/demos/ajax.php sou dinei auto to lathos pou les?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες