phillyzero

Err…I edited my post a little bit and it seems to have disappeared. So in case; here’s the original post.

Ive googled a bit, but until now I didnt even now it was call a ‘rollover’. What I want to do for my site black russian comics, is replace my menubar text with images. However, as I quickly became aware of, if you hover the mouse over an image it won’t highlight (or be underlined or whatever little decoration you put on) like the text will.

I know you can do this with javascript, but to my understanding this can be done with regular CSS correct? So the closest I got to getting this right ended up with two distinct problems. First here’s the code.

.archive {
display: block;
float: right;
margin: 0;
padding: 5px 5px 5px 0;
background-image: url('/images/archivenormal.png') ;
}

.archive:hover {
background-image: url('/images/archivehover.png') ;
}

<li class="archive"><a href="https://blackrussiancomics.com/archives" class="hov"><img src="/images/randomblankimage"></a></li>

1. the bit “no-repeat” didn’t work, which would normally go after the image url portion in the CSS. When I put it in the css the image itself didn’t show up at all, perhaps this is a space issue?
2. If I take out no-repeat, it still doesn’t work unless I have an image in the html (so I used a blank .png box for that).

Also note the entire bits of float, display, margin, padding etc did not alter anything. The only way I prevented a repeating of the images was by reducing the html blank image size.

Obviously I ended up with huge misalignments and some of the images even repeated (vertically). I’m not sure if I need to post the menu/menubar CSS stuff as well.

Any help or guides to a tutorial would be appreciated.

Thanks for fixing that, problem still unresolved.

I’m talking about modifying a theme package (comicpress atm), I just want people to have to visit my site while things are going crazy. What’s XAMPP/MAMP?

I’ve tried the Theme Tester plugin for wordpress, it apparently prevents anyone other then the admin to see the changes when activated, however it doesn’t seem to work for me.

I know how to edit the .php files, I just don’t know what (or if) there is specific code that I can place in there that will give me a shoutbox (like I can do for the drop down menus I’m using).

I tried the wp-wall plugin, but that is the widget and I don’t want a widget. I don’t know how to ‘snag’ code from a widget (which php file to take code from and if that’d work or not in this case).

2.6.2

All signs would point to yes. But seriously, give wordpress.com a spin, use it as a template to see if wordpress is right for you, then spend money on hosting so you can start selling.

Sorry to sound dumb, but what would I need to do to change it into the style of say a colon or slash? The only border-style’s I’m aware of wouldn’t allow me to do that, so would I delete the bolded portion of the CSS and input the slashes manually (if possible)?

For only a blog obviously get the free one. If you want more functionality and flexibility go with .org. Also, if you care or not, .org are the wordpresses that can sell ads and such.

You can always use the spellchecker installed in wordpress itself. But I also don’t have spellcheck in Chrome for some reason.

Thanks for the reply, it works on the left column, but the right column is thrown to the left side (at the bottom), it happens all over the site, single post and main index.
i.e.
https://img176.imageshack.us/img176/8100/bordercolkv2.png

The code I put in was this.
For my right-side bar:

<div id="sidebar-right" class="sidebar">
	<ul>
		<?php	if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Right Sidebar') ) : ?>
			<li>
				<?php get_calendar(); ?>
			</li>

	                <li>
				<?php include (TEMPLATEPATH . '/searchform.php'); ?>
			</li>

			<?php wp_list_bookmarks(); ?>

		<?php endif; ?>

	</ul>
</div>

For CSS

#sidebar-left {
	width: 200px;
	padding: 10px 0 0 0;
	float: left;
	font-size: 11px;
	overflow: hidden;
        border-right:1px dotted #000;
	}

#sidebar-right {
	width: 200px;
	padding: 5px 0 0 0;
	float: left;
	font-size: 11px;
	overflow: hidden;
        border-left:1px dotted #000;
	}

Sorry if I sound dumb, I tried placing the code in the side-right and side-left spots and I end up with a skewed page instead with no border except a few dots. I was wondering where I would place the code in a css portion like so:

/* SIDEBARS */

#sidebar-left {
	width: 200px;
	padding: 10px 0 0 0;
	float: left;
	font-size: 11px;
	overflow: hidden;
	}

#sidebar-right {
	width: 200px;
	padding: 5px 0 0 0;
	float: left;
	font-size: 11px;
	overflow: hidden;
	}

.sidebar h2, .sidebar h2 a {
	color: #999;
	font-family: 'Georgia', serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: lowercase;
	letter-spacing: -1px;
	}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

	.sidebar ul li {
		margin: 0 0 10px 10px;
		padding: 0;
		}

		.sidebar ul li ul li {
			margin: 0 0 0 10px;
			padding: 0;
			}

			.sidebar ul li ul li a {
				display: block;
				color: #333;
				text-decoration: none;
				border-bottom: 1px dotted #777;
				}

				.sidebar ul li ul li a:hover {
					color: #333;
					background: #ddd;
					border-bottom: 1px solid #777;
					}

Thanks, that problem is now solved. Still need help with the other 2 if possible, especially with creation of one sided borders for the columns.