OZONE Asylum
Forums
XML - XSL - XSLT - XHTML - CSS - DOM
Problem with Round Corners – CSS Layout
This page's ID:
24789
Search
QuickChanges
Forums
FAQ
Archives
Register
Edit Post
Who can edit a post?
The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.
Your User Name:
Your Password:
Login Options:
Remember Me On This Computer
Your Text:
Insert Slimies »
Insert UBB Code »
Close
Last Tag
|
All Tags
UBB Help
I am trying to create round corners in CSS based on the tutorial at ?A List Apart? ( [URL]http://www.alistapart.com/articles/customcorners2/[/URL]). I made the graphics and coded the CSS & html. Distinction in the graphics and CSS do exist, hence the reason the copy & paste code did not work. The page does not render as expected in Firefox in particular the footer section. I have spent a week reviewing the CSS and have not discovered my misstep. It?s probably staring me in the face. I beg someone to review my CSS and lead me to a resolving the situation. I am having difficulty understanding margins, relative positioning, and padding in CSS. I have uploaded a live site at geocities since this a personal endeavor without a web home. You could view the site here; [URL]http://www.geocities.com/robert_neville310/aquav1.html [/URL]. I placed border around the footer class and <p> tag to show the incorrect spacing associated with these styles. I was hoping the border would help align the element, but I have not found the logical pattern behind the spacing; changing the padding only makes hard to align the graphics. The padding of the h3 tag (top of the box) seems excessive as well. Let me know if you could lead me in the right direction and determine if a pattern exist. The padding logic will help when changing the graphic sizes. Please clarify suggestions with examples, links, or other generally useful information.
Loading...
Options:
Enable Slimies
Enable Linkwords
« Backwards
—
Onwards »