Re: [css-d] problem with positioning

> > David wrote: > > Try: > #container { > border:1px dashed fuchsia; > position:relative; > } > .beeblog { > border:1px solid red; > position: absolute; > top:403px; > right:170px; > } > > > Hi David, Thanks that works a treat, but i do not understand why i have to put a relative position on my co

[css-d] problem with positioning

On this page: http://www.koolfish.com/dev/beealive/ there is a bee img above the yellow counter. It needs to be in its opposite diagonal corner somewhere near the word blog and on top of the yellow box. i just can't get my head round the correct positioning to use. I have tried both absolute and

Re: [css-d] css table or is there a different method to lay out this info?

> > >>> > It looks very much like a table of definitions, with terms in one column, > defining expressions in another. It is certainly simplest and safest to use > HTML markup for it. You would then use CSS just to fine-tune the rendering, > by setting padding, borders, vertical alignment (td { ver

[css-d] css table or is there a different method to lay out this info?

sorry this went half way through last time Hi, I need to lay out some information in two columns. So for example: caption1 A sentence or two here. caption 2 Next sentence here and it must line up. caption 3 Number 3 sentence here but if it wraps it needs to be

[css-d] css table or is there a different method to lay out this info?

Hi, I need to lay out some information in two columns. So for example: caption1 A sentence or two here. caption 2 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FA

Re: [css-d] target the last menu item

Fixed now. I missed out a space :) Thanks Lisa __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/

Re: [css-d] target the last menu item

> Rory's suggestion should work. You could drop all the tags > as well and put those in your style sheet. > > #topmenu li a { text-weight: bold;  } > > Thats more than what your asking for, just my suggestion. > > > Eric Thanks Eric, will do that about the bold. But the link is clearly showing

Re: [css-d] target the last menu item

> Have you tried: > >  #topmenu .last {padding: 0 10px 3px 10px;} > > Rory > Hi Rory, yes it has no effect. Here is the page in question: http://www.koolfish.com/dev/beealive/ css: http://www.koolfish.com/dev/beealive/css/bee_mainstyles.css thanks lisa

[css-d] target the last menu item

Hi I have a simple menu list like this: Home Route Donations Photo Gallery Video Gallery Flight Diary Contact Us The css for the li  is this: #topmenu li {     float: left;     list-style: none;     display: inline;     marg

[css-d] centering an image in a sidebar

On this site: http://www.flyingwithdiabetes.com/ the image of the book in the side bar needs to be centered. It is centered at the moment because i fudged it by using vspace and hspace but i want to learn how to center it using css. I have tried targeting: #sidebar p .bookcover with margin: 10px

[css-d] change colour of bullet in UL no images no spans

I've been googling and trying to find out how to change the colour of just the bullet, not the text in an UL. All i can find are articles from a couple of years ago about either using an image for the bullet or span tags to change the colours. Has styling of bullets moved on and can it be done by

Re: [css-d] Horizontal menu when menu name spans 2 lines

2 line horizontal list menus: Thanks all for the suggestions i'm off to try them all and learn something new. You all saved my ass again on a job :) Lisa __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailm

[css-d] Horizontal menu when menu name spans 2 lines

How do you make a css horizontal menu using a list when the menu items span over 2 lines? For example : About What our customers Do you need to Our Company say about us work with us ? Usualy i would just use an and style acco

Re: [css-d] why does clear:both not work on this div?

> > Like G.Sørtun said.. > > But you asked why... > Thanks, i needed that explanation. I knew it was something to do with floats being out of the flow but didn't make the connection till your explanation. > > Lisa > __ css-discu

[css-d] why does clear:both not work on this div?

The green bar (mainMenu) should be below the white menu (topMenu)in this design: http://www.mycfoasia.com/dev/ css:http://www.mycfoasia.com/dev/css/mycfo_mainstyles.css I thought putting a clear:both on #topmenu would work: #topMenu { float: right; color: #FFF; width: 600

Re: [css-d] nav layout on a mac

> > > "Contact" is beneath "Home" in Camino, Safari, WebKit, SeaMonkey, Opera, > and FF regardless of window width: Mac OS X 10.4. > A couple of screenshots fom browsercam: > > > I am getting the same result as above. Mac OS X 10.4, safari vers

Re: [css-d] unable to over ride an li

Thanks for all the discussion this generated. Sorry i did not participate as it was night time here. Original problem fixed thanks very much. Lisa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/list

Re: [css-d] unable to over ride an li

> > > Its the donations link. > > It needs to be aligned right and be bigger in size. > > You need to float the last , not the last . And the text of the > last menu item *is* larger than the rest. > > ~Chetan > Hi Chetan, I still can't get it to float. do i put float right in my ul li #donations

[css-d] unable to over ride an li

I need to make one li item have its own style, but i can't seem to get it to override the css for the rest of the list. Its the donations link. It needs to be aligned right and be bigger in size. I'm sure i'm probably just targeting the wrong selector but i've tried every combination i can think

Re: [css-d] adding a shadow

> > you can try this: > > http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/ > > (iirc, it was a bit of performance nightmare on IE, though - your > alternative is using an image) > > > > Thanks, i will give them all a whirl. Its not actually a requirement on the > site i

Re: [css-d] adding a shadow

Hi Philippe, I need it to be supported by all browsers and old ones too, so my question really is do i need to use images to accomplish this? Lisa > CSS3 box-shadow > http://www.w3.org/TR/css3-background/#the-box-shadow > > (not supported by IE 8 and older) > > > > > > _

[css-d] adding a shadow

I want to add a 'shadow' to my 'container box' that is keeping my website centered. I can find plenty of tutorials on the net for adding a drop shadow to images using css but they also use an image. Can a shadow be added to a div purely using css and no images? Anyone got a good tutorial you can

Re: [css-d] conditional comments, extra style sheets and IE6

On Wed, Dec 29, 2010 at 2:33 PM, Chetan Crasta wrote: > The easiest way (in my experience) to trigger hasLayout is with the > proprietary zoom:1 . You can put this declaration within a conditional > comment so that your page will validate. > > This is where i am getting confused with all my readin

[css-d] conditional comments, extra style sheets and IE6

Following on from earlier when i was advised to use overflow:hidden to get my div to expand, i've redone my template to include this plus what i think is the correct way to trigger haslayout for IE6 However since i have a) never before added a conditional comment to a webpage! b) added a second .c

Re: [css-d] add a background colour or img

> > height is not a good solution, as the height of the floated elements can > change with the user font size. > Min-height is a better option (but is not supported by IE6). > > overflow:hidden will work in IE 6 providing you also trigger 'hasLayout'. > See [1] below for all the details. > > [1] >

Re: [css-d] add a background colour or img

On Wed, Dec 29, 2010 at 11:25 AM, Germán Martínez wrote: > Hi Lisa, > > Because both s are floated, the header has no height. > You could either define a height for #header height: 156px; or use > overflow: hidden; > (I'm not sure if overflow:hidden; will work in IE6). > > Good luck! > > Thanks,

[css-d] add a background colour or img

The top part of this webpage currently has the website name and a donations box and is set on a white background which it is obtaining from the "container" div. I want to change the background of this part of the website (the bit above the red menu) to a different colour. When i add a background

Re: [css-d] selected link colour problem

On Thu, Nov 11, 2010 at 1:04 AM, Shawn Lawler wrote: > Lisa, > > Your selector: > #sidemainmenu a:visited > > is stronger than: > #sidemainmenu .currentpage > > You could bump the strength of your .currentpage selector like so (there > are other ways as well): > #sidemainmenu a.currentpage > > Ch

[css-d] selected link colour problem

Ok, this has me completely stumped. I have a menu list as follows: http://www.diabetespolarflight.org/index.html>">Home http://www.diabetespolarflight.org/xhtml/donations.html>">Donations http://www.diabetespolarflight.org/xhtml/bios.html>">Biographies http://www.diabetespolarflight.org/xhtml/p

Re: [css-d] which tag do i target with css for the hover effect i want

> > > Whilst that will work, and fully answers the question, from a CSS > perspective, you should be aware that the link target areas (i.e. what can > be clicked on) will then differ from (be smaller than) the list items which > are coloured. If you think that disconnects fine, then by all means us

[css-d] which tag do i target with css for the hover effect i want

Hi, I've tried every combination of padding and margin i can think of, on the or the tag and can not work out which tag i should be targeting to get a hover effect where the background colour changes to fill the whole menu item (ie box), not just behind the text. Sorry hard to explain, you can s

Re: [css-d] property for aligning vertical text in a div

This works much better than fiddling with the top padding on the tag. However i don't understand positioning very well apart from floats. So just to clarify for me: Position relative on the footer div - what's it relative too? Why do we add a 0 on the absolute position. Does bottom not mean righ

Re: [css-d] property for aligning vertical text in a div

> "You can easily add a margin on the tag within the footer to push the > text down the page to where you need it to be." > Never thought of that. Thanks, that's an easy solution. But going back to my original question. Is there an actual property to accomplish it, like you can have vertical-alig

[css-d] property for aligning vertical text in a div

Hi, I have no idea what property i need to accomplish the following. If anyone can point me in the right direction i can then go and look it up. I have footer div which has a background image. Question 1: To get the background image to display i needed to add width and height values. Is that corr

[css-d] table or not to table, was 4 part question about lining up boxes

Thanks for all the replies concerning the previous thread. I have been trying out some of the css from some of the references suggested and having some sucess. What started me thinking though was Georg's last suggestion that this type of information would be suitable for a table if time is tight, w

[css-d] 4 part question about lining up 'boxes' of information

Forgive my ignorance but i am still completely new to css and yet to complete a whole site using it. I have 4 questions in my search for understanding. The page in question is here: http://www.diabetesflight50.org/test/xhtml/supporters.html css here: http://www.diabetesflight50.org/test/css/main

Re: [css-d] aligning elements

Hi Peter, Thanks, floating left and changing some padding and margins have now produced the desired effect. I used an image just because its not a standard font. All the other fonts on the site are quite bland and the bog standard ones you find on most peoples computers. Haven't finished doing all

[css-d] aligning elements

Hi, How do I go about vertically aligning the name of the villa in my header div with the menu. Is there a css property to do this? And do I put this property on my img? Page is here: http://www.villaphuket.com/dev/ Css: http://www.villaphuket.com/dev/css/mainstyles.css Thanks Lisa