But what you are talking about doing here is applying styles. Don't you have some cascading style calls for those elements or are you doing something else?
But what you are talking about doing here is applying styles. Don't you have some cascading style calls for those elements or are you doing something else?
I am just trying to format a userForm in a style that I like. I didn't know the task I was taking on was this hard (for me at least)
Yeah, originally, I was thinking that row-text and row-image were CSS calls that you could add the float:left/float:right to so you could use class to compact it all but this will still work too :)
IndigoMontoy...
Member
16 Points
51 Posts
Formatting a web form round 2
Jan 17, 2013 02:28 PM|LINK
I was helped out with this:
<div class='row'> <div class='row-text'>(Your Text Goes Here)</div> <div class='row-image'><img src='#' /></div> </div> <div class='row'> <div class='row-text'>(Your Text Goes Here)</div> <div class='row-image'><img src='#' /></div> </div>To have my code go
Text ---Picture
Text ---Picture
now I need to ammend that and have it show: So 2 rows but have one left aligned and one righta ligned
Text --- Picture (left Aligned) Text --- Picture (Right Aligned)
Text --- Picture (left Aligned) Text --- Picture (Right Aligned)
bbcompent1
All-Star
33718 Points
8737 Posts
Moderator
Re: Formatting a web form round 2
Jan 17, 2013 02:36 PM|LINK
In the CSS for row-text, use float:left for row-image, float:right
IndigoMontoy...
Member
16 Points
51 Posts
Re: Formatting a web form round 2
Jan 17, 2013 03:05 PM|LINK
I had the above code placed in the 'source' button behind my userform where this data is going. Can I perform this action the same way?
bbcompent1
All-Star
33718 Points
8737 Posts
Moderator
Re: Formatting a web form round 2
Jan 17, 2013 03:07 PM|LINK
But what you are talking about doing here is applying styles. Don't you have some cascading style calls for those elements or are you doing something else?
IndigoMontoy...
Member
16 Points
51 Posts
Re: Formatting a web form round 2
Jan 17, 2013 03:12 PM|LINK
I am just trying to format a userForm in a style that I like. I didn't know the task I was taking on was this hard (for me at least)
bbcompent1
All-Star
33718 Points
8737 Posts
Moderator
Re: Formatting a web form round 2
Jan 17, 2013 03:31 PM|LINK
Well, you could try it this way:
<div class='row'> <div class='row-text' style='float:left'>(Your Text Goes Here)</div> <div class='row-image' style='float:right'><img src='#' /></div> </div>IndigoMontoy...
Member
16 Points
51 Posts
Re: Formatting a web form round 2
Jan 17, 2013 03:47 PM|LINK
Exactly what I was after. Thank you.
bbcompent1
All-Star
33718 Points
8737 Posts
Moderator
Re: Formatting a web form round 2
Jan 17, 2013 03:50 PM|LINK
Yeah, originally, I was thinking that row-text and row-image were CSS calls that you could add the float:left/float:right to so you could use class to compact it all but this will still work too :)