Re: [WSG] Site Review: e-oddie.com
Tatham Oddie wrote:
I need to somehow vertically and horizontally center the image, then
vertically center the text on top of it. If you have a solution Id
gladly implement it.
Tatham...
Did you look at my suggestion for using negative margins and relative
positioning?
I've had a look at it in both Firefox 1.0 and IE6.0 SP1 and it renders
exactly the same as the tablular verison:
And with minimal code changes too
[Code]
#content {
width: 940px;
height: 440px;
background: #bfd8f1 url(images/IndexPanelBackground.jpg) no-repeat
center center;
position: absolute;
margin-top: -220px;
margin-left: -470px;
top: 50%;
left: 50%;
}
[/code]
aaand:
[code]
body
div id=content
dl id=navlinks
dta title=Sydney Life - Out on the social circuit
href=http://www.e-oddie.com/sydneylife/;Sydney Life /a/dt
ddout on the social circuit/dd
dta title=My Life - Comming soon
href=http://www.e-oddie.com/mylife/;My Life /a/dt
ddcoming soon/dd
dta title=Geeky Stuff - c# and other tech bits
href=http://www.e-oddie.com/blog/professional/;Geeky Stuff /a/dt
ddc# and other tech bits/dd
/dl
/div
/body
[/code]
HTH
-david r
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Site Review: e-oddie.com
Well, at least you're not telling me about how painful it is to be on this really old Mac anymore. Not sure what you're trying to accomplish with the lead page, but it isn't centered in my browser, and has a vertical scroll bar to boot. Sydney Life is also broken. Again this is IE for the Mac, so you probably don't care about me anyway, since that seems to be the general consensus of the web these days...whine... Really old Mac OS 9.2.2/IE 5.1.7 Wayne ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review: e-oddie.com
Hi there! Nice site! But why do you use this in the HOMEPAGE ? table id=layoutgrid summary=> tr> td > You don't need tables in there! Remove that table and your done ! -- Atentamente, Jorge Laranjo site > http://thetaoofwebdesign.tk/ email> [EMAIL PROTECTED] msn > [EMAIL PROTECTED] aim > [EMAIL PROTECTED] jabber > [EMAIL PROTECTED] Em 29/dez/2004, s 21:55, Tatham Oddie escreveu: x-tad-biggerHi all,/x-tad-bigger x-tad-biggerIm now reasonably confident that the redesign of /x-tad-biggerx-tad-biggerhttp://www.e-oddie.com//x-tad-biggerx-tad-bigger is now nearing completion, and would appreciate a review both from a standards approach and a design approach./x-tad-bigger x-tad-biggerThings to note:/x-tad-bigger x-tad-bigger /x-tad-biggerx-tad-biggerhttp://www.e-oddie.com//x-tad-biggerx-tad-bigger should be compliant it is part of the redesign/x-tad-bigger x-tad-bigger /x-tad-biggerx-tad-biggerhttp://www.e-oddie.com/sydneylife//x-tad-biggerx-tad-bigger has some XHTML validation errors due to the way ASP.Net writes out its server-side forms. I am writing a reusable server module to fix this, although it isnt easy and will take a while. So, any form related violations please ignore them for now./x-tad-bigger x-tad-bigger /x-tad-biggerx-tad-biggerhttp://www.e-oddie.com/blog/professional//x-tad-biggerx-tad-bigger (linked to throughout the site as Geeky Stuff) hasnt be redesigned and it generated by a blogging tool. Ill get on to this next, once I have finished the rest. That way I can copy-paste a lot of CSS and keep it consistent./x-tad-bigger x-tad-biggerAlso, some checks in other browsers would be appreciated. I have yet to get my Virtual PC image running, so I only have IE6 and FF1 on WinXP to test with./x-tad-bigger x-tad-bigger/x-tad-bigger x-tad-biggerThanks in advance!/x-tad-bigger x-tad-bigger/x-tad-bigger x-tad-biggerTatham Oddie/x-tad-bigger x-tad-biggerhttp://www.e-oddie.com//x-tad-bigger
RE: [WSG] Site Review: e-oddie.com
Jorge, Id LOVE to remove that table (as the HTML comments above it also state) however I never found a way. You may/may not have noticed a separate thread on this list a few days ago where we attempted to do it with a simple div solution, but never got there. I need to somehow vertically and horizontally center the image, then vertically center the text on top of it. If you have a solution Id gladly implement it. Thanks, Tatham Oddie From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jorge Laranjo Sent: Thursday, 30 December 2004 10:03 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Site Review: e-oddie.com Hi there! Nice site! But why do you use this in the HOMEPAGE ? table id=layoutgrid summary= tr td You don't need tables in there! Remove that table and your done ! -- Atentamente, Jorge Laranjo site http://thetaoofwebdesign.tk/ email [EMAIL PROTECTED] msn [EMAIL PROTECTED] aim [EMAIL PROTECTED] jabber [EMAIL PROTECTED] Em 29/dez/2004, às 21:55, Tatham Oddie escreveu: Hi all, Im now reasonably confident that the redesign of http://www.e-oddie.com/ is now nearing completion, and would appreciate a review both from a standards approach and a design approach. Things to note: http://www.e-oddie.com/ should be compliant it is part of the redesign http://www.e-oddie.com/sydneylife/ has some XHTML validation errors due to the way ASP.Net writes out its server-side forms. I am writing a reusable server module to fix this, although it isnt easy and will take a while. So, any form related violations please ignore them for now. http://www.e-oddie.com/blog/professional/ (linked to throughout the site as Geeky Stuff) hasnt be redesigned and it generated by a blogging tool. Ill get on to this next, once I have finished the rest. That way I can copy-paste a lot of CSS and keep it consistent. Also, some checks in other browsers would be appreciated. I have yet to get my Virtual PC image running, so I only have IE6 and FF1 on WinXP to test with. Thanks in advance! Tatham Oddie http://www.e-oddie.com/
