Killersites Community: Text on Wrapper - Killersites Community

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Text on Wrapper

#21 User is offline   DesignBySLS 

  • View blog
  • Group: Moderators
  • Posts: 610
  • Joined: 21-December 08

Posted 28 November 2011 - 10:27 AM

View Postwayne, on 28 November 2011 - 09:45 AM, said:

That you explained the processes was a great help in me understanding the what's and why's of coding.
I started from nothing but this forum and few dozen googles. But the helpful people here is what made it all a lot easier. Btw, I like how you describe looking at the whole design in order to plan the order of the css.

Okay, I've gone through my whole website making the coding corrections you outlined above. I also made a few changes in wrapper dimensions, etc, but now
the nav bar and page heading(Artistic...) are off center. Actually they're obviously centered for the wrapper, but it looks awkward and I'd like to move them to the center of the image. I managed to move the h3 heading, but messed up the navbar in my attempt. If there's a solution in Css only it would save a lot of work, as I've already had to go through the entire site's html pages.

Here's the link to a page as it is now My link


I looked and logically it is not off centre. However I think I know where you are struggling. Have you considered some visual detailing behind the text to the right to give it a visual balance? Maybe a 1-3 shade colour difference box effect with either rounded corners or some other funky corners effect? Or a gradient effect that gives that area something a touch brighter to balance things?

The reason I ask this is because if you move the header over it will essentially end up very unbalanced overall and it will look like the text is floating out of context.

Why not do a screen capture or mock-up on your graphic editing program to play with location. I am on the run right now and can't do it before I go out or I would show you.
0

#22 User is online   Andrea 

  • View blog
  • View gallery
  • Group: Moderators
  • Posts: 5,498
  • Joined: 19-December 08
  • LocationSan Antonio, TX

Posted 28 November 2011 - 10:32 AM

... or just as an alternative - to totally avoid any of these issues: Why not just put the box with the description under the photo?
0

#23 User is offline   wayne 

  • PipPip
  • View blog
  • Group: Member
  • Posts: 38
  • Joined: 25-August 09

Posted 28 November 2011 - 10:56 AM

View PostAndrea, on 28 November 2011 - 10:32 AM, said:

... or just as an alternative - to totally avoid any of these issues: Why not just put the box with the description under the photo?


That's the way I had it, but a lot of text(which I intend to write for most of the pages) competes visually with the image.
I'll try a faint or gradient box.
0

#24 User is offline   DesignBySLS 

  • View blog
  • Group: Moderators
  • Posts: 610
  • Joined: 21-December 08

Posted 28 November 2011 - 04:53 PM

I suppose the other option would be an overlay over the bottom of the photo with the text... The problem is again with the amount of text... It can get a bit much unless you are keeping it short and sweet.
0

#25 User is offline   wayne 

  • PipPip
  • View blog
  • Group: Member
  • Posts: 38
  • Joined: 25-August 09

Posted 28 November 2011 - 05:28 PM

I've settled on this. At least for now. And I appreciate the help very much. I think the grey text box looks pretty good. Any thoughts? My link
0

#26 User is offline   DesignBySLS 

  • View blog
  • Group: Moderators
  • Posts: 610
  • Joined: 21-December 08

Posted 28 November 2011 - 09:30 PM

View Postwayne, on 28 November 2011 - 05:28 PM, said:

I've settled on this. At least for now. And I appreciate the help very much. I think the grey text box looks pretty good. Any thoughts? My link


I like it. Much like I had pictured. The only thing I might have done because I am a girl and we do things like that is used a rounded corners technique and played with it... Maybe not rounded but a geometric shape... But then that is my style and yours is much more classic. I like it.

S
0

#27 User is online   Andrea 

  • View blog
  • View gallery
  • Group: Moderators
  • Posts: 5,498
  • Joined: 19-December 08
  • LocationSan Antonio, TX

Posted 29 November 2011 - 07:19 AM

I was bored and played around with this a bit - this might be another approach. The box floats relative, so at lesser resolutions, it starts pushing over the picture, but I don't think that's all bad, plus that would only affect those with much lower resolutions, but it doesn't push the image over either. If I had more time, I'd play around with background transparency a bit, but gotta tun:

http://aandbwebdesig...verglades2.html
0

#28 User is offline   DesignBySLS 

  • View blog
  • Group: Moderators
  • Posts: 610
  • Joined: 21-December 08

Posted 29 November 2011 - 08:45 AM

View PostAndrea, on 29 November 2011 - 07:19 AM, said:

I was bored and played around with this a bit - this might be another approach. The box floats relative, so at lesser resolutions, it starts pushing over the picture, but I don't think that's all bad, plus that would only affect those with much lower resolutions, but it doesn't push the image over either. If I had more time, I'd play around with background transparency a bit, but gotta tun:

http://aandbwebdesig...verglades2.html


On firefox on my laptop the information is out of context completely and resting in the top right corner of the page. Te purchase link is out of place as well.
0

#29 User is online   Andrea 

  • View blog
  • View gallery
  • Group: Moderators
  • Posts: 5,498
  • Joined: 19-December 08
  • LocationSan Antonio, TX

Posted 29 November 2011 - 09:07 AM

Weird - I looked at it with FireFox, Chrome, and IE at home and with Firefox and IE on my work computer and with Safari on my iPhone, and it all looks just fine.

What do you suppose is different with your labtop?
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users