You are viewing our Forum Archives. To view or take place in current topics click here.
HTML / CSS Help Needed
Posted:

HTML / CSS Help NeededPosted:

MX
  • Winter 2016
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
So I am trying to align my product display boxes to be in columns to the left and the right.

[ Register or Signin to view external links. ]

As you can see in the above picture, the displayed boxes are all to the left. I have tried using the simple align="right" attribute but I can't get it working. I haven't done HTML/CSS programming in a while now so I'm slowly learning again.

Help which results in a fix will be rewarded with rep.


Last edited by MX ; edited 1 time in total
#2. Posted:
Banq
  • TTG Natural
Status: Offline
Joined: May 25, 201212Year Member
Posts: 932
Reputation Power: 90
Status: Offline
Joined: May 25, 201212Year Member
Posts: 932
Reputation Power: 90
Well the picture you posted is broken. And if you are talking about Div's not text, then you are going to want to use positioning. Usually you can set positioning to relative, its automatically static, and if you use absolute you will have a .jpg of a website (AKA it is unresponsive). You can then mess with the positioning with the

left: right: top: bottom:

positioning commands.

.whateverclass {
  position:relative;
  left:0;
}
#3. Posted:
MushroomElm
  • TTG Contender
Status: Offline
Joined: Sep 18, 201113Year Member
Posts: 3,025
Reputation Power: 134
Status: Offline
Joined: Sep 18, 201113Year Member
Posts: 3,025
Reputation Power: 134
Banq wrote Well the picture you posted is broken. And if you are talking about Div's not text, then you are going to want to use positioning. Usually you can set positioning to relative, its automatically static, and if you use absolute you will have a .jpg of a website (AKA it is unresponsive). You can then mess with the positioning with the

left: right: top: bottom:

positioning commands.

.whateverclass {
  position:relative;
  left:0;
}


Probably just using the <img scr="img.(filetype)"> tag.

Call whatever section you have it in(body, nav, etc.) and use float.
#4. Posted:
Banq
  • TTG Natural
Status: Offline
Joined: May 25, 201212Year Member
Posts: 932
Reputation Power: 90
Status: Offline
Joined: May 25, 201212Year Member
Posts: 932
Reputation Power: 90
MushroomElm wrote
Banq wrote Well the picture you posted is broken. And if you are talking about Div's not text, then you are going to want to use positioning. Usually you can set positioning to relative, its automatically static, and if you use absolute you will have a .jpg of a website (AKA it is unresponsive). You can then mess with the positioning with the

left: right: top: bottom:

positioning commands.

.whateverclass {
  position:relative;
  left:0;
}


Probably just using the <img scr="img.(filetype)"> tag.

Call whatever section you have it in(body, nav, etc.) and use float.


Yeah, float works, but I prefer relative positioning , it's more consistent when you keep adding Divs.

Make sure you are using:
z-index:50;

The higher number you set it to the more important it becomes, AKA it will appear over everything else.
#5. Posted:
MX
  • Gold Gifter
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Status: Offline
Joined: Jan 10, 201411Year Member
Posts: 1,896
Reputation Power: 233
Banq wrote
MushroomElm wrote
Banq wrote Well the picture you posted is broken. And if you are talking about Div's not text, then you are going to want to use positioning. Usually you can set positioning to relative, its automatically static, and if you use absolute you will have a .jpg of a website (AKA it is unresponsive). You can then mess with the positioning with the

left: right: top: bottom:

positioning commands.

.whateverclass {
  position:relative;
  left:0;
}


Probably just using the <img scr="img.(filetype)"> tag.

Call whatever section you have it in(body, nav, etc.) and use float.


Yeah, float works, but I prefer relative positioning , it's more consistent when you keep adding Divs.

Make sure you are using:
z-index:50;

The higher number you set it to the more important it becomes, AKA it will appear over everything else.

Yeah I was using Divs, cheers for the help! Will send over the rep now
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.