Alright, that way I can put the text there. That's just all it is, is a way for you to line stuff up basically, make it easy on you.
So that could be kinda neat, you could do something like that. And you can also take, if you want, we've got that column set up, you could take that gutter and make that bigger. But I could come in here and I could say, "You know what, let's do this." I'm shift clicking to crank these up, but you can actually pull in the margins from the edge, can you see that? And that way it might make it a little easier for you not to have content all the way to the edge. We just talked about them in the beginning. If you look in there, you're gonna see there are all of your margins. You can come over to Page and come to Page Properties. And you guys, if you decide later on, you're like, "You know what? "I want columns to have a little bit more padding, "a little more push from the edge," 'cause maybe this stuff is too far to the edge or too close to the edge. I wanna stretch it to kinda fit here in the columns. It's gonna scale, and just to try it out or look at it, here's what I wanna do first.
Now once we get that out there, this Widget is also responsive. You could do just about anything you want here. We could change the map to be like a hybrid satellite type thing. They can go in and adjust and move and do all kinds of things, but these are the starting points. Whatever you see at this point, that's what it's gonna show the user to start with. It's gonna put in that map, and you're done. All it's gonna do is say, "Where's the map? "What address do you want to put for the map?" I could. So I'll drag it out, drop it on the page. In the advanced class actually it showed you how to do that, but if I scroll up a little bit you're gonna see we have Google Maps. Now it's not gonna let you do things like put a full screen background video, that type of thing. So if you have your videos hosted on a social site, YouTube or Vimeo, you can just drag the Widget out and point it to that actual URL, and that's just going to put it out there. If you look in there, you'll see that we have at the bottom, we actually have YouTube and Vimeo. Make sure you can see the social category. So, I'm going to fit the page in the window under View, fit page in window, come to the Widgets library and scroll down. It's kinda sad, but we're going to put a map on the page. Thanks for your thoughtful replies and for your patience.We really don't have a lot going on here. As a print designer, I'm accustomed to being able to get precise results that probably aren't always available in websites. I may be asking too much, or I may just need to insert break points and adjust the layout as needed. I could probably live with this, but I was hoping to get the basic layout of the white rectangle and painting image to scale together as one piece, including the placement of the image at a certain point proportionally in the upper left of the rectangle (i.e., so the distance of the image from the top and left of the white rectangle decreases proportionally too). This does keep the vertical distance between white areas the same, which I do want. I changed the scaling to horizontal only and removed the images and text from the bottom rectangle, and it appears to scale the same way as the other two, just horizontally (see linked file). Thanks for clarifying "into" but as far as I can tell, the white rectangles just scale independent of what's placed over them. I understand text doesn't resize, but is there a way to get the image and the backing rectangle to resize as a single item so the square stays in the same position and proportional size with the rectangle (so the top image stays completely within the white rectangle)? I tried grouping them, but that didn't have any effect. There's also a text box next to the image describing the image. So far, I have that, but the two rectangles (white and top image) are not the same proportions (e.g., a long rectangle with a square on top), so when the browser window gets smaller, the image on top starts to bleed off the bottom of the white rectangle behind it. I want to put images on top of that but with a white rectangle behind them that has a transparency applied to it so the browser fill image is slightly visible through the rectangle but keeping the image on top within the white rectangle so the browser image doesn't interfere with the top image. I have an image filling the browser window.
0 kommentar(er)
