PDA

View Full Version : cannot delete row


marcia
12-20-2007, 11:14 PM
started this page with a DW ready-made template just for the header. I want to delete it and also the next row. Can delete the header, with much effort, but not the row at the top of the next table.

After deleting, want to insert a table or cell that is fixed across the page and insert header text. It now looks completely different in Firefox than in the IE. The cell would be black at 100% wide and about 125 px high. Can't seem to get any of the above to look right in both browsers. Help!:confused:
the logo art should be flush with this black cell and both will be fixed.

using DW 8 on my pc.

www.susanschwartzeditor.com/testres4.html

Cary
12-22-2007, 06:08 AM
You have these three style sheet links:


<link rel="stylesheet" href="file:///C|/Program%20Files/Macromedia/Dreamweaver%208/Configuration/BuiltIn/StarterPages/mm_entertainment.css" type="text/css" />
<link href="/table type.css" rel="stylesheet" type="text/css" />
<link href="../tables.css" rel="stylesheet" type="text/css" />


None of these style sheets are online. The path to the style sheet in the DW 8 program folder exists on my computer as well, so IE 6 sees that style sheet when I look at your page online, but Firefox ignores the style sheet, giving me two different layouts.

Make sure all your style sheets are online and all your link paths are correct, otherwise it's impossible for you or anyone else to see the page correctly online, and nobody else can know what you're seeing locally if the other two style sheets exist or you have modified your original mm_entertainment.css file rather than the copy that should have been in your site's local folder.

When you get this sorted out it may be easier for you to produce what you're trying to achieve. Keep in mind that IE6 doesn't support fixed positioning, so that will also contribute to the differences in IE and Firefox.

marcia
12-22-2007, 07:10 PM
hi Cary.

Thanks again...

How do I find out if these sheets are online? The mm_entertainment.css just appeared. I think it's to do with the starter page (that I picked up from the pre-made DW template). Now I can't locate that css. sheet either.

I tried deleting the 3 links you mentioned in the code (on a copy in my local) and there's still problems, so I didn't save. If the cells do remove, then I can't insert a new table completely across the top. ????

The 'current' in css. says that my cells are not inhereted. ???? Will spend more time on it Sun. or Mon.

Am going back to my Janet Warner tutorial, which is presenting another problem - layers.

Layers problem on page www.susanschwartzeditor/edits.html. None of the layers that i created sho on the internet. Should I be positioning the layers in a div tag? (I haven't used div tags yet.)

M

marcia
12-22-2007, 07:12 PM
p.s. nice photo on your name tag. Did you take it, or is that you?

Cary
12-22-2007, 08:08 PM
How do I find out if these sheets are online?

When you look at the Files tab on the Files panel you should normally have "Local view" selected. Change it to "Remote View" to see what's on your server. You can also click the button at the right end (below the view selector) to expand to show both local and remote sites.

If the cells do remove, then I can't insert a new table completely across the top.

You should be able to insert a new table across the top even if you can't remove the cells, but the cells can be removed. I'm just not sure which cells you wish to remove. What do they contain?

p.s. nice photo on your name tag. Did you take it, or is that you?

That's me overlooking a smoke-filled Grand Canyon.

Cary
12-22-2007, 08:19 PM
Layers problem on page www.susanschwartzeditor/edits.html. None of the layers that i created sho on the internet. Should I be positioning the layers in a div tag? (I haven't used div tags yet.)

I couldn't load that page (perhaps you're working on it right now?), but normally you want your absolutely positioned elements to be created within a relatively positioned element. Then their absolute positions will be relative to their relatively positioned parent element. Otherwise, their absolute positions are relative to the body or the top left corner of the viewport, give or take a few pixels because of varying default margin and padding in different browsers.

marcia
12-22-2007, 11:30 PM
Sorry, forgot the .com
It's www.susanschwartz.com/edits.html

btw, how do you get that nice quote box?

Nice photo shot - sad that the GC was smoky. I've been there when it was gorgeous. Hope it's not global warming...maybe it was just a bad day?????

Went to remote - can't find what you're referring to. When I expand, I don't know what to look for. Do you mean in the view source code on the Internet? Anyway, when I delete the code in local view, it's still not right.

---

Will try to better explain original problem in the testres4 page. When you open in IE, the page looks kind of o.k. (I would be happier if the Susan Schwartz row BG color filled at 100%, but that's minor). You say that IE doesn't support 'fixed', but the logo and Susan row are fixed. What I want is that the row on top (banner?) would also stay fixed. If not, I would like to delete the entire thing, and redesign a cell, or table, with those 3 lines of text in them, but I can't. Now, the Susan row stays fixed and when you scroll up, the body text is interupted and then continues.

So, I want to have the same effect in Firefox. It comes closer to the effect I want, but there still is a transparent line between the black top block and the black Susan row. The body copy is visable in that tranparent line when you scroll up - not what I want. As for the text itself, it's way too big and needs to be modified - another problem.

Hope that this makes things more clear.

Appreciate your concern.

marcia
12-22-2007, 11:37 PM
oops, made an error - the fixed postion in Firefox is the same as IE

Cary
12-23-2007, 03:59 AM
btw, how do you get that nice quote box?

I click the "Quote" button inside the post that I wish to quote. When you do that you'll see opening and closing quote tags added the beginning and ending of the original post's text. I just copy those to beginning and end of the portions I want quoted.

Nice photo shot - sad that the GC was smoky. I've been there when it was gorgeous. Hope it's not global warming...maybe it was just a bad day?????

There had been a fire in the valley recently. Things looked fine facing away from the sun, but facing toward it really showed off the smoke.

Went to remote - can't find what you're referring to. When I expand, I don't know what to look for. Do you mean in the view source code on the Internet?

I simply meant you can use the remote view to find out which files have or have not been copied over to the server. If your style sheets, for instance, aren't visible there, then you'll know they still need to be copied over.

Cary
12-23-2007, 04:15 AM
Sorry, forgot the .com
It's www.susanschwartz.com/edits.html

I didn't have any luck with that url either. I tried http://www.susanschwartzeditor.com/edits.html which brought up a page, but it wasn't complete html, just the code for a couple tables.

You say that IE doesn't support 'fixed', but the logo and Susan row are fixed. What I want is that the row on top (banner?) would also stay fixed. If not, I would like to delete the entire thing, and redesign a cell, or table, with those 3 lines of text in them, but I can't. Now, the Susan row stays fixed and when you scroll up, the body text is interrupted and then continues.

I assume you mean IE7. This fixed positioning isn't working at all in IE6.

So, I want to have the same effect in Firefox...As for the text itself, it's way too big and needs to be modified - another problem.

I noticed that the text in Firefox looks the same as the text in IE when the mm_entertainment.css file is present. Or they both look big when that file is absent.

That's why I was saying you have to fix all your style sheet links so they are pointing at files on the server rather than your local hard drive, and make sure all your style sheets are online so different browsers will all be starting on equal footing. As I mentioned, IE6 sees the mm_entertainment.css style sheet on my local drive and Firefox does not.

Cary
12-23-2007, 06:38 AM
You can try out the following code. I removed all links to external style sheets. I also ended up needing to use a transparent clear.gif to keep the left column from collapsing in narrow windows.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test for ss resume 3</title>
<style type="text/css">
body {
background: #FFFFFF;
margin: 0px;
padding: 0px;
}
p.MsoNormal {
margin: 0;
text-shadow: auto;
color: #99CCFF;
font: 11pt ariel;
}
li.MsoNormal {
margin: 0;
text-shadow: auto;
font: 10pt Times;
}
.style1 {
color: #8E408C;
font: Geneva, Arial, Helvetica, sans-serif;
}
.style6 {
color: #D696DE;
font: bold;
font-weight: bold;
}
.style7 {
font-weight: bold;
color: #B7B7B7;
}
.style10 {
font: 24px Arial, Helvetica, sans-serif;
}
.style11 {
color: #CF96CE;
font: 45px Geneva, Arial, Helvetica, sans-serif;
}
.style14 {
color: #B7B7B7;
}
.style15 {
font: 12pt Arial, Helvetica, sans-serif;
}
.style16 {
color: #D596DA;
font: bold;
}
.style17 {
color: #D596DA;
}
.style18 {
color: #CE9ACE;
}
.style19 {
color: #999999;
background: #000000;
text-align: center;
}
.style24 {
color: #C99ACF;
}
.style25 {
color: #C99ACF;
font: bold;
}
.style38 {
color: #CF96CE;
font: bold 14px Geneva, Arial, Helvetica, sans-serif;
}
.style40 {
color: #999999;
font: 14px Arial, Helvetica, sans-serif;
}
.style41 {
color: #FFFFFF;
}
.style43 {
color: #DEDBE7;
font: 10px arial;
}
#logo {
position: fixed;
float: left;
clear: both;
}
* html #logo { /* for IE6 */
position:absolute;
left:0;
}
header {
padding: 0px;
height: auto;
width: inherit;
position: fixed;
}
.headerbg {
position: fixed;
visibility: visible;
z-index: auto;
height: auto;
width: auto;
top: auto;
right: auto;
bottom: auto;
float: inherit;
background: #000000;
}
.style50 {
font-weight: bold;
}
.subHeader {
text-align: center;
position: fixed;
}
/* Use padding instead of margins with header text */
td.subHeader h1 { /* use this to adjust size and style of h1 in header */
margin: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
td.subHeader h2 { /* use this to adjust size and style of h2 in header */
margin: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
td.subHeader p { /* use this to adjust size and style of p in header */
margin:0;
padding-top:.2em;
padding-bottom:.2em;
}
#table2 {
margin-top: 125px; /* keeps table2 from starting out under the header */
}
* html #table2 { /* for IE6 */
margin-top: 0;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" valign="top" class="subHeader style1">
<div style="background-color:#000000;">
<h1 class="style50">www.susanschwartzeditor.com</h1>
<h2>e:<a href="mailto:query@susanschwartzeditor.com">query@susanschwartzeditor.com</a></h2>
<p>Susan Schwartz • 200 west 86 • ste 14-i • new york ny 10024</p>
</div>
<img id="logo" src="www/logos/logo_resume_pg.jpg" alt="logo resume pg" width="149" height="306" />
</td>
</tr>
</table>
<table id="table2" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" valign="top"><img src="clear.gif" alt="" width="149" height="306" /></td>
<td width="650" valign="top"><br />
<table border="0" cellspacing="0" cellpadding="2" width="593">
<tr>
<td align="center" width="589" height="44">
<p class="style11">r e s u m e</p>
</div></td>
</tr>
<tr>
<td class="bodyText"><p class="MsoNormal" align="center" style="text-align:center;"><span class="style10"><span style="font-size:12.0pt; color:blue;">Independent Editorial Consultant <span class="style41">0</span>1998 - present</span></span><strong><span style="text-shadow:none; font-family:Arial; font-size:12.0pt; ">&nbsp;</span></strong></p>
...
...
...


Then there was some strange improperly nested or unclosed tags at the end, so I ended up with this code there:


...
...
...
<tr>
<td>&nbsp;</td>
<td><strong><span style="font-family:Arial; font-size:11.0pt; color: #99CCFF;">Radcliffe Publishing Procedures Course</span></strong></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

marcia
12-23-2007, 09:02 PM
o.k. I made a new page www.susanschwartzeditor.com/testres4cary.html (you're now famous). I deleted all the old html and copy and pasted yours. However, I don't know where to put the add-on, so didn't.

Also cleaned up some other errors. So now, the IE (version 7) looks o.k. tho the image is still not fixed in the correct position - at least the page looks clean. The Firefox page looks worse than ever - type is even bigger. In the local, I deleted the 2nd black cell and inserted the susan text in the header instead. Page still needs work. Maybe the add-on will make a difference.

That mm_entertainment.css is a major problem for me. It came from the starter page panel, without the mm_. I don't know why it doesn't insert into the Foxpro html.

Wish you lived in NY - I'd be over in a Flash...

Cary
12-24-2007, 01:59 AM
Go here and you'll see how the changes I made above affected the page:

http://www.solsector.com/cary/marcia/testres4.html

Cary
12-24-2007, 02:13 AM
I just noticed a hairline gap above the header, so I added padding:0 to the .subHeader styling.

.subHeader {
text-align: center;
position: fixed;
padding: 0;
}

Cary
12-24-2007, 08:43 AM
Scratch this attempt. I've found, as you've probably noticed already, that this isn't working in IE7 though it seems to be fine in everything else. I can only see what it looks like in IE7 by using browsershots or totalvalidator.

marcia
12-24-2007, 04:31 PM
Looks great in Firefox.

I could live with the not being 'fixed' part in IE, but now I'm getting a huge white space in IE between the header and body copy. (same height as the image).

If I want to use this, would I just link it from my index page? And how would I edit it?

The other thing is the black background in the word Affiliation. This might be linked to the header and needs to be replaced with a different style (if possible). Both the words and 'affiliations' and 'education' should be in the bolder gray Ariel.

or

I may have to redo the page completely without that entertainment thingee that I can't seem to remove,

or

Maybe I have to can the whole idea. I've thought of using frames, but that might be a whole new set of problems. You're much more tech savvy than me, and we just can't make it work this way. You also seem as diligent as me, and I highly appreciate that. What do you think?

Cary
12-24-2007, 07:03 PM
The page at the link I gave above is working in IE 7 now the same as in other browsers. I've also attached the code for the page. Just change the .txt extension to .html. You can also get both the clear.gif image and the html from http://www.solsector.com/cary/marcia/. I tried attaching the gif, but it's clear so it doesn't show up.

marcia
12-24-2007, 11:04 PM
Gosh - the major work seems to be done. I'm afraid to touch anything now. (I'll have to insert the nav bar eventually and do some typo edits)

There's still one problem - the words 'resume' and 'independent editorial consultant', etc line is not showing up in IE. The Firefox is perfect.

I don't believe how dedicated you are!

I made another page today which has all the info, but the styling is incorrect - esp the lower tables. In IE they line up on the right instead of the left. Ooooh...

So, have a Merry Christmas is that's what you celebrate. If not, have one anyway....

M

Cary
12-24-2007, 11:09 PM
Yes, I just noticed that and updated it yet again. In the following bits of code I changed margin-top to padding-top and that fixed it. The top margin was collapsing in IE7, so the table content was going right under the header. Merry Christmas :)

#table2 {
padding-top: 125px; /* keeps table2 from starting out under the header */
}


<!--[if lt IE 7 ]>
<style type="text/css">
#logo {
position:absolute;
left:0;
top:0;
}
#table2 {
padding-top: 0;
}
</style>
<![endif]-->

Cary
12-24-2007, 11:20 PM
Just a note: The clear.gif needs to be present to keep the left column of the table from collapsing when the page is viewed in a narrow window. Without it the column will collapse and the main table content will shift to the left and partially disappear under the fixed logo image.

marcia
12-24-2007, 11:35 PM
I'll need to carefully read thru the code, 'cuz I can't locate #table2 and #logo. Think I'm burnt out for today (it's late here and Xmas Eve), but will get to it asap.

Cheers!

marcia
12-26-2007, 07:28 PM
Cary,

Well. you did it! It looks beautiful! What a wonderful Christmas present. I'm amazed at how different the page looks in the browser previews and the real thing.

Now, if you're not sick of me, can you help get this page looking Perfect? 2 things, I've been on for hours:

1. Trying to darken the light gray type to #999999 in the first paragraph and the paragraph that starts with Aquired. I sometimes get it, and then I lose it - tried to refresh in 'put' and it just wanted to synchronize. Don't know what I'm doing wrong.

2. the words Editorial Consultant are not coming up bold (strong) - no matter what I do. So, I put it back to the way it was for now.

These seem to be CSS problems - I'll never again use so many styles!

Cary
12-26-2007, 11:12 PM
It looks like you figured this out already :)