SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: Layout Troubles

  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    405
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout Troubles

    Hey guys,

    Got a problem with my layout at http://www.ashtonmortonslack.co.uk/v2/

    The three W3C logos under the leftside menu are causing a problem as i want them exactly where they are however the only way i can get them there without using absoulte or relative positining is putting them in the <div> of the news containter however i don't want the grey lines either side of them. Any Ideas?

    css: http://www.ashtonmortonslack.co.uk/v...ams_common.css

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,281
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Just float a main leftcol and put both elements inside that. (Move the logos out of the roundedbox div.)

    Code:
    <div id="contentContainer">
      <div id="leftcol">
    	<div class="roundedBox">
    	  <div class="roundedBoxTop">&nbsp;</div>
    	  <div class="roundedBoxImage"><img src="http://www.ashtonmortonslack.co.uk/v...tos/people.jpg" alt="People" width="151" height="90" /></div>
    	  <h2><a href="news/index.php">Breaking News</a></h2>
    	  <p>Breaking news...</p>
    	  <p><a href="/news/story.php?story_id=7" title="Ashton Morton Slack are proud to announce they have been awarded the Training and Development Award at the 2005 Sheffield Business Awards. ">Award winning training</a></p>
    	  <p><a href="/news/story.php?story_id=6" title="On 5th December 2005 the new Civil Partnership Act will come into force, heralding a new era of legal recognition for same-sex couples.">Civil partnership advice</a></p>
    	  <p><a href="/news/story.php?story_id=4" title="We are proud to announce that Robert Bryars, head of the Business Division, has gained the prestigious accreditation as a corporate mediator.">Ashton Morton Slack joins elite group of mediators</a></p>
    	  <p>Click on any of the above <br />
    		for further details.</p>
    	  <div class="roundedBoxBottom">&nbsp;</div>
    	  <div class="clear"></div>
        </div>
    	<div id="standardcomplaincelogos"> <img src="http://www.ashtonmortonslack.co.uk/v2/images/valid/valid-xhtml10.gif" alt="W3C XHTML Valid" width="88" height="31" /><br />
    	  <img src="http://www.ashtonmortonslack.co.uk/v2/images/valid/wcag1AAA.gif" alt="Web Content Accessibility Guidelines Priority 1,2 and 3" width="82" height="31" /><br />
    	  <img src="http://www.ashtonmortonslack.co.uk/v2/images/valid/vcss.gif" alt="" width="88" height="31" /> </div>
      </div>
      <div id="mainContent">
    Code:
    #leftcol{
     float:left;
     width: 179px;
    }


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •