I am trying out a div which is a footer for a page, which contains a
<p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to be
placed on the left of the div, and the <a> element on the right.
I've put a float : right ; on <a> elements in the footer div. This seems to
work fine in opera 7.11 & netscape 7, but in IE6 the <a> is placed to the
right as expected, but the <p> element is placed on the left but too low, so
that it is below the vertical position of the <a> element rather than at the
same level.
Any ideas of how to correct this in IE ?
Cheers
Tony 7 2212
Tony Benham wrote: I am trying out a div which is a footer for a page, which contains a <p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to be placed on the left of the div, and the <a> element on the right.
It would be easier if you supplied a URL to a testcase. We have no way of
knowing whether the <p> and <a> elements are siblings, and which comes
first in the document flow. From the above, it sounds as though they are
siblings and the <p> element comes first, but this:
I've put a float : right ; on <a> elements in the footer div. This seems to work fine in opera 7.11 & netscape 7,
....sounds as though the <a> element comes first with the <p> element
following it, or perhaps the <a> element is a child of the <p> element and
you have confused the <p> element with the text it contains.
Internet Explorer does some strange things with margins sometimes, and it
also has a 3px offset bug that appears under some circumstances. You might
want to look into them by setting different-coloured borders as a debugging
aid. Post a URL and perhaps somebody will be able to help you.
--
Jim Dabell
"Jim Dabell" <ji********@jimdabell.com> wrote in message
news:88********************@giganews.com... Tony Benham wrote:
I am trying out a div which is a footer for a page, which contains a <p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to
be placed on the left of the div, and the <a> element on the right. It would be easier if you supplied a URL to a testcase. We have no way of knowing whether the <p> and <a> elements are siblings, and which comes first in the document flow. From the above, it sounds as though they are siblings and the <p> element comes first, but this:
I've put a float : right ; on <a> elements in the footer div. This seems to work fine in opera 7.11 & netscape 7,
------ aid. Post a URL and perhaps somebody will be able to help you.
-- Jim Dabell
Jim,
Here an example http://laurelparkfc.port5.com/test.htm
I want the some text line to line up with the webmaster link
The css for the footer div is
div#footer {margin : 0 ; background: #08C02A ; font-size : 80%; color :
yellow; border : 1em ;border-color: #888;}
div#footer a {float : right ; padding : 0.5em; color : black}
div#footer p {padding : 0.5em 0.5em 0.5em 0.5em ; text-align : left ;}
Cheers
Tony
On Wed, 15 Oct 2003 15:47:10 +0100, "Tony Benham"
<to***@kerrisway.freeserve.co.uk> wrote: I am trying out a div which is a footer for a page, which contains a <p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to be placed on the left of the div, and the <a> element on the right. I've put a float : right ; on <a> elements in the footer div. This seems to work fine in opera 7.11 & netscape 7, but in IE6 the <a> is placed to the right as expected, but the <p> element is placed on the left but too low, so that it is below the vertical position of the <a> element rather than at the same level. Any ideas of how to correct this in IE ?
It sounds as if you want to do something similar to what I do in the
footer of my site - see sig. See if that helps.
--
Stephen Poley http://www.xs4all.nl/~sbpoley/webmatters/
"Tony Benham" <to***@kerrisway.freeserve.co.uk> wrote in message
news:bm************@ID-170918.news.uni-berlin.de... "Jim Dabell" <ji********@jimdabell.com> wrote in message news:88********************@giganews.com... Tony Benham wrote:
I am trying out a div which is a footer for a page, which contains a <p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element
to be placed on the left of the div, and the <a> element on the right.
It would be easier if you supplied a URL to a testcase. We have no way
of knowing whether the <p> and <a> elements are siblings, and which comes first in the document flow. From the above, it sounds as though they
are siblings and the <p> element comes first, but this:
I've put a float : right ; on <a> elements in the footer div. This
seems to work fine in opera 7.11 & netscape 7, ------ aid. Post a URL and perhaps somebody will be able to help you.
-- Jim Dabell Jim, Here an example http://laurelparkfc.port5.com/test.htm I want the some text line to line up with the webmaster link The css for the footer div is div#footer {margin : 0 ; background: #08C02A ; font-size : 80%; color : yellow; border : 1em ;border-color: #888;} div#footer a {float : right ; padding : 0.5em; color : black} div#footer p {padding : 0.5em 0.5em 0.5em 0.5em ; text-align : left ;}
The block element, p, causes the break.
The solution is based on something like this
<div style="text-align:left;padding:0.5em;">
<div style="float:right;width:25%;"><A
href="mailto:to***@kerrisway.freeserve.co.uk?subje ct=LPFC Webmaster
Enquiry">Contact
Webmaster</A></div>
Some Text
</div>
Louise
> The block element, p, causes the break. The solution is based on something like this
<div style="text-align:left;padding:0.5em;"> <div style="float:right;width:25%;"><A href="mailto:to***@kerrisway.freeserve.co.uk?subje ct=LPFC Webmaster Enquiry">Contact Webmaster</A></div> Some Text </div>
Louise
Hi Louise,
Thanks for the reply, that does work fine. I'm curious why IE works
differently to Netscape/opera though ?
Thanks
Tony
"Stephen Poley" <sb******************@xs4all.nl> wrote in message
news:va********************************@4ax.com... On Wed, 15 Oct 2003 15:47:10 +0100, "Tony Benham" <to***@kerrisway.freeserve.co.uk> wrote:
It sounds as if you want to do something similar to what I do in the footer of my site - see sig. See if that helps.
-- Stephen Poley
http://www.xs4all.nl/~sbpoley/webmatters/
Hi Stephen,
Thanks for the advice. On a totally different tack do you mind telling me
which technique you use for automatically inserting the footer code into
your page ? I'm thinking of doing this, and have been starting to look at
php or ssi ?
Thanks
Tony
"Tony Benham" <to***@kerrisway.freeserve.co.uk> wrote in message
news:bm************@ID-170918.news.uni-berlin.de... The block element, p, causes the break.
The solution is based on something like this
<div style="text-align:left;padding:0.5em;"> <div style="float:right;width:25%;"><A href="mailto:to***@kerrisway.freeserve.co.uk?subje ct=LPFC Webmaster Enquiry">Contact Webmaster</A></div> Some Text </div>
Louise Hi Louise, Thanks for the reply, that does work fine. I'm curious why IE works differently to Netscape/opera though ?
I don't know about netscape and opera, but certainly Moz 1.3.1 displays as
IE6 and I believe that is the correct interpretation. Even NS4 displays as
desired if the text is not contained in another block element
The reason that I think the text and link are on apparently different lines
is that
1 .. the text is contained in a p (with inherent margins)
2 .. the link floated in the containing div that does not have declared
margins.
Therefore the p margin is "not" applied to the floated div. This can be
shown by fiddling with the margin declared on p. (But why contain the text
in another block element?)
It is the obverse of the case discussed in the thread, "Float and Margin
Issues" OP Mike Irwin.
Louise This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Eshrath |
last post by:
Hi,
What I am trying to do:
=======================
I need to form a table in html using the xsl but the table that is
formed is quite long and cannot be viewed in our application. So we
are...
|
by: Donald Firesmith |
last post by:
I am having trouble having Google Adsense code stored in XSL converted
properly into HTML. The <> unfortunately become < and > and then
no longer work.
XSL code is:
<script...
|
by: RJN |
last post by:
Hi
I'm using XMLTextReader to parse the contents of XML. I have issues when
the xml content itself has some special characters like & ,> etc.
<CompanyName>Johnson & Jhonson</CompanyName>...
|
by: JezB |
last post by:
I'm binding a DataGrid web-control to data fetched from a database. However
some of my data fields contain text that is within <...> characters - I
notice that everything between the <> is...
|
by: Neil Zanella |
last post by:
Hello,
I would like to know what the difference is among the constructs
<%= %> for evaluating an expression and displaying the evaluated
result on the page and <%# %>. In particular I would like...
|
by: RJN |
last post by:
Hi
I'm using XMLTextReader to parse the contents of XML. I have issues when
the xml content itself has some special characters like & ,> etc.
<CompanyName>Johnson & Jhonson</CompanyName>...
|
by: mike |
last post by:
I've got some code like this:
gametype_id = Request.Form("gametype_id")
response.write "<br>gametype_id from form>" & gametype_id & "<"
response.write "<br>gametype_id from database>" &...
|
by: ajay2552 |
last post by:
Hi,
I have a query.
All html tags start with < and end with >. Suppose i want to display either '<' or '>' or say some text like '<Company>' in html how do i do it?
One method is to use <,...
|
by: Michael |
last post by:
Since the include function is called from within a PHP script, why
does the included file have to identify itself as a PHP again by
enclosing its code in <?php... <?>
One would assume that the...
|
by: newbie |
last post by:
Same thing g++ complains when using hash_map<>, but is happy with
map<--I understand hahs_map is not standardized, but since the
compiler didn't complain something like 'hash_map<not defined', I...
|
by: DolphinDB |
last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation.
Take...
|
by: ryjfgjl |
last post by:
ExcelToDatabase: batch import excel into database automatically...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, we are pleased to welcome back...
|
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...
|
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...
|
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...
|
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)...
|
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...
|
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
| |