How to move - uCoz Community

How to move

Posts: 12

Reputation: 0

Message # 1 | 8:52 PM 2012-12-09

Ok i have a design and on the right side corner i have a Block, and when i view my messages in forum my blocks gets dropped all the way down due to the buttons like "Reply" "New Thread" and "Pool" are located on the top right corner, so is option of moderator, i was wandering is there anyway to move those buttons little to the left so my blocks can drop back into their spot or is there a code to force my blocks back where they belong.

Paradox

Old Guard

Posts: 3284

Reputation: 145

Message # 2 | 1:15 PM 2012-12-10

Jippik, could you please provide a site URL. smile

Jack of all trades in development, design, strategy.
Working as a Support Engineer.
Been here for 13 years and counting.

Sunny

Posts: 9296

Reputation: 456

Message # 3 | 1:33 PM 2012-12-10

Jippik, please provide your website address so that we could see the problem.

I'm not active on the forum anymore. Please contact other forum staff.

Jippik

Posts: 12

Reputation: 0

Message # 4 | 4:21 PM 2012-12-10

Oh, sorry. Here's my website address: halo.vo.uz

And this is the view of the material and where im having problem having a problem with block, which always falls to the bottom

http://halo.vo.uz/forum/5-92-1

Thank you.

cooltaha

Posts: 57

Reputation: 6

Message # 5 | 4:40 AM 2012-12-12

Hi Jippik,
i saw your website the problem is caused by <div class="side_left"> it must have a proper width in order to allow your right div to float so the solution would be adding max-width to .side_left

Code

.side_left {
float: left;
margin: 7px 0 0 12px;
max-width: 890px;
}

Download HQ Wallpapers www.ImagezFinder.com

@imagezfinder - @_iTaha

Jippik

Posts: 12

Reputation: 0

Message # 6 | 2:45 AM 2012-12-13

Thank you cooltaha

Do i decrease the number or increase? An is that found in css?

cooltaha

Posts: 57

Reputation: 6

Message # 7 | 3:04 AM 2012-12-13

as a matter of fact you didn't specified any width so i can't tell to increase or to decrease however it seems to be bigger so you'll decrease

for example

HTML

Code

<div class="container">
<div class="left">This will float to the left</div>
<div class="right">This will float to the right</div>
</div>

CSS

Code

.container {
min-height: 600px;
}
.left {
width: 200px;
float: left;
}
.right {
float: right;
}

at least one of the .left or .right must have a specified width

and you can check this link for CSS float CSS Float - W3Schools

Download HQ Wallpapers www.ImagezFinder.com

@imagezfinder - @_iTaha

Post edited by cooltaha - Thursday, 2012-12-13, 3:07 AM

Jippik

Posts: 12

Reputation: 0

Message # 8 | 4:44 AM 2012-12-13

Ok thats what i have in CSS but count not find anything in HTML

Code

#container_wrap {width:1139px;margin:0 auto;font-size:11px;}
.side_main {background:url(/indawo/side_main.png) repeat-y;overflow:hidden;}
.side_left {float:left;margin:7px 0 0 12px;}
.side_right {float:right;width:216px;margin:7px 12px 0 0;}

I tried to play around with the numbers but it still wont work, the block on main page drops or goes further to the right but the one on message page too moves but does not fall into place. As you could see there are buttons such as New Thread, reply, and poll which too far in the right, i believe those are the ones that interfering with the block, is there a way to move them further left?

cooltaha

Posts: 57

Reputation: 6

Message # 9 | 5:17 AM 2012-12-13

well you don't have to edit HTML that was just an example wink

just replace those codes with the following and that should do the trick smile

Code

#container_wrap {width:1139px;margin:0 auto;font-size:11px;}
.side_main {background:url(/indawo/side_main.png) repeat-y;overflow:hidden;}
.side_left {float:left;margin:7px 0 0 12px;max-width: 890px;}
.side_right {float:right;width:216px;margin:7px 12px 0 0;}

Download HQ Wallpapers www.ImagezFinder.com

@imagezfinder - @_iTaha

Jippik

Posts: 12

Reputation: 0

Message # 10 | 6:53 PM 2012-12-13

Oh my god it workeeedd. Thank youuuuuuu Cool Taha, i love you. Thank you Taha biggrin

cooltaha

Posts: 57

Reputation: 6

Message # 11 | 11:33 PM 2012-12-13

more than welcome biggrin

Download HQ Wallpapers www.ImagezFinder.com

@imagezfinder - @_iTaha

Page 1 of 1 1
Forum moderator: bigblog