Button float

[evropa]

I have a green hide button I would like to the far right, I have tried using
float: right, and using padding/margin to move it there but as you can see in
'sponsi dictionary' there is more text before the button then there is in for
'personal dictionary' therefore it setting margin/padding only works for
'sponsi dictionary' or vice versa. my question is what do i set so both match
up?

[url]www.iankovi.com/newfolder/loggedin.html[/url]

[url]www.iankovi.com/newfolder/style.css[/url]

[Excavatorak]

Right now you have the whole content of class=profileright enclosed in <h2>
tags.
Move the </h2> to the end of the text, move the green hide button first so you
can apply float: right; and then add the missing </div> to the end of it all.
You end up with

<DIV class=profileright>
<DIV class=hidenshow>Hide</DIV>
<H2 class=smallheadingpad2>Personal Dictionary</H2>
</DIV>

[Excavatorak]

Also, have you looked at this in Internet Explorer? It's very broken.
You need to adjust the widths on your divs to fix it.

[Excavatorak]

I think I explained that poorly so here is the full snippet of code working
just fine. You just need to add float: right; to .hiddenshow to make it work.


<DIV class=profileright>
<DIV class=hidenshow>Hide</DIV>
<H2 class=smallheadingpad2>Personal Dictionary</H2>

<UL>
<LI><A href="http://www.iankovi.com/newfolder/loggedind.html#">Add a term
</A>
<LI><A href="http://www.iankovi.com/newfolder/loggedind.html#">View all
terms</A>
<LI><A href="http://www.iankovi.com/newfolder/loggedind.html#">Delete all
terms</A>
<LI><A href="http://www.iankovi.com/newfolder/loggedind.html#">Submit a
term</A> </LI></UL></DIV>

[evropa]

Thank you for your help, which divs should I adjust? I've been messing around with it, but no luck.

[Excavatorak]

Thank you for your help, which divs should I adjust? I've been messing around
with it, but no luck.

Wow, that is a lot of code for someone to pick through. If you just widen the
#container div it fixes it but you don't really want to do that. If you just
play with #profilecontainer width you can get the floats to go side by side I
think. I'm just looking at it with FF web developer toolbar (DOM inspector).
Very handy to do a quick edit but no way to preview the results in IE.

If changing the width on #profilecontainer doesn't do what you want then have
a look at .profileright

Why the conflicting widths on #profilerightcontainer and .profileright anyway?

After you get your floats fixed you'll need to do some work to your footer
too. IE breaks that too.



And... what I always say:
"write it for FireFox then hack it for IE."


[url]http://www.alistapart.com/articles/doctype/[/url]
[url]http://validator.w3.org/[/url]
[url]http://jigsaw.w3.org/css-validator/[/url]
[url]http://valet.htmlhelp.com/page/why.html[/url]
[url]http://webdesign.about.com/od/layout/a/aa111102a.htm[/url]

[evropa]

The fix for the 'hide' button isn't working as I expected. Under "Sponsi
Dictionary" it is still going below. I somewhat fixed it in IE, but it still
isn't displaying as it should and as FF, and Opera are. I did fix the bottom,
all I needed to add was a width. Also in Firefox I am seeing my top navigation
text is moved down, for some reason. Below is a screenshot of what I am seeing
in IE, and a updated page. Again thank you for all your help!

[url]http://img313.imageshack.us/img313/9342/ie2kz.png[/url]
[url]http://www.iankovi.com/newfolder/loggedind.html[/url]

Also overall do you think my code is decent? I've decided to use divs, just
because I've heard they 'speed' up the loading process and save bandwidth.

[Excavatorak]

Well, the menu looked good for me in both IE and FF until I visited a link.
Once the menu uses a visited tag it breaks like your screencap shows. Not sure
where you'll find that.

Also overall do you think my code is decent?

I think it's a good start... needs some cleaning up though. Right now it is a
little more complicated than it needs to be and there is a lot of redundancy
that might be causing problems. I would say you need to spend some time (a lot
of time) going through it and seeing what you don't need.

For example:
maybe both .profileleft li and #left li could just go away since your not
using them anywhere.

In your <head> you have "<link href="loggedind_files/style.css"
rel="stylesheet" type="text/css">" and then 14 lines down you link to it again
with "<style xml:base="/newfolder/" type="text/css"
id="webdeveloper-edit-css-style-0">"
That should read "<style type="text/css">" and just delete the link to it
until you make your css external.

In <div id="bottom">Sponsi 2006 &nbsp; Terms of Use &nbsp; Privacy Policy
&nbsp; About &nbsp; Contact &nbsp; Sign Up &nbsp; Advertise
</div> your styling your text with the div tag instead of enclosing it in <p
class="footer1"> or similar.
Make it read <div id="bottom"><p class="footer1">Sponsi 2006 &nbsp; Terms
of Use &nbsp; Privacy Policy &nbsp; About &nbsp; Contact &nbsp; Sign Up
&nbsp; Advertise</p></div>
</div>
and add
#bottom {
clear: both;
height: 42px;
}
.footer1 {
font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
to your css.


This is all just examples of how I would do it. I'm sure others would do it
differently and you will too... just so it works in the end. I would just try
to keep it as simple as possible - you have an incredible ammount of code for
what little you are actually styling.

[evropa]

Thank you for all your help, I fixed both the left and right containers, all i
needed to add was display:inline. I was actually thinking about recoding the
whole page, but I'm glad this fixed it.

I styled the bottom text with the div tag, because it just seemed it would
require less code. P refers to paragraph correct? Why would I need to use that
when the text could be styled without it?

[Excavatorak]

I styled the bottom text with the div tag, because it just seemed it would
require less code. P refers to paragraph correct? Why would I need to use that
when the text could be styled without it?

Just my personal preference, I like styling text with text markup and styling
divs with div markup. Does that make sense? I'm sure that could be worded
better.

Also is there a way using Dreamweaver that I can check which ID'S/Classes are
not being used?

I used Edit/Find All.
Also try the DOM inspector in FF web developer toolbar.

You've validated now!
[url]http://validator.w3.org/check?verbose=1&uri=http://www.iankovi.com/newfolder/log[/url]
gedind.html

[Murray *TMM*]

It'd sure be easier to read these threads if you used some quoting method
for distingushing your comments from those to which you are replying - like
this:

> Also is there a way using Dreamweaver that I can check which ID'S/Classes
> are
> not being used?

Yes - definitely.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Excavatorak" <stewart@nopeople.com> wrote in message
news:dsokvq$q4q$1@forums.macromedia.com...

>I styled the bottom text with the div tag, because it just seemed it would
> require less code. P refers to paragraph correct? Why would I need to use
> that
> when the text could be styled without it?
>
> Just my personal preference, I like styling text with text markup and
> styling
> divs with div markup. Does that make sense? I'm sure that could be worded
> better.
>
> Also is there a way using Dreamweaver that I can check which ID'S/Classes
> are
> not being used?
>
> I used Edit/Find All.
> Also try the DOM inspector in FF web developer toolbar.
>
> You've validated now!
> [url]http://validator.w3.org/check?verbose=1&uri=http://www.iankovi.com/newfolder/log[/url]
> gedind.html
>

[Excavatorak]

It'd sure be easier to read these threads if you used some quoting method
for distingushing your comments from those to which you are replying - like
this:

I'm using this boards quote tags, q and /q enclosed in , not my fault you
can't see them.
As for readability, maybe some of us could stop quoting the ENTIRE message
EVERY time in EVERY reply? It's probably just the way your newreader works but
then I already knew that.

[Murray *TMM*]

> I'm using this boards quote tags, q and /q enclosed in , not my fault you

> can't see them.

Sure doesn't look like it.

What you see below is what I see. And your posts are definitely the
outrider here, since I normally see quoting handled perfectly in all other
posts.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Excavatorak" <stewart@nopeople.com> wrote in message
news:dsqe66$e93$1@forums.macromedia.com...

> It'd sure be easier to read these threads if you used some quoting method
> for distingushing your comments from those to which you are replying -
> like
> this:
>
> I'm using this boards quote tags, q and /q enclosed in , not my fault you
> can't see them.
> As for readability, maybe some of us could stop quoting the ENTIRE message
> EVERY time in EVERY reply? It's probably just the way your newreader works
> but
> then I already knew that.
>
>

[Excavatorak]

Murray,
from the Forums introduction page (enclosed in qutoe tags):
the extended features of the Macromedia Forums web interface (including
private messages, 'answering' threads and email subscriptions) are not
available to you when connecting to the Forums with a newsreader.
...
If you need assistance configuring or using your NNTP newsreader software,
please contact either your Internet service provider, or the manufacturer of
your newsreader client.

and from the posting guidelines page:
Don't quote previous messages. Only quote when absolutely necessary. Readers
can easily view previous messages in their newsreader when needed. If your
newsreader has a setting to toggle quoting on and off, set it to off.

I'm sorry if you find my posts difficult to read but I cannot be expected to
format them to fit your newsreader.

[Murray *TMM*]

> I'm sorry if you find my posts difficult to read but I cannot be expected

> to
> format them to fit your newsreader.

I am using OutlookExpress. What are you using?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"Excavatorak" <stewart@nopeople.com> wrote in message
news:dsqgqs$i5k$1@forums.macromedia.com...

> Murray,
> from the Forums introduction page (enclosed in qutoe tags):
> the extended features of the Macromedia Forums web interface (including
> private messages, 'answering' threads and email subscriptions) are not
> available to you when connecting to the Forums with a newsreader.
> ...
> If you need assistance configuring or using your NNTP newsreader software,
> please contact either your Internet service provider, or the manufacturer
> of
> your newsreader client.
>
> and from the posting guidelines page:
> Don't quote previous messages. Only quote when absolutely necessary.
> Readers
> can easily view previous messages in their newsreader when needed. If your
> newsreader has a setting to toggle quoting on and off, set it to off.
>
> I'm sorry if you find my posts difficult to read but I cannot be expected
> to
> format them to fit your newsreader.
>
>
>
>

[Excavatorak]

My browsers, both IE and FF.
I put up a screencap that shows the quotes as I see them here:
[url]http://nopeople.com/webfiles/Clipboard01.jpg[/url]
You can see the box where I inserted code in the top message and my next
message has a quote inclosed in the q tags
I'm really not doing anything to intentionally inconvenience you, these are
the controls provided by this forums software ...which, by the way, is not
exactly the best forum program I've ever used.

To format it it for you I would have to take the time to insert a >in front of
every sentence I quote. Not impossible but not as easy/fast as clicking a
button for quote.

I feel kind of bad that we have hijacked evropa's thread so bad.

[Murray *TMM*]

> I'm really not doing anything to intentionally inconvenience you, these

> are
> the controls provided by this forums software ...which, by the way, is not
> exactly the best forum program I've ever used.

I am not thinking that you are. And for sure, you will not get any argument
from the NNTP users about the crappy webforums.

The point I was trying to make is that my newsreader is about vanilla, and
it's for sure the same one that many others are using - so if I don't see
quotes, I'm confident that others don't see them either. In addition, of
all the hundreds of webforum posts a day I read, yours are the only ones
that come in without quoted content (at least where I cannot tell what's
quoted and what's not).

> I feel kind of bad that we have hijacked evropa's thread so bad.

Yes - that's unfortunate. I'll let it go with this, unless you want to
start a new thread.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

[evropa]

It's no problem.

Murray, where do I go to check for unused id's/classes?

[Murray *TMM*]

Sorry - I'm not following you.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"evropa" <webforumsuser@macromedia.com> wrote in message
news:dt5h4k$5nt$1@forums.macromedia.com...

> It's no problem.
>
> Murray, where do I go to check for unused id's/classes?

[Excavatorak]

This is what he's asking Murray -

>> Also is there a way using Dreamweaver that I can check which ID'S/Classes
>> are
>> not being used?

>Yes - definitely.

He means ID's or Classes that are styled in a CSS file but not utilized in
your HTML.

Hehe, I put >'s in front of it so you could easily read the quoted text since
I'm interested in the answer myself.
I usually look for unused ID's and Classes with FF.