Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

 
 
Thread Tools Search this Thread Display Modes
Prev Previous Post   Next Post Next
Old Sep 27, 2012, 01:55 PM   #1
Kingsly
macrumors 68040
 
Kingsly's Avatar
 
Join Date: Aug 2005
Location: Either in front of a computer or behind a camera.
Teaching myself CSS... is not working out.

I am thoroughly confounded. I tried very hard to conquer this on my own - I feel like I keep falling back to the superb advice here to fix issues for me. But this probably deceptively simple issue has destroyed me...

In site 1.0 I used absolute positioning to center my objects. That was great, but obviously wasn't consistent between browsers/devices.
Code:
position:absolute;
left:159px;
top:0px;
In version 1.1 I used
Code:
margin-left: auto ;
margin-right: auto ;
to center all my elements. Great! They center automagically.

However...

Everything would vertically position however it pleased.

So:
Code:
margin-top:[x]px;
Arranges things nicely. Yay!

Then...

The site loads. The site logo loads in its proper spot, at the top of the page. After a slight delay, a script does it's thing and fades in a vimeo container. The logo jumps to the bottom of the page! Everything goes all crazy! No!

Here's the full stylesheet:
Code:
<style type="text/css">
.logo {
width: 800px ;
margin-left: auto ;
margin-right: auto ;
z-index:3;
}
</style>

<style type="text/css">
#fade_reel {
width: 800px ;
margin-left: auto ;
margin-right: auto ;
margin-top:200px;
</style>

<style type="text/css">
.contact {
font-size:40px;
font-family: 'Quicksand', sans-serif;
text-align:center;
}
</style>


<style>
a:link {color:#696969;}     
a:visited {color:#696969;} 
a:hover {color:#919191;}  
a:active {color:#696969;} 
</style>
Attached is my working HTML file containing the full page.

I'd love to figure this out and learn exactly why I hit a wall.

Thanks!
Attached Files
File Type: zip home.html.zip (1.4 KB, 30 views)
Kingsly is offline   0 Reply With Quote

 
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Teaching and games. Riddle train intelmarket1 iPad Apps 3 Mar 18, 2014 02:26 AM
Teaching Dictation new words on-the-fly Buran OS X Mavericks (10.9) 1 Nov 17, 2013 06:25 AM
All iPads: iPad in teaching: Hdmi or Apple TV? norwaypianoman iPad Accessories 11 Feb 14, 2013 04:06 AM

Forum Jump

All times are GMT -5. The time now is 04:35 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC