Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Need Help Stuck on design :/
Old 11-07-2010, 12:26 PM Need Help Stuck on design :/
Novice Talker

Posts: 5
Name: pappa
Trades: 0
ive been working on making a new site for a friends motorcycle club and i got a bit stuck on the main page (index.html) i used css to define the page width as 1024px and centered the main logo graphic (top) as well as the buttons i then used css to align the calendar and shoutbox on the left of the page but now im having issues with getting content into the middle or main section of the page. its been a long time since ive done a website from scratch lol im not familiar with flash which id love to use. but any help would be appreciated the site is http://www.dragonstyleracing.com/pappa
the original site was just thrown together hence the revamp any help/suggestions would be appreciated as i really need to get content onto the main body of the page. source is open so u can see the code ive been using a mixture of dreamweaver cs5 if that helps as well as some code by hand. thanks for the time anyone gives to help it is very much appreciated.
pappa
p.s sorry mods if this is in the wrong section
pappawolfie is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-07-2010, 12:43 PM Re: Need Help Stuck on design :/
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
Right. What you need to do is this:

inside #container2 you should have 2 divs - left column (for your calendar etc) and right column (for content)

coding it will go something like this:

HTML Code:
<div id="container2">
    <div id="left-col">
        you calendar etc
    </div>
    <div id="right-col">
        your content
    </div>
</div>
then you need to set in CSS the floats to make them align side by side:

Code:
#left-col { float: left; width: 250px; }
#right-col { float: right; width: 700; }
Remember to clear your floats afterwards, read this thread: http://www.webmaster-talk.com/css-fo...you-clear.html
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Old 11-07-2010, 01:49 PM Re: Need Help Stuck on design :/
Novice Talker

Posts: 5
Name: pappa
Trades: 0
it looks so far to work i finally got some text in my testing using that as u described but its still not really coming out the way id like so im wondering if there would be an easier way to get the calendar and shoutbox aligned on the left basically they are supposed to be centered under the main logo at the top the dragon style one its been a long while are frames obsolete these days or is css really the most versatile way to go? and if its css instead of floating couldnt i use a relative setting or something sorry my brains in overdrive prolly overthinking everything lol i know my main container for page width and the top logo and buttons works fine and flows with the other pages as the base framework in a sense i just cant get the content on the main page where i want it :/
pappawolfie is offline
Reply With Quote
View Public Profile
 
Old 11-07-2010, 04:33 PM Re: Need Help Stuck on design :/
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
Yes frames are pretty obsolete - people do still use iframes tho, and you'll find a good resource here:

http://www.w3schools.com/tags/tag_iframe.asp

I really don't think that's the best way to go here. CSS produce much better results and with much less code too.

Are you on a deadline with this site? If not, I strongly recommend you read some HTML & CSS tutorials. Whilst this site you're trying to build is fairly simple, you really do need to understand the basics of CSS to get the effect you want.

Here's a great little tutorial on a simple 2 column design, which is basically what you need here.

http://www.456bereastreet.com/lab/de...slayout/2-col/

Give that a go. From that you'll have your layout done. Then afterwards, you can style it with your graphics, calendars etc.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Reply     « Reply to Need Help Stuck on design :/
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.10228 seconds with 12 queries