CSS Auto Width Adjust? - GoFuckYourself.com

Tittytweaker · 01-20-2013, 10:24 AM

Need the assistance of those who are handy with html/css.

My site is in my signature. If you go there, you can see that there are two sidebars and then the photos in the center. What I'd like to do is remove the sidebars and allow the gallery images to span that entire area. I know how to remove the sidebars, but I can't figure out how to get the images to span across the entire area - but also readjust depending on screen size. For example, if on a 16:9 monitor there are 6 images per row, on a 4:3 monitor there needs to be only 5 so that one of the galleries isn't cut off on the side. I have a feeling this can be accomplished with "repeat: x;" somewhere, since I can do that with the banner, menu, and footer. I just don't know where exactly. I'd like the images to be centered and spaced evenly as well.

It's been a while since I've messed with CSS and HTML, and even then I wasn't too good at it before, so I'd appreciate the help.

Thanks,

~TT

wetvibes · 01-20-2013, 11:35 AM

try to set the width in percentages and not fixed values (<div style="width:100%">)

sarettah · 01-20-2013, 08:58 PM

You mean something like this: http://madspiders.com/tittytweaker/

Nope, sorry, I wouldn't know how to do that.

;p

.

Tittytweaker · 01-20-2013, 10:28 PM

Thank you! I've been messing with it for a few days on a test theme I had up and couldn't quite figure it all out. I know just enough to work myself into a corner.

sarettah · 01-20-2013, 11:01 PM

Quote:

Originally Posted by Tittytweaker

Thank you! I've been messing with it for a few days on a test theme I had up and couldn't quite figure it all out. I know just enough to work myself into a corner.

I am not sure that it is the proper, best solution. I am not a css expert. btw, I wiped out the sidebar def in the style.css I used. It did not need to be wiped out. Did it by accident but didn't worry about it because I didn't need it. But if you grab the css I used you should be aware it is not there.

.

fonsolo · 01-21-2013, 02:32 AM

First, unless I'm looking at the wrong sidebar, I don't quite understand. I checked your style sheet and most of your sizes are fixed and in px sizes so, therefore, they shouldn't vary between monitor resolution. I even tested the home page on both an 18:10 and a 16:9 monitor with not change in display. Alas, I didn't read the style sheet in it's entirety, so I may have missed what you were regarding.
Second, if you do want you content to format and resize automatically, the only sure-fire way I am aware of would be through Javascript, but that can get pretty tricky if you are uneducated in the subject. You may be able to do it with CSS conditional statements, but that I am not as sure about(but hey, that's what google's for, right?)
and thirdly, I would like to say that you have a pretty awesome site. From what I saw in about two minutes, it appears heads and shoulders above the sites most members on here tout, design wise at least. Keep up the great work!

adultjobplace · 01-21-2013, 05:14 AM

You mean something like this: madspiders.com/tittytweaker ???

Tittytweaker · 01-21-2013, 07:57 AM

Quote:

Originally Posted by sarettah

I am not sure that it is the proper, best solution. I am not a css expert. btw, I wiped out the sidebar def in the style.css I used. It did not need to be wiped out. Did it by accident but didn't worry about it because I didn't need it. But if you grab the css I used you should be aware it is not there.

.

No worries, thanks for the heads up!

fonsolo · 02-18-2013, 08:57 PM

Did you ever find a solution? I may have one for you but I noticed you no longer have any sidebars.

Tittytweaker · 02-19-2013, 11:27 AM

Yeah, I'm not sure but I think you may have misunderstood my initial question. My question never had anything to do with the sidebars, but the actual content on the page itself, the images/galleries. I've got it how I like it now though. Thanks for checking back in!

fonsolo · 02-19-2013, 03:57 PM

Oh, lol. My bad.

GlamourIdols · 02-21-2013, 07:24 AM

Hey Tittytweaker, our content would fit nice on your TGP check out mnscash.com for info. All 100% exlusive fresh content.

Tittytweaker · 02-21-2013, 11:12 AM

Quote:

Originally Posted by MNScash

Hey Tittytweaker, our content would fit nice on your TGP check out mnscash.com for info. All 100% exlusive fresh content.

Thanks. I've been on the lookout for more content. I'm a huge fan of Lucy V and Mellisa Clarke, so I'm glad to see their sites are a part of your network. I look forward to registering.

Tittytweaker · 03-06-2013, 04:18 PM

Another question regarding this. If you guys look at my CSS file you will see my "homecontent" div has a left margin of 69px. Is there any way to do this so that I don't have to use a margin value on it and it just auto centers depending on the screen size?

Edit: I have the left value there so that it is centered on widescreen monitors, but on fullscreen monitors it's pushed over to the right, instead of just centering. Hope that's clearer.

pinkz · 03-07-2013, 05:33 AM

change: .homecontent { width: 94%; margin: auto auto auto 69px; float:left; }

to: .homecontent { width: 94%; margin: 0px auto }

Tittytweaker · 03-08-2013, 10:39 AM

When I do that, it centers fine in a full screen monitor, but is shifted slightly to the left on a widescreen monitor. I think it has to do with the percentage value on .homeposts. It needs to be about 94% on a fullscreen monitor, but needs to be about 90% on a widescreen monitor. When I set the width to "auto" it shifts it all the way to the left. Any ideas?

pinkz · 03-10-2013, 08:03 AM

sorry if that don't work im stuck for an answer. personally i would leave as is, it looks fine with the content to the left

01-20-2013, 10:24 AM	#1
Tittytweaker Confirmed User Industry Role: Join Date: Dec 2012 Posts: 184	CSS Auto Width Adjust? Need the assistance of those who are handy with html/css. My site is in my signature. If you go there, you can see that there are two sidebars and then the photos in the center. What I'd like to do is remove the sidebars and allow the gallery images to span that entire area. I know how to remove the sidebars, but I can't figure out how to get the images to span across the entire area - but also readjust depending on screen size. For example, if on a 16:9 monitor there are 6 images per row, on a 4:3 monitor there needs to be only 5 so that one of the galleries isn't cut off on the side. I have a feeling this can be accomplished with "repeat: x;" somewhere, since I can do that with the banner, menu, and footer. I just don't know where exactly. I'd like the images to be centered and spaced evenly as well. It's been a while since I've messed with CSS and HTML, and even then I wasn't too good at it before, so I'd appreciate the help. Thanks, ~TT __________________ www.tittytweaker.com

01-20-2013, 11:35 AM	#2
wetvibes Confirmed User Industry Role: Join Date: Jul 2012 Posts: 119	try to set the width in percentages and not fixed values (<div style="width:100%">) __________________ Free HD porn

01-20-2013, 08:58 PM	#3
sarettah see you later, I'm gone Industry Role: Join Date: Oct 2002 Posts: 14,053	You mean something like this: http://madspiders.com/tittytweaker/ Nope, sorry, I wouldn't know how to do that. ;p . __________________ All cookies cleared!

01-20-2013, 10:28 PM	#4
Tittytweaker Confirmed User Industry Role: Join Date: Dec 2012 Posts: 184	Thank you! I've been messing with it for a few days on a test theme I had up and couldn't quite figure it all out. I know just enough to work myself into a corner. __________________ www.tittytweaker.com

01-21-2013, 02:32 AM	#6
fonsolo Confirmed User Industry Role: Join Date: Nov 2012 Posts: 135	First, unless I'm looking at the wrong sidebar, I don't quite understand. I checked your style sheet and most of your sizes are fixed and in px sizes so, therefore, they shouldn't vary between monitor resolution. I even tested the home page on both an 18:10 and a 16:9 monitor with not change in display. Alas, I didn't read the style sheet in it's entirety, so I may have missed what you were regarding. Second, if you do want you content to format and resize automatically, the only sure-fire way I am aware of would be through Javascript, but that can get pretty tricky if you are uneducated in the subject. You may be able to do it with CSS conditional statements, but that I am not as sure about(but hey, that's what google's for, right?) and thirdly, I would like to say that you have a pretty awesome site. From what I saw in about two minutes, it appears heads and shoulders above the sites most members on here tout, design wise at least. Keep up the great work! __________________ fapfeet.com FapFeet.Com Affiliate Program ICQ - 638876850 Last edited by fonsolo; 01-21-2013 at 02:36 AM..

01-21-2013, 05:14 AM	#7
adultjobplace So Fucking Banned Industry Role: Join Date: Oct 2010 Posts: 74	You mean something like this: madspiders.com/tittytweaker ???

02-18-2013, 08:57 PM	#9
fonsolo Confirmed User Industry Role: Join Date: Nov 2012 Posts: 135	Did you ever find a solution? I may have one for you but I noticed you no longer have any sidebars. __________________ fapfeet.com FapFeet.Com Affiliate Program ICQ - 638876850

02-19-2013, 11:27 AM	#10
Tittytweaker Confirmed User Industry Role: Join Date: Dec 2012 Posts: 184	Yeah, I'm not sure but I think you may have misunderstood my initial question. My question never had anything to do with the sidebars, but the actual content on the page itself, the images/galleries. I've got it how I like it now though. Thanks for checking back in! __________________ www.tittytweaker.com

02-19-2013, 03:57 PM	#11
fonsolo Confirmed User Industry Role: Join Date: Nov 2012 Posts: 135	Oh, lol. My bad. __________________ fapfeet.com FapFeet.Com Affiliate Program ICQ - 638876850

02-21-2013, 07:24 AM	#12
GlamourIdols Confirmed User Industry Role: Join Date: Jan 2013 Location: England Posts: 117	Hey Tittytweaker, our content would fit nice on your TGP check out mnscash.com for info. All 100% exlusive fresh content. __________________ https://www.youtube.com/glamourbuckz

03-06-2013, 04:18 PM	#14
Tittytweaker Confirmed User Industry Role: Join Date: Dec 2012 Posts: 184	Another question regarding this. If you guys look at my CSS file you will see my "homecontent" div has a left margin of 69px. Is there any way to do this so that I don't have to use a margin value on it and it just auto centers depending on the screen size? Edit: I have the left value there so that it is centered on widescreen monitors, but on fullscreen monitors it's pushed over to the right, instead of just centering. Hope that's clearer. __________________ www.tittytweaker.com Last edited by Tittytweaker; 03-06-2013 at 04:24 PM..

03-07-2013, 05:33 AM	#15
pinkz Mr 1% Industry Role: Join Date: May 2005 Location: Nomad Posts: 1,397	change: .homecontent { width: 94%; margin: auto auto auto 69px; float:left; } to: .homecontent { width: 94%; margin: 0px auto } __________________ $$$$ Video Secrets $$$$

03-08-2013, 10:39 AM	#16
Tittytweaker Confirmed User Industry Role: Join Date: Dec 2012 Posts: 184	When I do that, it centers fine in a full screen monitor, but is shifted slightly to the left on a widescreen monitor. I think it has to do with the percentage value on .homeposts. It needs to be about 94% on a fullscreen monitor, but needs to be about 90% on a widescreen monitor. When I set the width to "auto" it shifts it all the way to the left. Any ideas? __________________ www.tittytweaker.com

03-10-2013, 08:03 AM	#17
pinkz Mr 1% Industry Role: Join Date: May 2005 Location: Nomad Posts: 1,397	sorry if that don't work im stuck for an answer. personally i would leave as is, it looks fine with the content to the left __________________ $$$$ Video Secrets $$$$