replacing frame by css?

H

Huub

Hi,

Using Linux and NVU, I'm trying to replace frames on a frame based
webpage by css. As far as I understand, css are implemented by div
id="text/css" and e.g. body {...}. However, so far, I use multiple
frames within the body, each with their own looks. How do I implement
that in css?

Thanks,

Huub
 
T

Travis Newbury

Using Linux and NVU, I'm trying to replace frames on a frame based
webpage by css. As far as I understand, css are implemented by div
id="text/css" and e.g. body {...}. However, so far, I use multiple
frames within the body, each with their own looks. How do I implement
that in css?
Click to expand...

How do you do what? You have not included a URL to show what "their
own looks" are.
 
H

Huub

How do you do what? You have not included a URL to show what "their
own looks" are.
Click to expand...

This is the htmlcode:

<HTML>
<HEAD>
</HEAD>
<BODY LANG="nl-NL" DIR="LTR">

<DIV ID="Frame1" DIR="LTR" STYLE="position: absolute; top: 1.03cm; left:
11.17cm; width: 4.71cm; height: 0.58cm; border: none; padding: 0cm;
background: #ffffff">
<P STYLE="border: none; padding: 0cm"><FONT SIZE=4 STYLE="font-size:
16pt"><I>Welkom
bij de</I></FONT></P>
</DIV>

<DIV ID="Frame2" DIR="LTR" STYLE="position: absolute; top: 2.12cm; left:
8.52cm; width: 13.07cm; height: 5.51cm; border: none; padding: 0cm;
background: #ffffff">
<P STYLE="border: none; padding: 0cm"><FONT FACE="Times,
sans-serif"><I><FONT SIZE=5 STYLE="font-size: 20pt">HuurdersVereniging
Westvoorne<BR></FONT><FONT SIZE=4>KvK nr: 40385106</FONT></I></FONT></P>
<P STYLE="border: none; padding: 0cm; font-style: normal"><FONT
FACE="Times, sans-serif"><FONT SIZE=4>Opgericht
14 maart 1977</FONT></FONT></P>
<P STYLE="border: none; padding: 0cm; font-style: normal"><FONT
FACE="Times, sans-serif"><FONT SIZE=4>Lid
van de Nederlandse Woonbond, lidnr 100744</FONT></FONT></P>

<P STYLE="border: none; padding: 0cm"><FONT FACE="Times,
sans-serif"><FONT SIZE=4>Vestiging:
Berberislaan 2, 3235 AA Rockanje (boven de VVV)</FONT></FONT></P>
</DIV><SPAN CLASS="sd-abs-pos" STYLE="position: absolute; top: 5.64cm;
left: 18.46cm; width: 112px">
<IMG SRC="logo_wnb.gif" NAME="graphics1" WIDTH=112 HEIGHT=25
BORDER=0></SPAN>

<DIV ID="Frame3" DIR="LTR" STYLE="position: absolute; top: 8.18cm; left:
8.78cm; width: 5.21cm; height: 1.09cm; border: none; padding: 0cm;
background: #ffffff">
<P STYLE="page-break-before: always"><A HREF="home_txt.html">Naar de
startpagina zonder foto's</A></P>
</DIV>

<P><BR><BR>
</P>
</BODY>
</HTML>

How can I replace these frames with css without losing the structure?
 
J

John Hosking

Huub said:
This is the htmlcode:
Click to expand...

First of all, Travis asked for a URL for the page in question, which is
preferable to posting a huge bunch of code.

Secondly, your page is not well-aligned in FF, although it looks OK in IE6.
<DIV ID="Frame1" DIR="LTR" STYLE="position: absolute; top: 1.03cm; left:
11.17cm; width: 4.71cm; height: 0.58cm; border: none; padding: 0cm;
background: #ffffff">

How can I replace these frames with css without losing the structure?
Click to expand...

And thirdly, you don't have frames just because you give the DIVs ids
like "Frame1". That is, you *already* have the page "implemented in
CSS," as you asked for in your original post.

(The CSS could be much improved, and you also have HTML coding which
could be replaced by CSS, but you do have CSS.)
 
J

Jonathan N. Little

Huub said:
This is the htmlcode:

<HTML>
<HEAD>
</HEAD>
<BODY LANG="nl-NL" DIR="LTR">

<DIV ID="Frame1" DIR="LTR" STYLE="position: absolute; top: 1.03cm; left:
Click to expand...
How can I replace these frames with css without losing the structure?
Click to expand...

Firstly, your markup does not have FRAME elements, but DIVs labeled with
IDs using the word "frame". Not the same.

If you mean remove the *inline style* but maintain the styling? You you
seems to need to learn a bit about stylesheets. I would suggest you
first see tutorials at www.htmldog.com

But to answer your question yes you can remove the inline styling. In
your stylesheet the first DIV would be defined as:

#Frame1 {
position: absolute;
top: 1.03cm; left: 11.17cm; width: 4.71cm; height: 0.58cm;
border: none; padding: 0cm;
background-color: #ffffff"
}
 
H

Huub

First of all, Travis asked for a URL for the page in question, which is
preferable to posting a huge bunch of code.
Click to expand...

Ok, sorry for that.
Secondly, your page is not well-aligned in FF, although it looks OK in IE6.
Click to expand...

What do you mean with "not well-aligned"? Not every line starting at the
same position? That was the intention.
And thirdly, you don't have frames just because you give the DIVs ids
like "Frame1". That is, you *already* have the page "implemented in
CSS," as you asked for in your original post.
Click to expand...

When I created the page using OpenOffice.org Web, I inserted frames. Now
you tell me this is actually CSS. So OOo Web calls css frames. Getting a
bit confused and it sounds odd to me. Some time ago I edited the page
using NVU. After saving, the page looked so completely messed up in
preview, I didn't even want to upload it. In OOo.Web, I had a heck of a
job bringing the page back to the original state. I realize though, that
this might not have to do with the frames/css.
(The CSS could be much improved, and you also have HTML coding which
could be replaced by CSS, but you do have CSS.)
Click to expand...

OK. I will spend some more time on html and css.

Thank you.
 
B

Beauregard T. Shagnasty

Huub said:
In OOo.Web, I had a heck of a job bringing the page back to the
original state.
Click to expand...

If/when you are about to embark on experiments, always make backup(s) of
the file(s) in question before you start.
 
J

John Hosking

Huub said:
What do you mean with "not well-aligned"? Not every line starting at the
same position? That was the intention.
Click to expand...

I mean, the text is not confined to its "framing" div.
My Firefox shows http://mypage.bluewin.ch/jlh/HuubFF.jpg.
My IE shows http://mypage.bluewin.ch/jlh/HuubIE6.jpg.

Note that I have non-white default backgrounds on these browsers (pink
and yellow, respectively). If your default BG is white, you wouldn't
have noticed the misalignement.
When I created the page using OpenOffice.org Web, I inserted frames. Now
you tell me this is actually CSS. So OOo Web calls css frames.
Click to expand...

Well, I don't want to swear, but Microsoft Word calls them frames, too.
It's not a bad term to describe to users of word-processing software
that this thing can have a border around it and contain... some other
thing. They're metaphorically related, and with similar effects, but not
the same things when the document gets saved as HTML.
OK. I will spend some more time on html and css.
Click to expand...

Learning what the HTML is "saying" will eventually save you oodles of
time. Learning the CSS will eventually save you time, space, and
(optionally :) ) your sanity.
Thank you.
Click to expand...

You're welcome. Good luck.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Sort by number of characters 1
Is it possible an iframe can overlapp another? 3
Working on mobile css menu with plenty of frustration! 2
referencing an element in another frame 0
Access to objects in a frame on a web page 0
Displaying images in css "frames" 12
Frame in CSS 4
Re: CSS for positioning 334

Members online

No members online now.
Total: 33 (members: 0, guests: 33)
Robots: 55

Forum statistics

Threads
473,770
Messages
2,569,588
Members
45,095
Latest member
EmiliaAlfo

Latest Threads

Top