CSS url() test page for pavuk

Note: this is a test page for pavuk, to see if it can correctly spider/collect the image urls specified in several inline CSS style formats.

The relevant code is located in the header of this page and looks like this:

<style type="text/css" media="screen" >
<!--
.style1_1_for_testing {
background: url("../../../../p13clip1.jpg");
}

.style1_2_for_testing {
background: url('../../../../p13clip1.jpg');
}

.style1_3_for_testing {
background: url(../../../../p13clip1.jpg);
}
-->
<![CDATA[
.style2_1_for_testing {
background: url("../../../../p13clip1.jpg");
}

.style2_2_for_testing {
background: url('../../../../p13clip1.jpg');
}

.style2_3_for_testing {
background: url(../../../../p13clip1.jpg);
}
]]>
<!--/*--><![CDATA[/*><!--*/
.style3_1_for_testing {
background: url("../../../../p13clip1.jpg");
}

.style3_2_for_testing {
background: url('../../../../p13clip1.jpg');
}

.style3_3_for_testing {
background: url(../../../../p13clip1.jpg);
}
/*]]>*/-->
</style>

Note that all styles produce background images, which, if all things turn out well, should show up in the table below. The styles are defined using 'hidden CSS in HTML' in the classic way, using comments <!-- ... -->.

Visual Cues

When grabbed correctly (or when viewed 'in vitro' on the website itself) you MAY see the images in the boxes as described below. As placing CSS within comments and/or CDATA results in highly browser-dependent results, YMMV. Note that the 'desired/expected color' is shown next to it for reference: both 'RGB color' boxes left and right should match in color for each of the @import formats listed above—again, depending on your browser. See quircksmode.org and ALA (A List Apart) for further info on this and related browser-dependent CSS and HTML issues.

Background image Successful pavuk spider action & notes
 

image #1

This image will show up when the comment-wrapped  inline CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.

 

image #2

This image will show up when the XML CDATA-wrapped  inline CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.
 

image #3

This image will show up when the comment plus XML CDATA-wrapped  inline CSS statement has been correctly collected—as said before on this page, depending on your browser, YMMV actually seeing this.

Remarks

Note also that similar tests, this time using style sheets, are also available:

Other test cases

We offer additional test cases for use with pavuk ('make check') on this site. These include: