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.
