By kingto on

Hello,

i used Printer, e-mail and PDF mod. well, I have set the irons display in Content corner, you can see at:
http://www.18wos.org/mods/20100125/kenworth-w900l-day-cab-for-ets.html

and then, the two irons displayed between the node tittle and content, so there is a blank space on the left of the irons.
I want to move the two irons to the right side of the tittle, just like this picture:
http://www.truckfan.net/move.PNG

How can i do it?
Thank you very much.

⋅ Categories: Drupal 5.x

Comments

sovarn’s picture

sovarn commented

I too had this problem.

Use CSS to change its postion: absolute; top: 0.

if the icons go to the top of the page, you have to make the div#main - position: relative.

kingto’s picture

kingto commented

many thanks for your help.
well, it's moved to the left side of the node, as you can see at: http://www.18wos.org/mods/20100125/kenworth-w900l-day-cab-for-ets.html

the irons display under the div "node", maybe i have to move it to the right side of the title.
page:

<div id="main">
 <h1 class="title">Mack Road Train for Extreme Trucker</h1>
 <div class="node">
       <table><tbody><tr>
             <td><br><div class="nodecentent"><span class="print-link"><span class="print_html">

node.tpl.php:

  <div class="node<?php if ($sticky) { print " sticky"; } ?><?php if (!$status) { print " node-unpublished"; } ?>">

    <?php if ($page == 0) { ?><h1 class="title"><a href="<?php print $node_url?>"><?php print $title?></a></h1><?php }; ?>
    <table><tr>
		<td><br /><div class="nodecentent"><?php print $content?></div>    </td>
		<td><?php if ($picture) {
      print $picture;
    }?></td>
	</tr>
</table>		
    <?php if ($links) { ?><div class="links"><?php print $links?></div><?php }; ?>
  </div>

I can't find a way to modify it, >_<
thanks.

kingto’s picture

kingto commented

oh, i got it.
I tried to drop the
in the node.tpl.php

and then, it's okay. ^_^
thanks again for your help!

sovarn’s picture

sovarn commented

you don't need to use tables. you can just add 'right: 0' to the css values.

kingto’s picture

kingto commented

yeah, it's better than tables. thx.

Well, I'm deeply regret that there is a larger blank space on the left side of my views field, as you see at: http://www.truckfan.net/shot.PNG

this blank space only appears at every views page, the other pages are all correct.
and i just found this css value:
#main {margin-top:0px; margin-left: 20px;}
to modify the width between left sidebar and the main section. but actually, if i change this css value, the normal pages will be wrong.

I just would like to correct it. Could you help me?
thank you very much.

some css of the views field:

.view-content-reprint .view-data-node-data-field-images-field-images-fid {
    float: left;
    display: inline; 
    margin-bottom: 15px;
}
.view-field {
    display: inline;
}
.view-content-reprint a img {
    margin-right: 9px;
    border: 3px solid #E8EBE8;
}
.view-content-reprint li {
    clear: both;
}
.view-content-reprint ul li {
  list-style-type: none;
}
sovarn’s picture

sovarn commented

give me two links.

one with normal content and one with a view.
CSS can be a little tricky sometimes.

kingto’s picture

kingto commented

normal page: http://www.18wos.org/user/register or every node page such as http://www.18wos.org/mods/20100126/mack-road-train-for-extreme-trucker.html
and views: http://www.18wos.org/reprint_mod or the front page of this website.

thanks!

sovarn’s picture

sovarn commented

argh all these tables. makes it harder to find the culprit.
you should look into CSS.

anyway the offending CSS is in .item-list ul li. but if you change the margins there you will mess up any other list you have.

put this in your CSS instead:
.view-content ul li { margin: 0; }

kingto’s picture

kingto commented

yes, you are right.
it's okay now, thank you very much!

I can only add this one into some wrong views, the other list will not be concerned i think. lol