Window within a website?
#1
Posted 16 April 2004 - 05:32 PM
Adobe Certified Expert
Adobe Photoshop CS
Adobe Photoshop CS2
Some previous work
#2
Posted 16 April 2004 - 08:42 PM
I happen to have written a tutorial about it on my website, which you can view here: http://www.penguinpe...als/iframes.php
Hopefully that helps you!
#3
Posted 16 April 2004 - 08:57 PM
My site: Freelance webdesign
#4
Posted 17 April 2004 - 02:39 AM
update i think its cause i preview it in mozilla.
update what if i want an image to be the link to the inside of the frame?
Adobe Certified Expert
Adobe Photoshop CS
Adobe Photoshop CS2
Some previous work
#5
Posted 17 April 2004 - 10:23 AM
You set the link's frame as the id of the iframe
My site: Freelance webdesign
#6
Posted 17 April 2004 - 01:26 PM
#7
Posted 17 April 2004 - 01:35 PM
My site: Freelance webdesign
#9
Posted 18 April 2004 - 01:12 PM
Don't get overly uppy with your css though theres alot of Internet Explorer only things, and alot of stuff doesn't work the same way across different browsers
Yeah, that's what I meant by "I'm not sure how widely it is supported." I think overflow:auto in divs works in all of the newest versions of the major browsers, but stops working in anything less than that. I wouldn't recommend using it, but then again, i wouldn't recommend using iframes either for the same reason.
The advantage to using css in this case as opposed to an iframe is that browsers that don't support the css version will simply display all of the content of the div without limiting its height and making the scrollbar. The iframe method, if not supported by the browser, displays what is between the tags, ie <iframe>RIGHT HERE</iframe>. If nothing is between the two tags, the browser will not display anything.
So in a way, iframes are counter-productive because in order for non-compliant browsers to see the same information, you would have to insert all of the content from the html file into the file that includes the iframe, or at least insert a link to that file where the iframe should be displayed.
#10
Posted 18 April 2004 - 03:18 PM
tells you if your site is compatible
with all browsers, I think...
if not then dreamweaver mx 2004
does.
My site: Freelance webdesign
#11
Posted 01 June 2004 - 03:52 PM
Something like this should work:
http://javascript.ab...rowsercheck.htm
#12
Posted 25 August 2004 - 09:52 AM
see http://www.domedia.o...-div-scroll.php
eg
IN CSS:
<style type="text/css">
<!--
div.scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}
-->
</style>
And in your html files...
<div class="scroll">
<p>This is a scrolling are created with the CSS property overflow.</p>
<p>
<span style="color: red;">This is red color</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
<p>This is a normal paragraph.
<span style="font-weight: bold; font-size: 22px;">This is big bold text</span>
</p>
<p>This scrolling are can contain normal html like <a href="index.php">link</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
</div>
References:
http://www.w3schools...s_reference.asp
http://www.domedia.o...-div-scroll.php
edit: fixed css not right...
#13
Posted 27 August 2004 - 11:39 AM
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users