Page 1 of 1

Improving my Website within Cumulus Software

Posted: Sun 24 Jun 2012 3:41 pm
by KevinF
Before I mess up further I was hoping someone could help me - I think they are quick fixes, but for me not easy at all.

Anyway this morning I had reasonable success in adding a 'Comments' to the navigation bar, and it actually works. But now the table has widened giving a disjointed look. I wanted to maintain the existing margins for future enhancements. Similarly, the gauges menu bar has stretched beyond the margin I wanted. and likewise the 'monthly records' table. So I didn't want to go any further and mess things up completely.

Any guidance would be really appreciated

Thanks Kevin

http://wiganweather.co.uk/

Re: Improving my Website within Cumulus Software

Posted: Mon 25 Jun 2012 12:43 am
by beteljuice
The beteljuice keeps telling people - put (ordinary) spaces between the colons : : then if your browser page width is narrower than the nav menu, the links will auto-wrap without pushing the table too wide.

This only part of the 'problem'. The default pages do not actually have a width set in the CSS, rather the margins and content are a percentage of the browser width available.

Re: Improving my Website within Cumulus Software

Posted: Mon 25 Jun 2012 1:09 am
by KevinF
Thank you very much :D

Just tried it and...hey presto!.

Will tidy it all up tomorrow

Re: Improving my Website within Cumulus Software

Posted: Mon 25 Jun 2012 10:32 am
by mcrossley
beteljuice wrote:The beteljuice keeps telling people - put (ordinary) spaces between the colons : : then if your browser page width is narrower than the nav menu, the links will auto-wrap without pushing the table too wide.
Or use <wbr> (à la bookface) or &#8203; if you don't want the spaces to appear on the page... http://www.quirksmode.org/oddsandends/wbr.html

Re: Improving my Website within Cumulus Software

Posted: Mon 25 Jun 2012 10:41 am
by beteljuice
Thanks Mark

Never heard of those - might get round to trying them sometime :P

Re: Improving my Website within Cumulus Software

Posted: Tue 26 Jun 2012 5:53 pm
by gemini06720
But, but, as stated on the W3Schools HTML5 <wbr> Tag page ...'the <wbr> tag is supported in all major browsers, except Internet Explorer'... :roll:

Re: Improving my Website within Cumulus Software

Posted: Tue 26 Jun 2012 8:27 pm
by mcrossley
Adding the following to your CSS seems to 'fix' it for IE.

wbr {display: inline-block;}