473,320 Members | 1,838 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

block element inside inline element

Hi.
The code of my page is generated by script. However the code is the
following (I write it manually, sorry if there are some errors):
<span class="question">
<span class="number">1</span>
<span class="content"> Here can stay span with text childNode, image,
animation,etc..</span>
</span>

The question span is display block.
I want the number and the firstchild of the content in the same line.
The best thing to do is set the display:block property of the content
span and also the position:relative and use top and left property to
align the block of content with the number.(all the content is
display:block)
But in this way I have some problems whit the application so it don't
work (the cause is position:relative).
So, I have try whit number and content display:inline, the firstChild
of the content also display:inline, and the rest of the content
display:block.
In this way I have block elements (the second, third,... child of the
content span) inside a inline element (the content span).
It should work only on mozilla(1.6 or later) and firefox.
The xhtml is valid or not?
It is correct?
Thanks

Jan 21 '06 #1
5 3301
st**********@tiscali.it wrote:
The code of my page is generated by script. However the code is the
following (I write it manually, sorry if there are some errors):
<span class="question">
<span class="number">1</span>
<span class="content"> Here can stay span with text childNode, image,
animation,etc..</span>
</span>

The question span is display block.
I want the number and the firstchild of the content in the same line.


That seems to be a list, right? So why don't you use an ordered list (ol
with li) in HTML?

--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)
Jan 21 '06 #2
st**********@tiscali.it wrote:
Hi.
The code of my page is generated by script. However the code is the
following (I write it manually, sorry if there are some errors):
<span class="question">
<span class="number">1</span>
<span class="content"> Here can stay span with text childNode, image,
animation,etc..</span>
</span>

The question span is display block.

It does not matter. The above is valid HTML. That you have changed the
*presentation* to a block is irrelevant.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jan 21 '06 #3
Jim Moe wrote:
st**********@tiscali.it wrote:

<span class="question">
<span class="number">1</span>
<span class="content"> Here can stay span with text childNode, image,
animation,etc..</span>
</span>

The above is valid HTML.

^^^^^

I think that's debatable. Span soup isn't valid in my book. ;)

"question" looks like it should be a block element, anyway, so span is
definitely the wrong element for the job.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jan 22 '06 #4
On Sat, 21 Jan 2006 19:43:02 -0600, kchayka <us****@c-net.us> wrote:
The above is valid HTML.
I think that's debatable. Span soup isn't valid in my book. ;)


It's not at all debatable. "Valid" has a formal meaning and this
fragment (on a suitable page) meets it. It might not be "good practice",
you might not like it, but it's still valid.

<blockquote><blockquote>
Foo
</blockquote></blockquote>

is also perfectly valid, even when it's only being used to mean "double
indent". Not goo, maybe - but still formally valid.

"question" looks like it should be a block element, anyway,


I'd probably agree.

Personally I have no problem with "span soup". It's a few characters
more, but it's not harmful. It also has many valid uses, particularly in
a Semantic Web sense.
Jan 22 '06 #5
On 2006-01-21, st**********@tiscali.it <st**********@tiscali.it> wrote:
Hi.
The code of my page is generated by script. However the code is the
following (I write it manually, sorry if there are some errors):
<span class="question">
<span class="number">1</span>
<span class="content"> Here can stay span with text childNode, image,
animation,etc..</span>
</span>
why not use <ol> instead?
The question span is display block.


why not use a block element like <p> <div> or (gasp!) <li> ?

If you match the HTML to the semantics of the content, the styles often
become easier.

--

Bye.
Jasen
Jan 22 '06 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Aaron | last post by:
Hi, I'm trying to use style sheets instead of tables for layout, but I'm not sure on how to do something... I have a div (100% width) containing 3 other divs. Each needs to be lined up next to...
7
by: Zhang Weiwu | last post by:
Hello. This is problem puzzled me a long time. I wish to organize some block elements and let them flow one after each other like text. Think about a album, I wish the album have 12 thumbnails,...
4
by: Axel Dahmen | last post by:
Hi, current browsers don't support "display: inline-block;" and "display: inline-table;", resp. Thus I'm using "float: left;" to achieve a similar effect. Problem is that if a row of elements...
12
by: Eric Lindsay | last post by:
I'm trying to learn how to read a DTD I wanted to use, http://www.w3.org/TR/html4/strict.dtd to ensure I was treating each element correctly in terms of being block, inline, or flow (either). ...
6
by: ste.paoletti | last post by:
hi, I have read that browsers support block element inside inline element but the css is not valid. Someone can tell me more about? What do you think? Thanks.
2
by: ste.paoletti | last post by:
Hi. The code of my page is generated by script. However the code is the following (I write it manually, sorry if there are some errors): <span class="question"> <span class="number">1</span>...
26
by: Bill Norton | last post by:
If you wrap one division around another like this: <div id="wrapper"> <div id="child">...</div> </div> ....the wrapper division will be considered the containing block of the child division...
6
by: dave8421 | last post by:
Hi, I'm a bit confused about the definition about "Prinicpal Block Boxes" in CSS 2.1 draft specification. ( http://www.w3.org/TR/2006/WD-CSS21-20061106 ) <pre> 9.2.1 Block-level elements and...
11
by: totalstranger | last post by:
I have a check box with let's say 20 elements. I would like to have it align as 4 columns, 5 rows. Without using a table and using understandable CSS is there any way to make the check boxes align...
5
by: SuneR | last post by:
Hi, I am having problems figuring out how to make Firefox behave, and output the HTML I want it to output. The thing I want done is actually quite simple. I have a <labeltag, and inside it, I...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.