/    Sign up×
Community /Pin to ProfileBookmark

Silly Photoshop CSS Aligning

Hi Folks,

Just creating this site [url]http://www.srobinson.net/sites/hotel/[/url] for an assignment… How on earth do i center the damn thing! I can align it 17% left but that only centers it for my resolution…

Ive made it in photoshop and done a straight export within photoshop! Im not really that great with CSS im more of a PHP guy so any help would be greatly appreciated! ?

Scott

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@aj_nscMay 05.2009 — Replace div.Table_01 with this:

<i>
</i>div.Table_01 {
position:relative;
width:1024px;
height:1050px;
margin: 0 auto;
}


The only reason I put position:relative on this div is to keep all your child divs (which are all absolutely positioned) from going haywire.

I will also offer some advice, which of course you don't need to take and can completely ignore, that slicing up an image from photoshop is a very bad way to make a website. First of all, you've got a lot of text/links on your page that you want search engines to see which they won't be able to because mostly all of the text is part of images. In addition, absolutely positioning everything is a lot more difficult way to make a site that works in all browsers at all resolutions than not declaring the position of anything (in my opinion).

I'm sure you'll just reiterate the fact that you're not great with CSS and more of a PHP guy, but I just thought I'd point out the difficulties that you might encounter with cross browser usage and SEO when it comes to your site.

I really like the design, by the way. If you're interested in making it entirely CSS-based rather than entirely image-based, post some questions on the forum and there's lots of people here who can help.
Copy linkTweet thisAlerts:
@SRobinsonauthorMay 05.2009 — Hi!

Wow it worked ? Yay.

Thanks very much for that and the advice. I completley 100% aggree with you that slicing images is a horrible way of making sites. Thats why i ussually create css files to make the sites! But as im not that great with CSS it takes me a long time and i just get annoyed with the darn thing! ?

We were acctually tasked with creating a site using slices in Photoshop... Bit of a strange task i know but this is what they wanted to see! I do quite like the design myself. It was based on a template i found just modified quite a bit! ? And the fact that i like it makes me want to try and convert it to CSS for future use so i may just do that!

Thanks very much.
×

Success!

Help @SRobinson spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...