Div tab with no carige return, is it possible?

Question

HI! Is it possible to have a div tag with no carriage return,
I notice that
if we have an text or an image and insert an div tag with
content in it that
in code view it will automatically add a carriage return (
meaning that in
design view that text or image is not in line with the
content of the div
tag).
Is there a way around this. ( perhaps css? but how?).
Paul

Answer 1

Murray *ACE* wrote:
> You're welcome, Paul.
>
>
> "Paul" <[email protected]> wrote in message
> news:[email protected]...
>> Murray *ACE* wrote:
>>> A block element (table, div, h#, hr, p, etc.)
forces a new line on the
>>> page within its container. An inline element
does not. That's why you
>>> can have adjacent images but not adjacent tables
(using default
>>> placements) or adjacent paragraphs. Thus, in the
flow of the code on
>>> the page, block elements begin on a new line,
and push subsequent
>>> content to a new line. But there is no carriage
return involved - it's
>>> just the way the page works.
>>> By floating the block element, you 'remove it
from the flow' in a way
>>> that
>>> does NOT necessarily force subsequent content to
a new line. Multiple
>>> adjacent divs, each floated left, will align
across the page like
>>> soldiers.... 8)
>>>
>>> Of course, you would have to clear the float
afterwards to avoid layout
>>> problems further down the page.
>>>
>>>
>>> "Paul" <[email protected]> wrote in
message
>>> news:[email protected]...
>>>> Murray *ACE* wrote:
>>>>> That would be one way. A better way
would be to float the div,
>>>>> leaving it
>>>>> as a block element.
>>>>>
>>>>> div { float:left; }
>>>>>
>>>>> And there is no carriage return at all.
All block elements sit on
>>>>> their
>>>>> own line - that's how HTML works.
>>>>>
>>>>>
>>>>> "Paul" <[email protected]>
wrote in message
>>>>>
news:[email protected]...
>>>>>> Paul wrote:
>>>>>>> HI! Is it possible to have a div
tag with no carriage return, I
>>>>>>> notice
>>>>>>> that if we have an text or an
image and insert an div tag with
>>>>>>> content
>>>>>>> in it that in code view it will
automatically add a carriage return
>>>>>>> ( meaning that in design view
that text or image is not in line with
>>>>>>> the
>>>>>>> content of the div tag).
>>>>>>>
>>>>>>> Is there a way around this. (
perhaps css? but how?).
>>>>>>>
>>>>>>> Paul
>>>>>>
>>>>>> HI! all, the solution to this and
other block elements is to use CSS,
>>>>>> you
>>>>>> can specify a DIV to be an inline
element.
>>>>>>
>>>>>> example:
>>>>>>
>>>>>> div {
>>>>>> display: inline;
>>>>>> vertical-align: bottom;
>>>>>> }
>>>>>>
>>>>>> This will align text and a div next
to it without a carriage return
>>>>>> or line break.
>>>>>>
>>>>>> Here is another example of a block
element behaving like an inline
>>>>>> element.
>>>>>>
>>>>>> h1 { display: inline; }
>>>>>>
>>>>>> Well that's it. Hope this helps
someone :)
>>>>>>
>>>>>> Paul
>>>>
>>>> HI! Thanks murray. btw what do you mean by
"All block elements sit on
>>>> their own line" as oppose to others that
don't?
>>>> can you explain a bit more. :)
>>>>
>>>> Paul
>>
>> HI! Thanks alot for the explanation. :)
>>
>> Paul
HI! for some reason it did work with the code that I am
using. I am using
swfobject to insert a flash button. the swf code is using a
div and when I
tried using the float option the button was not displayed at
all. I have
inserted the swf code at the bottom.
What I tried instead was to create a name for the tag
selector and use it on
the div that holds the flash button to be inlined.
div.inlineflashcontent {
display: inline;
vertical-align: bottom;
float: none;
This way only the that div will be inlined. below is the swf
code that I am
using for the flash insertion. Do you know why the float
option does not
work with the code below?
Paul
***********SWF code and script for flash insertion
<div class="inlineflashcontent" id="flashcontent">
Error! You either have jscript turned off or you do not have
a flash
plugin.<BR>
<a href="Errors_warnings/flash_
not_detected.asp">Click here to get
plugin.</a></div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("chat_goto_button.swf", "fotester",
"83", "12",
"8.0.22", "#FFFFFF", true);
so.addVariable("flashVarText", "this is passed in via
FlashVars");
so.addParam("wmode", "transparent");
so.write("flashcontent");
// ]]>
</script>
***************End of SWF code***************