Malas
|
Hi,
I'm trying to get my rows to extend completely to each side of the sheet (like the header does). But no matter what I do, there remains a space to the left and right side of each row. Example:
http://masonsfuneralservices.com/Rows/row_orange.jpg
I've added [style="width: 960px;"] but this just causes the row to drift outside the sheet to the right. I'm unable to center it. Example here (look at the row with the green fill):
http://www.masonsfuneralservices.com/Rows/index.html
Any ideas?
|
|
Kyle
|
Good Morning! I'll preface by saying that I am not a Code Guy at all, so apologies on my lack of technical skills. I am trying to rebuild a website for a company I bought using Artisteer and Joomla.
I have the exact same problem as Malas, I want my top row of modules to stretch the ENTIRE sheet width and not leave ANY space at all between the left and right side of the module blocks and the sheet edge.
I was getting the same 5 pixel margin that Malas was, then I inserted the mentioned code snip from the post above this one:
.art-post
{
padding:0px;
}
That certainly helped a little bit.... but there is still space between the blocks and the edge of the sheet. Not a big one, maybe a pixel or 2 but t is still there - please take a look at this URL and look at the borders of the two module positions:
http://www.mycostaricarealty.net/
I intentionally left the far right and left borders of the cells set at 0 pix because I want the blocks to literally stretch to touch the sheet edges, but there is still that small space.
Please take a look at this image - it's a mock up of what I want the index page to look like when complete.
http://www.mycostaricarealty.net/images/index.jpg
Please notice that the property search module and the image slider module stretch all the way to the edges with NO spacing at all. Is this possible to do in Artisteer?
Any input on this is appreciated, thanks in advance. Cheers.
|
|
jrgweb
|
@Kyle -
Under .art-post I see a margin of 3px.
.art-post
{
padding:0px;
margin:0px;
}
|
|
jrgweb
|
@Robert Lowly
Yes. I have a one page template setup like this that has different color rows which span across monitor and text sits around 1000px. I've also created a
Template that has a row a ways down that spans the
entire screen and is not fluid. Spans the size of background and sheet is smaller.
I'm out of town but when I get back I'll see what I can do about the artx. Possibly next Monday.
|
|
Kyle
|
jrgweb or anyone else - Can you take another look at my index page... after fixing the before mentioned question, I set up a slideshow using Widgetkit. The sheet is 960 pixels wide and I set the block that contains the Slideshow to 75% width which is 720pix. I created 4 slides sized 720x300pix and it displays but it is off center and has a horizontal scrollbar at the bottom of the block. I've tried everything I can think of - any ideas on how to make the slideshow a snug fit in the box?
http://www.mycostaricarealty.net/
Thanks!
Kyle
|
|
Elvira
Artisteer Team
|
Hi Kyle,
The slideshow is not centered because your row consists of 2 cells. And the empty place from the left (25%) is an area that the first cell takes. Please see my screenshot explaining that:
http://s7.postimg.org/btagkzojv/empty_cell.png
Let me know if I got you wrong
Thanks,
Elvira
|
|
Robert Lowly
|
Hi Jrgweb, I would really like to get to see those two approaches for the full width site building inside artisteer. Please put a link or something when you have a sec.
Thanks so much man.
|
|
Robert Lowly
|
Hi Jrgweb, any chance for those template setups perhaps?
thanks so much :)
|
|
jrgweb
|
@Robert Lowly - Sorry for the delay but I've been over loaded lately.
Here is a very very very basic fluid design in artisteer. This doesn't have all the bells and whistles but gives you a good example as what can be done.
HTML version
http://demo.artisteertoday.com/onepagedesign/index.html
Artx
http://demo.artisteertoday.com/onepagedesign/onepage_design.artx
In the artx file, which is artisteer 4.2, look at the HTML on the Home menu item and check the css in export/options/css options.
Joomla example
http://joomla2514.jrgweb.com/
Wordpress example
http://wordpress.artisteertoday.com/
|
|
jrgweb
|
oops, just noticed a small boo boo.
|
|
PurpleEdge
|
Thanks jrgweb, very creative use of Artisteer!
|
|
Victoria
|
I have a very similar issue, but with Blocks.
I am using Artisteer 4.2 on a PC, with a WordPress theme.
My client would like an image to go all the way to the left of the block, with no margins.
I have set the Block Content padding to 0, and the Background padding is greyed out (but has a 0 in the field).
Then, within Block Content, I have the image margin set to "No Margin". The image is also aligned to the left.
I still have a small gap space on the left side of my block. It may be that I have to add code to the CSS like in the example above for .art-post?
Here is a screenshot of what I am referring to. The client wants the tail of the Quail to be all the way to the left of the block, almost looking like the tip of the tail is cut off:
|
|
jrgweb
|
@Victoria - Url if possible but in the meantime look at:
.art-blockcontent p {margin: ??;}
and also,
.art-blockcontent {padding: ??; } Make adjustments as needed.
You can adjust in the css file.
|
|
Ana Maria
|
Hi,
How can I accomplish to add a full width image on a page, just under the Header, but without any margins or padding.
The same way the Slider appears, but I want to add just an image under the header, a different image for each Page.
Help, because I cant´t make the image appear without margins and padding.
Thanks! -Ana Maria
|
|