Hi,
Can anyone tell me how to place a small image next to the menu titles? I had it once and have misplaced it altogether.
Also, how do you place the small >> arrows or similar you often see in front of a list of links in a menu?
Thanks in advance...
Image with menu titles (20 posts)
-
shadow
Posted 5 years ago # -
The wrong way round:
The 'Recent Links' plugin uses this code for the display;
<h2>Recent Links</h2>-
<?php rp_recentlinks(12, true, false); ?>
- " titles="Recent Links Archives" rel="Links Archives">more »
|
" title="RSS2 Feed for recently added links." rel="RSS2 Feed.">feed »
and the top part of that produces »
With the images, if it's the same image throughout, then I think it would be done something like
#menu ul li {
background-image: url(image.gif');
}
Not sure how that will 'list' though. -
Yes shadow what he has done is marked up the category titles as h1. So you were prolly looking in the CSS at the wrong thing. Then it is just standard bg stuff for the leaves.
-
Posted 5 years ago #Thanks Root.
It is this 'marking up' as you mention that is puzzling me. How do I add that to the relevant menu titles? -
west4me
Posted 5 years ago #I was just rying to get rid of the >> in my site. I am using the Clean and Crisp Layout from http://fernando.dubtribe.com/archives/2004/09/24/clean-and-crisp-for-kubrick-125wp-12/
I found this entry in the css and removed it:.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}
That did the trick. I am such a novice when it comes to css so I'm not comfortable telling you how/where to put it. Good luck. -
gpshewan
Posted 5 years ago #I have to tidy up my CSS so it's understandable...
It was also really bad form to assign h1 to the sidebar titles....but I think it was a quick fix when I did it. Promised myself that I wouldn't leave it like that - but I did ;)
Anyway, I just used this so that the sidebar titles would inherit the h1 entity
<li id="listid"><h1>listtitle</h1>
They key CSS in the h1 entity is
padding: 10px 10px 0 30px;
background: url(/images/leaf.gif) no-repeat left;
Simple, but difficult to understand if you're looking at my CSS :) -
We are we are :)
-
The before: system has a similar effect but it is a CSS 2 tag and as such I try and avoid if possible. The listgurus at listamatic say fitting the image as a bg gives the most stable cross platform and legacy browser performance. Shadow if you thought h1 was excessive you could use h anything to do it. It is a semantic and *approved* kind of thing that the likes of Eric Meyer seem happy with. H1 I would think might confuse the search engines.
-
Posted 5 years ago #Good luck!...many a time I ask myself 'Why is that there, or why did I do that?' Still it keeps life interesting.
It needs optimising and thinning. Many a time I've opened it up promising myself that I'm going to sort it out....only to find something infinitely more interesting to do - like staring into space :D -
Posted 5 years ago #you could use h anything to do it. It is a semantic and *approved* kind of thing that the likes of Eric Meyer seem happy with. H1 I would think might confuse the search engines.
Ideally I would think anything above h4. I haven't seen any issues with search engines - but it would be really good practice not to assign it to h1...
...damn, having guilt trips so I'm changing it now ;) -
I still have a *not yet sorted* section in my CSS. Its a mess :)
-
Posted 5 years ago #Thanks for your help Gary/Root :)
After putting in the h1 tags I came here and saw the error of my ways. Changed to h4 now which should be fine.
Placed a temporary image in and it looks just as I wanted.
I am just trying to get the gap at the top and the bottom of the title to be less though. Is there an easy way? -
Posted 5 years ago #You reference h4 in three different places, each with their own padding and margin values. I'd remove the 'group' references you have for h4 and only stick to where you ref h4 by itself, that'll remove any confusion in the stylesheet...
...does that make sense?
See how that leaves the positioning. -
Shadow have we got the url for this yet ? Perhaps we could help.
-
Posted 5 years ago # -
Posted 5 years ago #You reference h4 in three different places, each with their own padding and margin values
Ok, I'm lost. Where do I do that? I thought I only had h4 in the menu titles? Would it be better if I named it h6 or something ?
-
Posted 5 years ago #Yeah it would. I just renamed mine h7.
Open up your CSS and do a 'find' for h4 (remembering to hit find next ;) ) and you'll see what I mean. -
Posted 5 years ago #Changed from h4 to h6 ...
Whoa - that made it even worse...why is it getting bigger as you add a different header tag?
Are you having the same issues Gary? -
Posted 5 years ago #Not at all. Although when I changed to it h7 I had to add a break as it was too close together. Messy but a quick fix which I'll sort out later...uh oh, heard that before.
-
Posted 5 years ago #And yet mine is going further apart. It's strange. Maybe I should go back to h1.
Just when I thought I finally had all this worked out too. :)
Topic Closed
This topic has been closed to new replies.
