Is this possible? Options

[JaredxSmith]

I was wondering if it was possible to make a myspace into something like these websites.

http://blog.urbanoutfitters.com
http://modularpeople.com

If anyone could help with even making a normal webpage like these, that would be great also.

[fixtatik]

for the first, partially. you'd be able to build a myspace to look pretty much exactly like that, but you'll run into a problem when making the navigation on top. usually you can just use position:fixed;, but it doesn't work in IE (at least not in IE7 and earlier; i haven't checked IE8 yet). many sites fix the fixed position problem by using javascript, but you can't on myspace.

all you really need is a very wide div with smaller elements inside, and float them all to the left.

for example, the CSS:

CODE

.navigation { left:0; position:fixed; top:0; height:50px; }
.main { left:0; padding:50px 0 0; position:absolute; top:0; width:5000px; }
.section { float:left; height:500px; width:300px; }

and potentially the HTML:

CODE

<div class="navigation">
  link
  link
  link
</div>
<div class="main">
  <div class="section">
    text, images, videos, etc.
  </div>
  <div class="section">
    text, images, videos, etc.
  </div>
  <div class="section">
    text, images, videos, etc.
  </div>
  <div class="section">
    text, images, videos, etc.
  </div>
</div>

[JaredxSmith]

Thank you.
I'll try it out.

[JaredxSmith]

I was thinking of putting scrollboxes for my content but I can't seem to figure out how to get them to line up.

[JaredxSmith]

This pretty much working, thank you very much.
But stylesheets don't really work.
Any idea?

Double post. Sorry.

[JaredxSmith]

I'm trying to use this code:

CODE

<style>
body {
font, body, table, td, div, h1, h2, br, a, p {
font-family:helvetica; font-size:12px; color:black; background-color:none; text-transform:none; text-decoration:none; font-weight:none;
}


a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {
font-family:helvetica; font-size:12px; color:black; background-color:none; text-transform:uppercase; text-decoration:; font-weight:bold;
}

a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {
font-family:helvetica; font-size:12px; color:; background-color:none; text-transform:uppercase; text-decoration:none; font-weight:bold;
}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {
font-family:helvetica; font-size:12px; color:black; background-color:cyan;text-transform:uppercase; text-decoration:none; font-weight:bold;
}

</style>

but it is doing nothing.

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

Remove this from the second line:

CODE

body {

See if it works then.

[JaredxSmith]

This worked.
Thank you so much.
:)

[Mickey]

Topic closed & moved.