Irish SEO,  Marketing & Webmaster Discussion

 

Inheritance + CSS

This is a discussion on Inheritance + CSS within the HTML Basics forums, part of the Coding Help category; Originally Posted by gary.b Eh? err.. sorry - CSS at 1am doesn't go down well. tell me about it, especially ...


Go Back   Irish SEO, Marketing & Webmaster Discussion > Webmaster Help > Coding Help > HTML Basics

Register Forum Rules FAQDonate Members List Calendar Search Today's Posts Mark Forums Read


Notices

Reply

 

LinkBack Thread Tools Display Modes
  #11 (permalink)  
Old 20-01-2007, 02:13 PM
Coder
 
Join Date: Dec 2006
Posts: 49
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
fobby will become famous soon enough
Default

Quote:
Originally Posted by gary.b View Post
Eh? err.. sorry - CSS at 1am doesn't go down well.

tell me about it, especially on a Friday night !
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12 (permalink)  
Old 20-01-2007, 02:19 PM
louie's Avatar
Senior Member
 
Join Date: Jan 2006
Location: Dublin, Ireland
Posts: 2,040
Nominated 5 Times in 3 Posts
Nominated TOTW/F/M Award(s): 1
louie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enough
Send a message via Yahoo to louie Send a message via Skype™ to louie
Default

a drawing of what you want will be better but anyhow try this:
Code:
#container {
position: absolute;
left: 43px;
top: 29px;
width: 689px;
height: 503px;
background-color: #FFFFFF;
padding-left:5px;
}
.links {
position: absolute;
left: -1px;
top: 113px;
height: 168px;
width: 161px;
background-color: #CCCCCC;
font-size: 24px;
color: #FFFFFF;
border-left: 7px solid #00FF00;
margin-left:5px;
}
</style>
__________________
:. Web Design & Development Web Design Ireland
:. Search Engines Optimization Search Engines Optimization
:. Directory Submission Directory Submission
:. News & Press Release Ireland GiveItSocks.com
:. Used Cars Ireland, Car Parts & Car Audio Cars For Sale, Car Parts & Accessories
:. I Have 2 Find It Directory SEF Directory
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13 (permalink)  
Old 20-01-2007, 07:00 PM
Coder
 
Join Date: Dec 2006
Posts: 49
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
fobby will become famous soon enough
Default

thanks a lot, you have added "padding-left:5px;" to the container and changed border-left-width: thick; to border-left: 7px solid #00FF00;


I'm more interested in learning here than getting something to work, can you explain why your's worked and mine didn't ?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #14 (permalink)  
Old 20-01-2007, 07:08 PM
louie's Avatar
Senior Member
 
Join Date: Jan 2006
Location: Dublin, Ireland
Posts: 2,040
Nominated 5 Times in 3 Posts
Nominated TOTW/F/M Award(s): 1
louie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enough
Send a message via Yahoo to louie Send a message via Skype™ to louie
Default

with the CSS in your case you have to think like the container is a box and you are inside it together with another box.

Now if you want to push the inside box 10cm from the left where are you going to apply the force, inside the second box or from the outside. second option makes more sense.

the border for the second box it's easy. we just tell the css how much we want it (7px here) then how we want it to be (solid) and what color (#00ff00) so we came up the following code:

border-left:7px solid #00ff00;

::::::::::::::::::::::::::::::::::::
some think css it's easy but is not. requires a lot of practise and study.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #15 (permalink)  
Old 20-01-2007, 08:16 PM
Coder
 
Join Date: Dec 2006
Posts: 49
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
fobby will become famous soon enough
Default

I like that, thanks a lot for your help, and everyone else too
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
css, inheritance

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads

Thread Thread Starter Forum Replies Last Post
CSS Issue for Wordpress Menu.. Cormac Coding Help 4 03-12-2006 03:12 PM
some simple store with css based layout kuba77 Site Reviews / Announcements 1 30-11-2006 03:07 PM
How to make a H1 tag in CSS into a link shanediffily Coding Help 4 10-10-2006 04:54 PM
dynamic css 7aken Coding Help 6 10-10-2006 08:13 AM


Sponsored links

Paid On Results


All times are GMT +1. The time now is 05:56 PM.


Powered by: vBulletin Version 3.7.3, Copyright ©2000 - 2008, Jelsoft Enterprises Limited.
Hosted in Ireland by Blacknight - Test your ISP |Irish Hosting Directory| Armchair.ie|Logo by Eden Web Design|Avatars by Afterglow |Latest Blog Entries | VPS HostingAd Management by RedTyger

Search Engine Friendly URLs by vBSEO 3.2.0