Silly question easy unser

Discussion in 'HTML & Website Design' started by Vale, Jan 21, 2009.

  1. #1
    Hello maybe for you is some silly question but i need a bit of Help if possible.
    This is what i whant to do : If you look at my site (www.forja.ro) you will see that under language: english button there is a ,,Store'' Button. I whant to put it on it's right side (not under it).(And if possible the store button to be something like Online store- that will require me to probably do a longer button). Any way this is the source

    This is my header.php :
    {<!-- Start wrap -->
    <div id="wrap">
    <div id="header">
    <h1><a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_directory'); ?>/imgs/logo-fier-forjat.png" width="493" height="53" alt="<?php bloginfo('name'); ?>" /></a></h1>
    </div>
    <div id="contentWrap"><div id="contentMargin">
    <div id="language"><a href="http://en.forja.ro" title="english">english </a>
    <a href="http://magazin.forja.ro/catalog" title="Store">Store </a>
    </div>
    }
    If i am asking the wrong question or in a wrong way please excuze me .
    Thanks for your support.
     
    Vale, Jan 21, 2009 IP
  2. dlb

    dlb Member

    Messages:
    203
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    35
    #2
    On line 61 of your HTML remove the following;
    <div id="contentWrap"><div id="contentMargin">
    	<div id="language"><a href="http://en.forja.ro" title="english">english	</a>
            <a href="http://magazin.forja.ro/catalog" title="Store">Store </a>	
    </div>
    Code (markup):
    And replace it with this;

    <div id="contentWrap"><div id="contentMargin">
    	<ul id="language">
    		<li><a href="http://en.forja.ro" title="english">English</a></li>
            	<li><a href="http://magazin.forja.ro/catalog" title="Store">Store</a></li>
    	</ul>
    	<br class="clear" />
    </div>
    Code (markup):
    Then add these lines to your stylesheet;

    #language { list-style:none; margin:0; padding:0; }
    #language li { float:left; }
    #language a { display:block; }
    .clear { clear:both; margin:0; padding:0; height:1px; visibility:hidden; }
    Code (markup):
    Let me know how it works out for you.
     
    dlb, Jan 21, 2009 IP
  3. Vale

    Vale Peon

    Messages:
    73
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    i am doing as you sugested. Thanks a lot ! i'll let you know how it will work out . Thanks again
     
    Vale, Jan 21, 2009 IP
  4. dlb

    dlb Member

    Messages:
    203
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    35
    #4
    It may need some tweaking when its done so send me a link and i'll tell you what to do next. :)
     
    dlb, Jan 21, 2009 IP
  5. Vale

    Vale Peon

    Messages:
    73
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    A link from ?
    It's a bit offcenter... can u give me some mesanger id . This is mine wally_jnr(at)yahoo(doottt)com. I am trinig to resolve it myself but ... any help is apreciated:)
     
    Vale, Jan 21, 2009 IP
  6. dlb

    dlb Member

    Messages:
    203
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    35
    #6
    I only have Windows Live Messenger. Show me a demo link ^^
     
    dlb, Jan 21, 2009 IP
  7. Vale

    Vale Peon

    Messages:
    73
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    forja.ro :) no demo i make live update
     
    Vale, Jan 21, 2009 IP
  8. Vale

    Vale Peon

    Messages:
    73
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    CODE:

    this is the code


    #language { padding-left:75px; margin-bottom:-5px }
    #language A { display:block; width:80px; height:27px; line-height:24px; color:#FFF; font-weight:bold; text-align:center; background:url(../imgs/button-lang.png) no-repeat center }
    #language A:hover { text-decoration:none; color:#DDD }

    #language { list-style:none; margin:0; padding:0; }
    #language li { float:left; }
    #language a { display:block; }
     
    Vale, Jan 21, 2009 IP
  9. dlb

    dlb Member

    Messages:
    203
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    35
    #9
    Change to;

    #language { list-style:none; margin:0; padding:0 0 0 75px; margin-bottom:-5px; }
    #language li { float:left; }
    #language a { float:left; display:block; width:80px; height:27px; line-height:24px; color:#FFF; font-weight:bold; text-align:center; background:url(../imgs/button-lang.png) no-repeat center; }
    #language a:hover { text-decoration:none; color:#DDD; }
    Code (markup):
     
    dlb, Jan 21, 2009 IP
  10. Vale

    Vale Peon

    Messages:
    73
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Close .... but not perfect :) i am installing MSN now
     
    Vale, Jan 21, 2009 IP