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.
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.
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
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; }
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):