Results 1 to 3 of 3
  1. #1
    Join Date
    Dec 2006
    Posts
    33
    Plugin Contributions
    0

    Default CSS image problem...

    Hi all!

    Ive been trying to finish this menu for few days now -.-;; Im doing this in CSS cos i want this menu only appear in category 1 pages, so im making own CSS files for these category 1 pages.

    Here is CSS i add for my for my c_1.css

    a.metLink1 {
    display: block;
    width: 100px;
    height: 23px;
    background-image: url(norm8.gif);
    }

    a.metLink1:hover {
    background-image: url(over8.gif);
    }

    a.metLink2 {
    display: block;
    width: 100px;
    height: 23px;
    background-image: url(norm9.gif);
    }

    a.metLink2:hover {
    background-image: url(over9.gif);
    }

    and here is the HTML part i add for my tpl_main_page.php

    <a class="metLink1" href="http://www.mysite.com"></a><a class="metLink2" href="http://www.mysite.com"></a>

    -----

    Now these images appear vertical, and i want them to go as horizontal. Table is not an option cos then it throws these images very oddly >< list item is not option cos it then shows the html in all pages then. Is there other option to try to make these appear vertical and one after another?

    OR

    Is there a specific PHP category page i could hard code this in html? Like is there a specific PHP page for category 1 i could do all those links in HTML like i have done in tpl_header.php

    Thanks in advance!

    - Rotkale

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: CSS image problem...

    The first thing that jumps out is the "display:block;"

    maybe try "display:inline;" instead.

  3. #3
    Join Date
    Dec 2006
    Posts
    33
    Plugin Contributions
    0

    Default Re: CSS image problem...

    I got it work in table now >.> but yeah display:block; makes line break after.

 

 

Similar Threads

  1. CSS Image Map Problem
    By pamela631 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 7 May 2013, 09:13 PM
  2. v150 css problem - my background-image won't show
    By Kathy_ in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 20 May 2012, 11:43 PM
  3. v139a CSS image Alignment problem
    By Jatty in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 19 May 2012, 02:05 AM
  4. want to reposition an image using css. what is css to control this?
    By what44 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 10 Nov 2007, 05:03 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR