Forum Moderators: not2easy
TEXT TEXT TEXT TEXT ¦ AD AD ¦
TEXT TEXT TEXT TEXT ¦ AD AD ¦
TEXT TEXT TEXT TEXT ¦ AD AD ¦
TEXT TEXT TEXT TEXT TEXT TXT¦
TEXT TEXT TEXT TEXT TEXT TXT¦
AD AD ¦TT TEXT TEXT TEXT TXT¦
AD AD ¦TT TEXT TEXT TEXT TXT¦
AD AD ¦TT TEXT TEXT TEXT TXT¦
Okay, the above is a template which i want to create in dreamweaver. The "ad" blocks are the uneditable regions while the "text" blocks are the editable regions. What I'm thinking is that the blocks have to be divs and thus, this involves the "ad" divs overlapping the "text" divs in order to create the word wrap effect. This is entirely possible if I want to do it page by page but I was thinking of doing it in a template. This means that I can only edit the "text" area and not the rest.
So far, I have problems making it happen because dreamweaver does not allow me to wrap text around overlapped layers such as the "ad" blocks. If I were to put divs or tables within the "text" divs, it will disappear as soon as I make it into an editable region won't it? I wonder if anyone can provide an insight as to how to do it?
You could set the ad divs with absolute positioning - but wait, then the text won't wrap around them - they'll run underneath. You could float the ad divs and make the text wrap around them, but if the text is really long, it'll push the ad divs down.
An alternate solution would be a sort of 3-column layout - where the ads would be on the left and right (and utilize the absolute positioning) and the text would run down the center - but the text wouldn't wrap around the ads.
I don't know if that helps you or not...
Floating the ad divs? If I float the ad divs, I would not be able to make the text region editable right? That is because the ad divs are within the editable div itself! Or am I missing something here?
Floating the ad divs? If I float the ad divs, I would not be able to make the text region editable right? That is because the ad divs are within the editable div itself! Or am I missing something here?
No, floating the ad divs will just make them float. You can edit the text to your hearts content, and the ads will just float, allowing the text to wrap around them.
The only problem I see is that, if the ads have to be in certain areas of the page, you need to place them in the proper areas of your text - there's really no way around that.
For example, if you need an ad floated to the right of the screen, about halfway down in your editable text, you have to have something like so:
<p>text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here.
<div id="ad" style="float:right">ad here</div>
text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. text here. </p>
So you'd have to manually place the ads whever you want them to appear. Otherwse, they'll just be at the top and bottom of the paragraphs, and then the paragraphs will wrap around them. But no, it'll make the text as editable as ever. All the float does is cause the element in question to go where you want and have stuff wrap around it.
