{"id":61,"date":"2005-03-07T09:14:20","date_gmt":"2005-03-07T17:14:20","guid":{"rendered":"http:\/\/www.stevenbrown.ca\/blog\/archives\/61"},"modified":"2005-04-13T08:15:54","modified_gmt":"2005-04-13T16:15:54","slug":"css-woes","status":"publish","type":"post","link":"https:\/\/www.stevenbrown.ca\/blog\/archives\/61","title":{"rendered":"CSS Woes"},"content":{"rendered":"

Dunno how many people are familiar w\/CSS, but I’ve recently updated the CSS for my blog. The only things I changed was to increase the base text size (because I like bigger), and add some style to handle the “galleries.” But for whatever reason, the galleries refuse to display correctly on Opera or IE. Here’s the relevant code:<\/p>\n


\n.gallery {
\n padding: 6px 6px 6px 6px;
\n margin: 1em auto 1em auto;
\n background-color: #F7FBF7;
\n border-bottom: 1px solid #959596;
\n border-top: 1px solid #959596;
\n text-align: center;
\n}
\n<\/code>
\n
\n.gallery_item {
\n display: inline;
\n margin: 8px 4px 8px 4px;
\n padding: 0;
\n position: relative;
\n}
\n<\/code>
\n
\nimg { border: none; }
\na img { border: 2px solid #000; }
\na img:hover { border: 2px solid #06c;}
\n<\/code><\/div>\n

I even made sure it validated!<\/p>\n

\"Valid<\/a><\/p>\n

Any suggestions are welcome. To view my site as it’s intended to be viewed, I recommend using a Gecko-based browser, such as Firefox<\/a>. And as much as I love RSS readers, I haven’t seen one that takes and uses the style of the source page to display it, unless it’s inline.<\/p>\n

ERRATUM:<\/strong> I forgot to mention (for all you impatient folk): if you hover your mouse pointer over the images, you should get a description of some sort.<\/p>\n","protected":false},"excerpt":{"rendered":"

Dunno how many people are familiar w\/CSS, but I’ve recently updated the CSS for my blog. The only things I changed was to increase the base text size (because I like bigger), and add some style to handle the “galleries.” But for whatever reason, the galleries refuse to display correctly on Opera or IE. Here’s… Continue reading CSS Woes<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3,7],"tags":[],"class_list":["post-61","post","type-post","status-publish","format-standard","hentry","category-geek","category-website","entry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4jEMb-Z","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/posts\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":0,"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/posts\/61\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/media?parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/categories?post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stevenbrown.ca\/blog\/wp-json\/wp\/v2\/tags?post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}