HighDots Forums  

other problem with IE

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss other problem with IE in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
ste.paoletti@tiscali.it
 
Posts: n/a

Default other problem with IE - 12-15-2005 , 03:51 PM






Ok, IE don't support CSS2 selector; thanks for your answers.
I'm trying another way but it work only in firefox and not in IE. Is
about the position:relative property.
I will be more cleare next:
I must create a test (with question and answer) and for the answer list
I have the following xhtml code:
....
<span class="answer">
<img
src="http://www.google.com/url?sa=D&q=http://groups.google.com/img/watched_y.gif"
class="image" />
<input type="radio" class="radio"/>
<span class="itemnum">1</span>
<span class="content">HERE COULD BE IMAGE , SPAN(WHIT TEXTCHILDNODES),
ECC</span>
</span>
<span class="answer">
<img
src="http://www.google.com/url?sa=D&q=http://groups.google.com/img/watched_y.gif"
class="image" />
<input type="radio" class="radio"/>
<span class="itemnum">2</span>
<span class="content">HERE COULD BE IMAGE , SPAN(WHIT TEXTCHILDNODES),
ECC</span>
</span>
....

and the following CSS:
..answer{
display:block;
}
..image{
display:inline;
}
..radio{
display:inline;
}
..itemnum{
display:inline;
}

..content{
display:block;
position:relative;
top:-10px;
left:40px;
}

The scope is align the image, radio, and number with the content (the
childs of content span must be all display:block)
In IE it should work?
I have strange result...
help please!
thanks


Reply With Quote
  #2  
Old   
Steve Pugh
 
Posts: n/a

Default Re: other problem with IE - 12-16-2005 , 04:06 AM






ste.paoletti (AT) tiscali (DOT) it wrote:
Quote:
Ok, IE don't support CSS2 selector; thanks for your answers.
I'm trying another way but it work only in firefox and not in IE. Is
about the position:relative property.
I will be more cleare next:
I must create a test (with question and answer) and for the answer list
I have the following xhtml code:
...
span class="answer"
<img
src="http://www.google.com/url?sa=D&q=http://groups.google.com/img/watched_y.gif"
class="image" /
Missing the required alt attribute.

Quote:
<input type="radio" class="radio"/
<span class="itemnum">1</span
Should this perhaps be a <label> element instead?

Quote:
<span class="content">HERE COULD BE IMAGE , SPAN(WHIT TEXTCHILDNODES),
ECC</span
/span
span class="answer"
<img
src="http://www.google.com/url?sa=D&q=http://groups.google.com/img/watched_y.gif"
class="image" /
<input type="radio" class="radio"/
<span class="itemnum">2</span
<span class="content">HERE COULD BE IMAGE , SPAN(WHIT TEXTCHILDNODES),
ECC</span
/span
...

and the following CSS:
.answer{
display:block;
}
So why not use <div> instead of <span>?

Quote:
.image{
display:inline;
}
.radio{
display:inline;
}
.itemnum{
display:inline;
}
inline is the default for those elements so why bother?

Quote:
.content{
display:block;
position:relative;
top:-10px;
left:40px;
}
Looks reasonable, though again why not use a <div> and isn't the top:
-10px running the risk of successive lines overlapping? In general
margins are better than relative positioning for many situations.
Though without an actual page to look at it's impossible to say whether
that's the case here.

Quote:
The scope is align the image, radio, and number with the content (the
childs of content span must be all display:block)
In IE it should work?
I have strange result...
Please post a URL so that we can see what the "strange result" is.

Steve



Reply With Quote
Reply




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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.