I have the mobile page ready to start styling but there are no handles on the divs so that I can size them and move them up and down. What can I do to fix this?
Where do I start?
Perhaps by explaining that you need to have an understanding of HTML and CSS if you want to do anything in DW.
DW is not a true wysiwyg program, nor does it cater for moving elements around like some other programs allow you to do.
There is no magic attached to DW. You must learn first.
Not sure what you're asking. See screenshots below.
Select Fluid Grid Layout and hit Create button.
Go to View > Visual Aids > enable Fluid Grid Layout Guides.
To resize divs (green boxes), click & drag the right sides & snap to grid. By default, DW puts gutters between floated divs. See screenshot.
i sort of fixed the problem....i restarted my computer....got them all back....but i seemed to have lost the handles on just one of the divs again...cursor on the inside does nothing...curson on the border is dark blue....other divs are ok and have handles....
i lost the handles on the 'big' size browser but not on the 'smaller' size browsers for that div...i made more changes to the css there...i'll see if i can change the css and get the handles back....at this point do i have to restart the computer to get the handles back?
Can you please share the HTML and CSS of the page you are trying to edit ?
Are you on 12.0 or 12.0 ?
I don't think restart will help, as its the values in the CSS files which make DW decide on showering the Handel or not.
Is your DIV using the same CSS selector used by its parent ?
i am now on 12.2....this is the first time i am using 12.2
i'll try some code snippets first
<div id="title" class="fluid"></div>
for small browser screen---(handles are on this div)
for medium browser screen--(handles are on this div)
for large browser screen--(handles are NOT on this div)
font-family:Verdana, Geneva, sans-serif;
all the other divs on the html page are ok...
If your desktop size consists of 12 columns then updating following values should solve your issue:
I would be interested in understanding how you ended up with the values mentioned by you, if they were not manually updated.
thank you nancy o for your advice.......
reach puneet...i erased the margin-left and width items...and the handle came back. i don't know how i got those values....i wouldn't have thought i did them manually...but maybe i did...i need to pay more attention to what i am doing!!
I have the SOLUTION! Here is what has happend...
In the fluid-grid.css that you first created...
Find the class that no longer allows you to have the handles (ie. the handles disappeared from my .pageHeader class)
Add width: 100%; inside of the brackets.
Save the file and go back out to Design View. You have the handles back!!!
Modification that IS the correct answer. The problem is in the fluid-grid css that is created with the page
look to see what width = in .fluid
You may have some % that is not 100. It needs to be 100%. Once you change that ALL of the sizing handles came back!!!!