Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-27-2012, 09:08 PM   PM User | #16
The Noob Coder
New Coder

 
Join Date: Jul 2012
Posts: 72
Thanks: 1
Thanked 0 Times in 0 Posts
The Noob Coder is an unknown quantity at this point
Close, but . . . nope. See attached screen shot. Thanks for trying, though.

Also I'm concerned that the images will be in different places on different resolutions.
Attached Thumbnails
Click image for larger version

Name:	Alice | Convoluted Construct - Google Chrome_009.jpg
Views:	9
Size:	46.9 KB
ID:	11401  
The Noob Coder is offline   Reply With Quote
Old 07-27-2012, 09:10 PM   PM User | #17
tempz
Regular Coder

 
Join Date: Jul 2012
Location: London
Posts: 436
Thanks: 4
Thanked 80 Times in 80 Posts
tempz is an unknown quantity at this point
Quote:
Originally Posted by The Noob Coder View Post
Close, but . . . nope. See attached screen shot. Thanks for trying, though.

Also I'm concerned that the images will be in different places on different resolutions.
What is your resolution?

The website looked terrible in FireFox, Chrome, Internet Explorer.

The main thing I changed was to make a look presentable .

I will work on your width now.
tempz is offline   Reply With Quote
Old 07-27-2012, 09:11 PM   PM User | #18
The Noob Coder
New Coder

 
Join Date: Jul 2012
Posts: 72
Thanks: 1
Thanked 0 Times in 0 Posts
The Noob Coder is an unknown quantity at this point
Quote:
Originally Posted by tempz View Post
What is your resolution?
I've got 1366 x 768 px
The Noob Coder is offline   Reply With Quote
Old 07-27-2012, 09:16 PM   PM User | #19
tempz
Regular Coder

 
Join Date: Jul 2012
Location: London
Posts: 436
Thanks: 4
Thanked 80 Times in 80 Posts
tempz is an unknown quantity at this point
Quote:
Originally Posted by The Noob Coder View Post
I've got 1366 x 768 px
Same as mine. o.O looks fine on mine XD
tempz is offline   Reply With Quote
Old 07-27-2012, 09:21 PM   PM User | #20
The Noob Coder
New Coder

 
Join Date: Jul 2012
Posts: 72
Thanks: 1
Thanked 0 Times in 0 Posts
The Noob Coder is an unknown quantity at this point
Quote:
Originally Posted by tempz View Post
The website looked terrible in FireFox, Chrome, Internet Explorer.
My job is basically to clean up the mess that the last guy left. So far it hasn't been fun, since he uses images to put text on a page. Who does that?
The Noob Coder is offline   Reply With Quote
Old 07-27-2012, 09:33 PM   PM User | #21
tempz
Regular Coder

 
Join Date: Jul 2012
Location: London
Posts: 436
Thanks: 4
Thanked 80 Times in 80 Posts
tempz is an unknown quantity at this point
Quote:
Originally Posted by The Noob Coder View Post
My job is basically to clean up the mess that the last guy left. So far it hasn't been fun, since he uses images to put text on a page. Who does that?
Probably some old guy who thinks he knows best :P

Anyway I think this should do it

Tested in: ie9, ff, chrome.

If IE 9 - Add to head
Code:
<!--[if IE 9]>
<style type="text/css">
img { position: absolute;
z-index:1;
padding-left:0px;
top:130;

}
.slider
{
padding-left: 203px;}
.myimages
{
 position: absolute;
z-index:1;
left:10px;
top:130;
}
.arrow
{
z-index: 2;
padding-top: 230px;
opacity: 0.5;
}
.loading
{
color: white; text-shadow: black 0.1em 0.1em 0.2em;
font-size: 26pt;
text-align: center;
padding-top: 200px;
font-family: Arial Rounded MT, Verdana;

}
</style>
<![endif]-->
Everything else

Replace your previous styles with:

Code:
img { position: absolute;
z-index:1;
left:-13px;
top:130;

}
.slider
{
padding-left: 203px;}
.myimages
{

}
.arrow
{
z-index: 2;
padding-top: 230px;
opacity: 0.5;
}
.loading
{
color: white; text-shadow: black 0.1em 0.1em 0.2em;
font-size: 26pt;
text-align: center;
padding-top: 200px;
font-family: Arial Rounded MT, Verdana;

}
We have the same resolution, should work perfectly. :P

If not, problem with calling your styles then because it works perfect on my machine.
tempz is offline   Reply With Quote
Users who have thanked tempz for this post:
The Noob Coder (07-27-2012)
Old 07-27-2012, 09:45 PM   PM User | #22
The Noob Coder
New Coder

 
Join Date: Jul 2012
Posts: 72
Thanks: 1
Thanked 0 Times in 0 Posts
The Noob Coder is an unknown quantity at this point
Argh. No. Can you do me a favor? I used your code on the live page and now your code is online. Does it really look okay to you?

http://www.convolutedconstruct.com/look-book/alice

I'm still getting something that pushed just a little to far to the right.

By the way, what do you mean by calling my styles?
The Noob Coder is offline   Reply With Quote
Old 07-27-2012, 09:49 PM   PM User | #23
tempz
Regular Coder

 
Join Date: Jul 2012
Location: London
Posts: 436
Thanks: 4
Thanked 80 Times in 80 Posts
tempz is an unknown quantity at this point
Looks good, http://i.imgur.com/aI1XG.jpg
tempz is offline   Reply With Quote
Old 07-27-2012, 09:53 PM   PM User | #24
The Noob Coder
New Coder

 
Join Date: Jul 2012
Posts: 72
Thanks: 1
Thanked 0 Times in 0 Posts
The Noob Coder is an unknown quantity at this point
Quote:
Originally Posted by tempz View Post
Then it is official: I am insane.

Thanks for all your help.

I guess it's just a Linux thing.
The Noob Coder is offline   Reply With Quote
Old 07-27-2012, 09:56 PM   PM User | #25
tempz
Regular Coder

 
Join Date: Jul 2012
Location: London
Posts: 436
Thanks: 4
Thanked 80 Times in 80 Posts
tempz is an unknown quantity at this point
Quote:
Originally Posted by The Noob Coder View Post
Then it is official: I am insane.

Thanks for all your help.

I guess it's just a Linux thing.
You're welcome :P

Linux is a good os, windows is just terrible. If people could play games on linux and do stuff that windows can do, we would all move :P
tempz is offline   Reply With Quote
Old 07-28-2012, 07:30 AM   PM User | #26
FuSe
New to the CF scene

 
Join Date: Jul 2012
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
FuSe is an unknown quantity at this point
http://flexslider.woothemes.com/ check out this website for a image slider it will work wonders for u
FuSe is offline   Reply With Quote
Old 07-28-2012, 03:33 PM   PM User | #27
The Noob Coder
New Coder

 
Join Date: Jul 2012
Posts: 72
Thanks: 1
Thanked 0 Times in 0 Posts
The Noob Coder is an unknown quantity at this point
Quote:
Originally Posted by FuSe View Post
http://flexslider.woothemes.com/ check out this website for a image slider it will work wonders for u
This looks really cool! Thanks for letting me know about it. If it's Flex, does it use any Flash, though? Also, will I have a problem centering it like I do now? lol
The Noob Coder is offline   Reply With Quote
Old 07-28-2012, 06:07 PM   PM User | #28
FuSe
New to the CF scene

 
Join Date: Jul 2012
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
FuSe is an unknown quantity at this point
All the files you need for this will be right on the site all u need to do is acquire what it tells u to get.
FuSe is offline   Reply With Quote
Old 07-28-2012, 06:10 PM   PM User | #29
FuSe
New to the CF scene

 
Join Date: Jul 2012
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
FuSe is an unknown quantity at this point
Let me do some editing to make this work for you in a demo.. Give me a little time to work on it ill change things up and play around with it.
FuSe is offline   Reply With Quote
Old 07-28-2012, 06:13 PM   PM User | #30
FuSe
New to the CF scene

 
Join Date: Jul 2012
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
FuSe is an unknown quantity at this point
Btw you have a syntax error on line 20 of your code

Code:
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}</a
FuSe is offline   Reply With Quote
Reply

Bookmarks

Tags
absolute, center image, img

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

Forum Jump


All times are GMT +1. The time now is 07:32 AM.


Advertisement
Log in to turn off these ads.