Re: [Skunkworks] Help and Criticize
Good morning skunkworks, I've put up the site http://www.megapixels.co.ke I've got two issues with it at the moment, some of the CSS from what i can tell is overlapping but i can't find where. Take a look at http://www.megapixels.co.ke/clients.html and http://www.megapixels.co.ke/gallery.html Both seem to be showing a white bar at the bottom of the page which was there when i first started to test it but thought had cleaned it up. Please let me know if you see anything of the sort or whether it's only on specific browsers. I've not finished with it so i'm expecting alot of errors on it but this issue at the moment from any JQ / CSS guru's help would be most appreciated. Rahim.
Don't see any white bar on Opera 10.10 and Firefox. Which browser are you using, Safari I guess ? To fix CSS you must clear all markup errors first. That's the way it is. Your menu at the bottom is failing in IE... You wrote this #menu {float: left; width: 939px; height: 50px; background: #000000; margin: 0 auto; text-align:center;} #menu ul {margin: 20px 0 0 30px; padding: 0; list-style: none; line-height: normal; margin: 0 auto; text-align:center;} #menu li {display: block; float: left; text-align:top; margin: 0 auto;} Too many float here... Try to use display:inline in the <li> tag instead. #menu {float:left; width 939px; height:50px;} #menu ul {list-style-type:none; margin:20px 0px 0px 30px;} #menu li {display:inline;} #menu li a:link, #menu li a:visited {color:#FFF; margin:0px; padding:0px 10px 0px 15px; text-decoration:underline;} On Thu, Feb 11, 2010 at 9:53 AM, Rahim Kara <skunkingrahim@gmail.com> wrote:
Good morning skunkworks,
I've put up the site
I've got two issues with it at the moment, some of the CSS from what i can tell is overlapping but i can't find where.
Take a look at
http://www.megapixels.co.ke/clients.html
and
http://www.megapixels.co.ke/gallery.html
Both seem to be showing a white bar at the bottom of the page which was there when i first started to test it but thought had cleaned it up.
Please let me know if you see anything of the sort or whether it's only on specific browsers.
I've not finished with it so i'm expecting alot of errors on it but this issue at the moment from any JQ / CSS guru's help would be most appreciated.
Rahim.
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------ Skunkworks Server donations spreadsheet
http://spreadsheets.google.com/ccc?key=0AopdHkqSqKL-dHlQVTMxU1VBdU1BSWJxdy1f... ------------ Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 ------------ Other services @ http://my.co.ke Other lists ------------- Announce: http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks-announce Science: http://lists.my.co.ke/cgi-bin/mailman/listinfo/science kazi: http://lists.my.co.ke/cgi-bin/mailman/admin/kazi/general
Hey Rahim, Check out this browser <http://www.lunascape.tv/>, has rendering engines for Firefox, Safari and IE. The site looks fine on firefox with scripts enabled, but when I disable the scripts(noscript plugin for firefox) some hidden elements become visible and it starts overlapping with the bottom nav. It could be in the CSS as you have defined a height for the bottom div #endcontain { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; border:1px solid #000000; height:200px; margin:0 auto; text-align:left; width:60em; } Additionally, on your landing page, with scripts disabled the images overlap the navigation bar. The white bar <div id="bar"></div> is defined in line 112 of mp.css Kind regards Albert Kamau -------------------------------------------------------------------- Landline : 020 2074667 | Zain : 0731 275678 | Saf : 0725 078797 On Thu, Feb 11, 2010 at 9:53 AM, Rahim Kara <skunkingrahim@gmail.com> wrote:
Good morning skunkworks,
I've put up the site
I've got two issues with it at the moment, some of the CSS from what i can tell is overlapping but i can't find where.
Take a look at
http://www.megapixels.co.ke/clients.html
and
http://www.megapixels.co.ke/gallery.html
Both seem to be showing a white bar at the bottom of the page which was there when i first started to test it but thought had cleaned it up.
Please let me know if you see anything of the sort or whether it's only on specific browsers.
I've not finished with it so i'm expecting alot of errors on it but this issue at the moment from any JQ / CSS guru's help would be most appreciated.
Rahim.
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------ Skunkworks Server donations spreadsheet
http://spreadsheets.google.com/ccc?key=0AopdHkqSqKL-dHlQVTMxU1VBdU1BSWJxdy1f... ------------ Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 ------------ Other services @ http://my.co.ke Other lists ------------- Announce: http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks-announce Science: http://lists.my.co.ke/cgi-bin/mailman/listinfo/science kazi: http://lists.my.co.ke/cgi-bin/mailman/admin/kazi/general
On Thu, Feb 11, 2010 at 10:19 AM, albert kamau <kamau.albert@gmail.com> wrote:
Hey Rahim,
Check out this browser, has rendering engines for Firefox, Safari and IE.
wow..... lunascape rocks! and all my FF plugins work! Thanks for the tip. BR, S -- Sent from my socks®
Hi Albert, thanks for the note. Will iron out. albert kamau wrote:
Hey Rahim,
Check out this browser <http://www.lunascape.tv/>, has rendering engines for Firefox, Safari and IE. The site looks fine on firefox with scripts enabled, but when I disable the scripts(noscript plugin for firefox) some hidden elements become visible and it starts overlapping with the bottom nav. It could be in the CSS as you have defined a height for the bottom div #endcontain { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; border:1px solid #000000; height:200px; margin:0 auto; text-align:left; width:60em; } Additionally, on your landing page, with scripts disabled the images overlap the navigation bar. The white bar <div id="bar"></div> is defined in line 112 of mp.css
Kind regards Albert Kamau -------------------------------------------------------------------- Landline : 020 2074667 | Zain : 0731 275678 | Saf : 0725 078797
On Thu, Feb 11, 2010 at 9:53 AM, Rahim Kara <skunkingrahim@gmail.com <mailto:skunkingrahim@gmail.com>> wrote:
Good morning skunkworks,
I've put up the site
I've got two issues with it at the moment, some of the CSS from what i can tell is overlapping but i can't find where.
Take a look at
http://www.megapixels.co.ke/clients.html
and
http://www.megapixels.co.ke/gallery.html
Both seem to be showing a white bar at the bottom of the page which was there when i first started to test it but thought had cleaned it up.
Please let me know if you see anything of the sort or whether it's only on specific browsers.
I've not finished with it so i'm expecting alot of errors on it but this issue at the moment from any JQ / CSS guru's help would be most appreciated.
Rahim.
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke <mailto:Skunkworks@lists.my.co.ke> http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------ Skunkworks Server donations spreadsheet http://spreadsheets.google.com/ccc?key=0AopdHkqSqKL-dHlQVTMxU1VBdU1BSWJxdy1f... <http://spreadsheets.google.com/ccc?key=0AopdHkqSqKL-dHlQVTMxU1VBdU1BSWJxdy1fbjAwOUE&hl=en> ------------ Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 <http://my.co.ke/phpbb/viewtopic.php?f=24&t=94> ------------ Other services @ http://my.co.ke Other lists ------------- Announce: http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks-announce Science: http://lists.my.co.ke/cgi-bin/mailman/listinfo/science kazi: http://lists.my.co.ke/cgi-bin/mailman/admin/kazi/general
------------------------------------------------------------------------
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------ Skunkworks Server donations spreadsheet http://spreadsheets.google.com/ccc?key=0AopdHkqSqKL-dHlQVTMxU1VBdU1BSWJxdy1f... ------------ Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 ------------ Other services @ http://my.co.ke Other lists ------------- Announce: http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks-announce Science: http://lists.my.co.ke/cgi-bin/mailman/listinfo/science kazi: http://lists.my.co.ke/cgi-bin/mailman/admin/kazi/general
participants (4)
-
albert kamau -
Rahim Kara -
Steve Muchai -
TheBigBoss