Viewing incorrect css?

incorrect css?



User: Guest 12 years ago
EW shows:


Safari shows:


Inspecting the element in Safari:
<p style="line-height:4.62px;margin-bottom:11.25px;margin-top:0px;" class="Style8">Director / Case Manager</p>

From the css:
.Style8{font-family: 'Arial',sans-serif;
font-size: 18px;
font-weight: bold;
}


Site address: http://www.mchenryhousetracy.org

pre.tiff

post.tiff
Edit
User: Paul-RAGESW 12 years ago
I'll need you to send me your website project file then so I can take a look. Send it to https://billing.ragesw.com/submitticket.php

In the Finder go to the Go menu and select 'Go To Folder'

Then enter this in the dialog that opens up

~/Library/Application Support/EasyWeb/

Send me the files in that folder. Please compress them before sending it to me by right clicking on them and selecting Compress. If the file is too big, you can upload it at http://ge.tt and send the link to me.

-------------------------------
Paul
EverWeb Developer
User: Paul-RAGESW 12 years ago
Also, what font were you using?

-------------------------------
Paul
EverWeb Developer
User: Guest 12 years ago
Arial bold italic. Dropbox link has been emailed.
Edit
User: Roddy 12 years ago
Your font size is 18px and the line height is only 4.62px. What line height are you using in EasyWeb?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
EW settings as shown in the "pre" pic are Arial, bold, italic, 12, #753A19, line height 0.33, after paragraph 15.
In the browser, the html for the "Director..." element has class "Style26", which does not exist in the "ew_css/textstyles.css" file.
Edit
User: Roddy 12 years ago
Change the line height to 1

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
That is bizarre. Changed that single element's line height to 1 and presto--the style appeared in css. All other elements still set to 0.33 .
Edit
User: Roddy 12 years ago
In general, the line height should never be less than the text size. I assume that, in EasyWeb, when you set the line height to 1 that it then corresponds with the text size.

You can increase line height to space out the lines but, as you have discovered, decreasing it too much results in the lines of text overlapping.

Quite a few users have had similar problems because they set the line height significantly below 1. Stick to 1 and you will be OK.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 12 years ago
Even with the line height adjusted, there remains an issue, though not necessarily css related. Notice the great discrepancy between the EW and Safari images. WYSIWYG is taking this one on the chin!

EW.tiff

Safari.tiff
Edit
User: Paul-RAGESW 12 years ago
I just published your website here with the latest beta (not yet released) and it looks OK.

I think if you publish your entire site from under the File menu it should work with you in the current beta. Otherwise the latest beta should fix your issues.

-------------------------------
Paul
EverWeb Developer


Post Reply
You must login or signup to post.