Viewing weird tab/spacing stuff

weird tab/spacing stuff



User: Guest 12 years ago
Hello,

When I tab text in EasyWeb it appears fine, but in preview the spacing is all over the place. Here are the screenshots:

Any suggestions?

Thanks!

Lilah

screenshot tabs good.jpg

screenshot tabs bad.jpg
Edit
User: Roddy 12 years ago
In web design you would use a table for this kind of layout and not a text box.

-------------------------------
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
But that's not available in EW at the moment, right? Unless I'm not seeing it.
Edit
User: Roddy 12 years ago
Quote:
But that's not available in EW at the moment, right?


Yes and No! You can insert a table via an HTML snippet.

What you are trying to do was a long standing problem in iWeb. You just can't create table layouts in a text box.

Example of borderless tables in EasyWeb...

http://roddymckay.com/EasyWeb/test/table.html

-------------------------------
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
Thanks Roddy! You are always so so helpful.

Couple questions:

Can I reduce the spacing between rows?
Where can I find the color code for the text? I'd like the text in the table to match the rest of the website.
I'd like the header for each section to be in small caps, a font size bigger, and bold. How can I do that in CSS?
I need one column to be in italics throughout the table. Would you mind telling me the CSS code for that as well?

Thanks again!

Lilah
Edit
User: Roddy 12 years ago
This is the CSS to be pasted into the page Head Code box...

<style type="text/css">
.ew-table {
width:100%;
height: auto;
margin:0;
padding:0;
background: transparent;
}
.ew-table td {
vertical-align:middle;
text-align:left;
padding: 5px 7px;
font-size:15px;
font-family:Verdana;
font-weight:normal;
color:#cccccc;
}
.ew-table tr {
margin: 0;
padding: 0
}
.ew-table tr:first-child td {
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
color: #cccccc;
}
.ew-table td:nth-child(2) {
font-style: italic;
}
</style>


In this section...

.ew-table td {
vertical-align:middle;
text-align:left;
padding: 5px 7px;
font-size:15px;
font-family:Verdana;
font-weight:normal;
color:#cccccc;
}


Reduce the first number in this line (5px) - padding: 5px 7px; - to reduce the line spacing.

Change the font color - color:#cccccc; - using a hex color number. To add this feature to your fonts window, see Hex Color Picker on this page...

http://www.iwebformusicians.com/iWeb/Fonts-Colors.html

This changes the top row...

.ew-table tr:first-child td {
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
color: #cccccc;
}


Enter you font size and color.

This will change the font style in any column...

.ew-table td:nth-child(2) {
font-style: italic;
}


Change the number in brackets - (2) - to the column number that you wish to have italic.

-------------------------------
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
This is very helpful - thanks! I tried downloading the Hex Color Picker, but couldn't figure out how to get it into my actual color window...
Edit
User: Roddy 12 years ago
How to install
==============

Relocate the HexColorPicker.colorPicker file to either of these places:

For installation only in your account:
Copy or move the file to...
[your home folder] -> Library -> ColorPickers
(if the ColorPickers folder doesn't exist, create it)

For installation on the computer (available to all accounts):
Copy or move the file to...
[your hard drive] -> Library -> ColorPickers
(if the ColorPickers folder doesn't exist, create it)

-------------------------------
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
Thanks. I found the "Libary" folder and moved the hex file into color pickers, but it's still not showing up in EW and Pages. Do I need to compress the file? I have a mac.

Lilah
Edit
User: Roddy 12 years ago
Try quit and relaunch EasyWeb. If that doesn't work, restart your Mac.

-------------------------------
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.


Post Reply
You must login or signup to post.