Please ignore - I think I've gotten closer to what I need now. Basically I put everything in a single <a> tag, and floated various elements within that.
eg: http://www.abm.id.au/list-samples/20100701/samples/digg/index2.html#_home On 1 July 2010 13:42, Andrew Myers <[email protected]> wrote: > Hi Folks, > > I'm trying to find my way around the iui.css and I'm a little confused. > > Essentially what I had hoped to do was something similar to the > index.html in "digg" sample, but also with a column of text aligned at > the right (just to the left of the listArrow). > > I tried adding this to the styles: > > li .text-right { > display: block; > float: right; > background: none; > } > > And changing the first list item like this: > > <li> > <a class="digg-count">118</a> > <a href="The_Thermonuclear_Oops_List.html">The > Thermonuclear "Oops" List</a> > <a class="text-right">ABC</a> > </li> > > However the text ABC is aligned too low. > > This gets me closer to what I want: > > li .text-right { > display: block; > position: absolute; > top: 7px; > left: 250px; > background: none; > color: white; > width: 36px; > margin: 0; > border: 0; > padding: 0; > background-color: black; > height: 30px; > } > > But I am not sure about specifying the width because I want to avoid a > scenario where the text gets "typed over". You can see what I mean > here: > > http://www.abm.id.au/list-samples/20100701/samples/digg/#_home > > Is there any way I can prevent this? > > Also I'm not sure why any height I specify isn't making any > difference. Is anyone able to assist me to understand what is going > on here? I have done some CSS before, but am a bit lost here... > > Many thanks, > Andrew. > -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
