rcarbaugh

Srini G:

Thanks! That did the trick!!
rcarbaugh

Thank you both for this valuable information. This works very well for my problem of the text edit box being too wide, as it is now a fixed width. But the problem seemed to occur in the first place because the toolbar became too wide, and the text edit box widened with it. Now, the text box is controlled at a fixed width (and doesn’t widen even if the Safari window is widened), but the toolbar is still too wide, with some icons under the right column of boxes (Publish and Attributes) until you widen the Safari window.

Is there similar function code that will control the width of the toolbar?

It is probably asking too much, but it is curious to me that the text box and icon toolbar used to track with the overall window size. Now, my toolbar is too wide and doesn’t change width, and with this code, the window is fixed and doesn’t change. It is certainly workable, but what happened?
rcarbaugh

I upgraded to the newest version of the theme, and I believe the issue gone. So that problem is solved. The new theme does not have the container div at all.

The menu bar, however, is no longer anchored to the site, but the left edge of the window. So, it is floating in relation to the site. Again, only in Internet Explorer. On Safari it is fine.

Here’s the css for the menu bar. I commented out the float:left command, because that caused it to float on the Mac as well. However, it didn’t settle the IE issue. Any code that you see here that would cause IE to float the bar?

Is it the position:absolute line? It is so unpredictable when it works on my Mac, and yet is whacked on a peecee.

#suckerfishnav {
    background:#9C1F1B url("../multi-level-navigation-plugin/images/suckerfish_red.png") repeat-x;
    font-size:18px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:900px;
    }
#suckerfishnav, #suckerfishnav ul {
    <!-- float:left; -->
    list-style:none;
    line-height:30px;
    padding:0;
    border:1px solid #aaa;
    margin:0 auto;
    width:900px;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    <!-- float:left; -->
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:10px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-19px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#9C1F1B;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
<!--    background:#846429; -->
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#DA0909;
    }

songdogtech:
Thank you for this. My header.php file does actually begin with that code, but the <div id=”container”> code is at the top of the page template, BEFORE it calls up the header. I have commented it out now, and it still looks okay on my Mac, hopefully it looks okay on IE now as well.

Here is the page template that I use mostly. It is a modification of the main page template. You can see that I have commented out several sections, primarily because I am nervous about deleting those sections in case I need to get back to them.

<?php
/*
Template Name: noposts
*/
?>
<!--	<div id="container"> -->

<?php get_header();?>

<div id="content">
	<div class="left"><div class="lpadding">
		<?php get_sidebar(); ?>
	</div></div>
	<div class="right"><div class="rpadding">
		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

		<div class="title">

			<h1><a href="<?php the_permalink() ?>" target="_self"><?php the_title(); ?></a></h1>
		<!--	<h4><?php the_time('F j, Y'); ?></h4>-->
			<div class="clear"></div>
		</div>

		<?php the_content(__('(more...)')); ?>
		<div class="clear"></div>

<!--		<div class="tags"><?php _e("Author: "); ?><?php the_author() ?><?php _e(" - Categories: "); ?> <?php the_category(',') ?><?php _e(" - Tags: "); ?><?php the_tags('', ', ', ''); ?></div>
-->
	<!--	<?php comments_template(); // Get wp-comments.php template ?> -->

	<!--	<?php endwhile; else: ?> -->
<!--		<p><?php _e('Sorry, no posts matched your criteria.'); ?></p> -->
<!--		<?php endif; ?> -->

<!--	<?php posts_nav_link(' — ', __('&laquo; Older Posts'), __('Newer Posts &raquo;')); ?> -->

	</div></div>
	<div class="clear"></div>
</div>
</div>
<?php get_footer(); ?>

rcarbaugh

It would sure be nice if there was a drop down menu that had the other internal pages, so that you don’t have to cut and paste from another window. Seems like a pretty basic need for those of us who are doing CMS from WP.

jQuery Lightbox and jQuery Lightbox for Native Galleries do not seem to want to play together well in WP2.8, as I found out tonight. I de-activated the former, and the gallery one worked fine again. However, my single shots no longer have any lightbox effect.

Check out this post.
rcarbaugh<><

Thanks for the post. I was wondering what to do when the jQuery Lightbox For Native Galleries stopped working tonight!

Any thoughts on how to get single pix to do the lightbox thing now?
rcarbaugh<><

Having same problem. De-activated the WP Automatic Upgrade plug-in, as suggested above, and upgraded to 2.7.1 flawlessly.
Thanks.

So then, what you are telling me is that if I wanted to have a gallery of 15 pix of my two kids on one post, I upload the 15 pix to that post, they all go into the “gallery” for that post. If I wanted to make a post for the 9 pix in that group that show only single shots, I would have to upload the single shots again for that post, so that it would create a gallery of just those 9 pix. Now, however, I would have to wait for those 9 to upload, and have 9 redundant shots on the server. Seems like there should be a better way.

Does NextGen work better than the various Lightbox plugins? I am currently using jQuery Lightbox and jQuery Lightbox for Native Galleries. NextGen seemed a little complicated for this newbie when I looked at it–especially when I only want to have a little lightbox action on a few pages of pix.

Thanks.
RCarbaugh <><

Thanks, that’s a good tip, but that’s not the real question. I want to know if you can add some pics from the media library that are already uploaded to a page or post’s gallery. You start a new post, and want to put in 10 pics that you uploaded for another page. How do you get those into the gallery for that page?

Bingo. That worked! Thanks a lot.

Instead, add your pictures after each bit of text describing them, float them left, and give the paragraphs for that post a clear:left style. That should line them up nicely. Might need to fiddle with it a bit, of course.

Okay Otto42, that gave me a lot more to go with. Thank you! I’m sure that moshu meant well, but I’m a little thick when it comes to these things, and it has to be “dumbed down” a bit more for me. I tried what I think you meant by floating left by using the viz editor and selecting the pic, then giving it a left alignment attribute. If you meant to use html instead, it went over my head (again). However, when I tried it, I didn’t have a whole lot of success, and I don’t know enough about .css to know where to put the clear:left style in for the text, nor do I understand exactly what it does, even after reading up on it on the web. Again, it’s a little over my head… I would need more detailed instructions, like where to put the code, in the page or in a .css file, and if in a .css file, how does one “call it up.” Do I use those {} or #, is it a temporary code to supercede the css?

I investigated the definition list. That was a new one on me, and it seems to be working better, although the viz editor does still add the odd spacer html. If you look at the code, you will find several spacer codes, I put several in myself to keep the pictures from bunching up on each other if the text was short.

Now that my code for that page is in better practice, can you let me know how to do this page without the terrifying tables:
https://damariscarbaugh.com/wp/store/cd-store/

It has three columns, unordered lists, links to MP3 clips, and links to a shopping cart. The definition list seems to be a two column bit, and wouldn’t lend itself to this. Again, the table served me well here, but I am open to better code practices.
Thanks again. rcarbaugh

Wow! That’s just really hard to get my mind around. So, what do you typically do, deal with the html, then “View This Page” to see what you have done? I would have to be so much more comfortable with html to be able to do that.

Is this what is commonly done: Instead of placing a pic in the VE, I would have to type out:
<p style="text-align: center;"><a href="https://damariscarbaugh.com/wp-content/uploads/2008/09/usfour.jpg"><img class="size-medium wp-image-547 aligncenter" title="usfour" src="https://damariscarbaugh.com/wp-content/uploads/2008/09/usfour-300x225.jpg" alt="" width="300" height="225" /></a> </p>

How is that an improvement? There are so many opportunities for error.

After all these years of WYSIWYG, seems like WordPress would not be so handcuffed. It seems like cutting down a tree with a chainsaw without starting the motor! Please tell me I am missing something.

I did bounce around between a couple of themes. I have the site online now, and I like it, for the most part. I am using the Multi-Navigational plugin for the menu bar, and it is great. However, it is redundant to have the WP home (original working page title to distinguish it from the old site’s home page), and the Home page both on the nav bar. Multi-Nav plugin sez that’s the only way it can work.

Choosing my battles.

jberghem:
Right on the </div> marker. I thought I got all of them. Thanks. I commented it out and it passes the validator for xhtml now.

However, that had no bearing on the floating search box. How do I lock that to the right edge of the webpage, and not move with the right edge of the window?