[css-d] fluid layout within a div with title and controls
Hello all:
I have been trying to do this for a while with no luck. I am trying to
create a layout for sections of my page that looks like a window (title
bar, controls ..etc). Here's the html
my title
my contents
.window-bar{width:100%;}
.title{float:left;}
.controls{float:right;}
however, when I float .title and .controls the .window-bar resize and
disapear as they go out of this container. I tried many things but
nothing worked. Can someone please suggest something?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to select an element that does not containanattrbite
Geoffry, I am not sure how to answer your question. I don't know if this is recommended or best practice. My issue is, I have a very large set of data (key,value) in xml format. This xml file is to be displayed in the browser and edited. So, I need to put it in a table, and put the values an input tags. Now, there's other input tags in the page. I can customize the inputs the way I like using css. However, the tags for the fields to be edited are text boxes. And these text boxes input can be generated in html without giving the field type. While other inputs need type. So what I wanted is to format the text boxes, but not the buttons or other inputs. I know I can add a class attribute for anything I want, but considering the size of the file, and the amount of data, this will increase the download time. Now that I tested it and completed the generation of the html using XSLT, I don't find it too bad. And I can happily live with it. The idea of having a selector that selects an element without a specific attribute came from xpath. I work sometimes with xslt, and I find it very handy, and wondered if there's some similar functionality in CSS. For example in xpath you can do this (select="a_tag[not(@attr)]) and this will select the element called a_tag that does not have attribute "attr" set. Any way, my problem is resolved. Thank you. Geoffrey Hoffman wrote: > Is this a 'best practice' or is it recommended for inclusion in future RFCs? > I'm familiar with the idea of having exactly one id="unique" per page, but > H1? I always assumed that on a news site, for example, every headline would > be an H1, whereas every subhead would be an H2. I realize there's really no > difference in using H2 for every headline and H3 for subheads, I just > haven't set up my news-related pages that way. > > > On Thu, May 29, 2008 at 1:02 AM, Jukka K. Korpela <[EMAIL PROTECTED]> > wrote, in part: > > >> As others have noted, the h1 element is not a good example, since >> normally there is (or should be) just one h1 element per page. >> >> >> > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] how to select an element that does not contain an attrbite
I am wondering if there's a way to select an element that does not have the specified attribute set? For example, let's say I need to format all the H1 elements except one that has style attribute set. How do I do this ? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Block in the middle of the text
I am facing some difficulties here, and I hope there's someone can help. It looks like this issue is very common, as there are many hits for block related questions on google, but none of them gave me exactly what I needed, and couldn't figure it out myself. I need to be able to put a block in the middle of the text. Some thing like this: some text goes here,| A multi line| | block starts| |here and ends | | here. |, then some text follows the block. How can I do this ? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] problem with hovering
Hi Every body:
I am trying to create a drop down simple menu. I am having a problem
only with IE6 only. The menu drops down when Ith emouse is over the
main item. However it disappears soon when I move th emouse down to the
bottom I tems. here is what I have:
ul
{
background-color:darkblue;
color:white;
text-align:right;
display:block;
padding:0 10px;
}
ul li
{
z-index: 500;
cursor:pointer;
cursor:hand;
display:inline;
position:relative;
}
ul li div
{
z-index: 500;
position:absolute;
display:none;
list-style:none;
left:0;
width:120px;
float:left;
}
ul li:hover div , ul li div:hover
{
position:absolute;
display:block;
}
ul li div a:hover
{
background-color:blue;
display:block;
}
ul li div a
{
z-index: 50;
display:block;
margin: 1px 0;
color:white;
background-color:darkblue;
text-align:right;
font-size:8pt;
clear:both;
position:relative;
}
+
and the HTML is:
Documentation
Articles
White papers
Guides
now I have noticed that the menu disappears when I go down to let's say
"Guides" link. This links is posined above another box. I mean th ebox
is behind this item in the body of the document. How do I get around
this. please advice me, as I have been trying for the last few days.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
