SitePoint Sponsor |
|
User Tag List
Results 1 to 2 of 2
Thread: Layout Troubles
-
Dec 29, 2005, 08:07 #1
- 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
-
Dec 29, 2005, 08:31 #2
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 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"> </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"> </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