, maybe there is a way of doing a sitewide search and replace on internal links. It would be handy if these could be resolved at some stage.
Done!cybercarl wrote:And second, and I don't expect you can do much about this quickly, but it's a pain. The links ie. viewtopics when searching through older posts on the forum don't work anymore. Just thought
That will be most helpful. Good old search and replaceAll the links to other topics in the forum should now work
They are a little on the light side.Can you change any links to #105289 to #000F3E (or something) in the CSS?
Code: Select all
<div id="site-description">
<a href="./index.php" title="Board index" id="logo"><img src="./styles/prosilver_se/imageset/bluelogo.png" alt="" title=""></a>
<h1> </h1>
<p></p>
<p class="skiplink"><a href="#start_here">Skip to content</a></p>
</div>Code: Select all
<h1> </h1>
<p></p>Code: Select all
<div id="site-description">
<!--h1 text is hidden under logo for accessibility purposes -->
<h1><span></span>SITE NAME GOES HERE</h1>
</div>Code: Select all
#site-description h1 {/* This hides h1 with a banner image. The height and width should be the same as the image being used. */
width : px;
height : px;
position : relative;
font-family : Verdana, Geneva, sans-serif;
color: # /*if a transparent image is being used then set the text colour to the same as the background colour*/
font-size : 100%;
}
#site-description h1 span {/* This span place the image over the top of the h1 text */
background : url(./images/.png) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
Errrrm, some kinda curry??Twinpotter wrote:Just seen the new deployment. Kudos admins.
If I may, this is my day-to-day stuff being discussed so let me chip in on the header markup/output.
Without offence Cybercarl's 'fix' is neither accessible nor semantic and there is certainly no need for empty tags. A semantic and 'tighter' method if I may is that the h1 tag should be populated naturally and the CSS edited so that it renders the text offscreen with a background image (if the header and logo is one flat image, separate them out. If not use the image in both the CSS of the header and the h1 tag). A wee ditty of 'sliding doors' in the h1 CSS would even permit the logo to visually change on focus/hover <- accessibility efficient. The title will degrade gracefully on various browsers and devices <- good consistency, quick download, accessible, semantic, SEO savvy. Thats the way to do it.....
Div Rationale: if the h (title) tag resides in a 'site-description' div, it isn't semantic. I suggest either changing the div class/id to 'branding' and styling h1 and p selectors accordingly within it OR if these must be separate (as you'll find in other apps such as Wordpress) they reside in divs 'site-title' and 'site-description' respectively (it's not as tight but despite it looking like a dose of 'divitis', it issemantic).
If you admins would like a hand, gimme a shout.
I'm always open to finding other ways. I shall give it a try someday.