Help with a page WYSIWYG editor

BarryC · 04-02-2007, 02:26 PM

Hi,

I'm working on a school page on the back end of my site in the WYSIWYG editor. I'm definately not getting what I'm seeing.

I'm trying to have every "school report card" hyperlink appear uniform all the way down the page. In the editor it appears perfect, but when I go to look at the page it turns out looking like this:

http://dev47.rewdev.com/scottsdaleschools.php

The spacing should be correct. I use the space bar until the "school report card" moves down to the next line, and then I do 1 backspace so it comes back up to the correct line. This process is repeated down the page. Looks good in the editor, looks bad in a browser.

What am I doing wrong?

Thank you.

mkrotchie · 04-02-2007, 03:28 PM

Barry,
Unfortunately spacing with a spacebar doesn't always translate to the web.

The easiest thing to do would be to make a table and use separate cells for the school info and the report card link.

Here is some sample code of what you want to do (right before your "Anasazi.." school in the code try pasting this):

Code:

<table width=90%>
 <tr valign="top">
   <td align="left"><a title="Anasazi elementary school website" href="http://anasazi.susd.org/" target="_blank">Anasazi Elementary School</a>
12121 North 124th Street&nbsp;<br />Scottsdale, AZ 85259&nbsp;<br />480.484.7300
   </td>
   <td align="right"><a title="Anasazi school report card" href="http://www.ade.state.az.us/srcs/ReportCards/60092007.pdf" target="_blank">School ReportCard</a>
   </td>
  </tr>
</table>

To repeat the above you would basically repeat the part between the <tr> and </tr> tags and substitute each school's info.

If you need help let me know.

BarryC · 04-02-2007, 04:23 PM

Mike,

Thanks for the info. Is there an easy way to update my page, or would I be better off starting it over with the code you gave me?

Thanks again for your help.

By the way, how do you learn stuff like this. Do I need to take some html classes?

mkrotchie · 04-02-2007, 04:52 PM

Hmm I'm not sure there is an 'easy' way to do it. It seems like the best way would be to copy/paste the code I gave you and then move the school/report info into each table (unless anyone has a better suggestion).

If you are using a WYSIWYG editor you should be able to see the outline of each individual table and you should be able to copy/paste it in the 'graphical' part of the editor.

As for the html I just doodled with it in my spare time until I learned it. Here is a basic tutorial set that teaches you all of the basics: http://www.w3schools.com/html/html_intro.asp

BarryC · 04-02-2007, 05:06 PM

Michael,

Could you do me a huge favor and just post the code for the table without all the school information in it? I tried playing around with it, but seriously I am so limited regarding this kind of thing and I keep messing it up.

I would really appreciate it.

mkrotchie · 04-02-2007, 05:30 PM

Quote:

Originally Posted by BarryC

Michael,

Could you do me a huge favor and just post the code for the table without all the school information in it? I tried playing around with it, but seriously I am so limited regarding this kind of thing and I keep messing it up.

I would really appreciate it.

np

Code:

<table width=90%>
 <tr valign="top">
   <td align="left">SCHOOL INFO HERE
   </td>
   <td align="right">REPORT CARD HERE
   </td>
  </tr>
</table>

So basically you copy/paste the school info in the "SCHOOL INFO HERE" and the report card link in the "REPORT CARD HERE"

To repeat you would just copy the entire block over and over.

BarryC · 04-02-2007, 06:10 PM

Michael,

Thank you very much for your help. I will give it a try tonight.

webmaster · 04-02-2007, 10:26 PM

No need to copy the entire table each time, just repeat the TR and TD elements like so

Code:

<table width=90%>
 <table width=90%>
 <tr valign="top">
   <td align="left">SCHOOL INFO HERE
   </td>
   <td align="right">REPORT CARD HERE
   </td>
  </tr>
<tr valign="top">
   <td align="left">SCHOOL INFO HERE
   </td>
   <td align="right">REPORT CARD HERE
   </td>
  </tr>
<tr valign="top">
   <td align="left">SCHOOL INFO HERE
   </td>
   <td align="right">REPORT CARD HERE
   </td>
  </tr>
<tr valign="top">
   <td align="left">SCHOOL INFO HERE
   </td>
   <td align="right">REPORT CARD HERE
   </td>
  </tr>
<tr valign="top">
   <td align="left">SCHOOL INFO HERE
   </td>
   <td align="right">REPORT CARD HERE
   </td>
  </tr>
</table>

mkrotchie · 04-03-2007, 05:13 AM

very true, just figured it would be easier to copy the entire table (visually)

BarryC · 04-03-2007, 07:40 AM

You guys are so much help.

Thanks again I appreciate it.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Real Estate Forums

For our members

Main Sections

IDX Coverage Areas

Spiders Welcome