Jump to content


Photo

A few problems with layout


  • Please log in to reply
9 replies to this topic

#1 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 15 October 2006 - 02:54 AM

I finally got this entire layout coded, but it has a few problems.
It took quite awhile to get it this far.
Here is a link to the website.
http://www.hasbadser...mintemplate.php
Now there are a few problems
1. In all 3 browsers, it's making my text appear WAY off, it's suppose to be in the top div
2. In firefox other than that 1 thing it looks ok, in ie, it's misaligned too the right, and in opera, it's misaligned up and down, along with the text problem also, if anyone can see what is causing these problems and help me fix it would be greatly appreciated.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#2 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 15 October 2006 - 04:04 AM

I have it looking perfect now in firefox, it's just messing up in ie, and opera, any advice.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#3 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 15 October 2006 - 10:46 AM

I suggest you get rid of the images for the three rectangles and and use a javascript called Curvy Corners to have rounded corners for the three white rectangles.

#4 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 15 October 2006 - 12:11 PM

I will look into that but can I ask why, just for knowledge purposes.
Is there a reason why it's better, I thought there were 3 ways to get rounded corners.
1. Images
2. Javascript w css
3. css
I thought each option was just as valid as the other's
I trust you though so I will probably do that, is that what is actually causing my problem though?

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#5 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 15 October 2006 - 04:29 PM

Yes you can use images. However not whole images like this or this.. Use images for the corners only (see this tutorial) or use  javascript such as CurvyCorners or something similar.

#6 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 15 October 2006 - 07:04 PM

I will give that a try and see if it fixes my problem, I didn't know how to just use that part of the image earlier, that's why I must have been having problems, thanks again.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#7 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 15 October 2006 - 08:07 PM

Is this really, causing aproblem with my current layout.
I am all up for learning something, I loved the idea, I will definitely do that in the future, with the images, or with the javascript, or css, to get rounded corners.
But as it is now, I am running out of time, I have less than 1-1/2 weeks, to get 5 more layouts coded aftert his one, is there a hack, or a way you can show me how to get this problem fixed and out of the way.
The layout will get rewritten when his site goes up another version later, but atleast for now, I need it working, so the site goes live.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#8 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 16 October 2006 - 06:34 PM

Wheres the layout gone. I cant help if you got rid of thelayoutt. The simpliest whay of doing curved corners is with the script I told you to use called CurvyCorners (search it in google). All you need to do is download the script. Then use the script tag to include the javascript in the page. And use another script tag to tell curvyCorners which elements you want to have curverd corners and their radious.

Read up on how to use curvyCorners.

#9 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 16 October 2006 - 07:14 PM

I got that one finished finally, I didn't use curvy corners on that, one, but I got it working.

I am doing another layout now, and I am using curvy corner's with it, as you suggested, whenever possible i iwll be using curvy corners, thanks again.

I do have a general question however.

On this other layout I have a footer, I need it at the bottom right, but it is staying right below the content, if there's little content then it is up further.

Is there a way to make sure it stay's below the content, no matter what.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#10 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 17 October 2006 - 11:32 AM

Is there a way to make sure it stay's below the content, no matter what.


Yes! Code it properly. You probably have a problem with floats.
Legend has it that reading the manual never killed anyone.
My site




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users