p2p.wrox.com Forums

p2p.wrox.com Forums (http://p2p.wrox.com/index.php)
-   CSS Cascading Style Sheets (http://p2p.wrox.com/forumdisplay.php?f=146)
-   -   webdesign (http://p2p.wrox.com/showthread.php?t=91323)

aurel November 1st, 2013 08:21 AM

webdesign
 
please,
could someone help me to show me how making a frame with css?

janetkissho June 10th, 2014 04:33 AM

Css Framing should something like this..

<!-- CSS Stylesheet -->
<style type="text/css" id="File_css">
/**
* Title CSS
* Style: 'Title_webkeyword'; Style ID: 40
*/
@import url("clientscript/File_css/style-ddb03386-00040.css");
</style>
<link rel="stylesheet" type="text/css" href="URL" />

<!-- / CSS Stylesheet -->

Hope it helps you to understand

technologiesdotfusion March 5th, 2015 08:56 AM

Create a Web page that will be displayed on the top frame
 
simple creating web page frame using css

Quote:

<html>
<head>
<LINK REL=STYLESHEET HREF="cssfile.css" TYPE="text/css">


<STYLE TYPE="text/css">
<!--
h1 {
font-weight: bold;
font-size: 30pt;
color: "#aa44ff";
margin-top: 40px;
line-height: 10pt;
font-family: forte;
font-style: italic;
text-align: center
}
-->
</STYLE>


</head>
<body>

<h1>Three Major News Agency Sites</h1>

</body>
</html>

piotrw127 July 10th, 2018 03:47 PM

html and css code for frame example
 
CSS:

* {
margin:0;
padding:0
}
html, body {
overflow:hidden;
width:100%;
height:100%
}
body {
background:lightgrey
}
.frame {
float:left;
width:49.5%;
height:100%;
overflow:auto
}
.frame .frame {
background:cyan
}
.frame.border {
border-right:3px ridge buttonface
}
HTML:

<div class="frame">
<div class="frame border">
<p>Left column</p>
</div>
<div class="frame">
<p>Right column</p>
</div>
</div>
<div class="frame">
<p>Right frame</p>
</div>

piotrw127 July 10th, 2018 03:51 PM

html and css code for frame example
 
CSS:

* {
margin:0;
padding:0
}
html, body {
overflow:hidden;
width:100%;
height:100%
}
body {
background:lightgrey
}
.frame {
float:left;
width:49.5%;
height:100%;
overflow:auto
}
.frame .frame {
background:cyan
}
.frame.border {
border-right:3px ridge buttonface
}

HTML:

<div class="frame">
<div class="frame border">
<p>Left column</p>
</div>
<div class="frame">
<p>Right column</p>
</div>
</div>
<div class="frame">
<p>Right frame</p>
</div>

richardhuymedi July 14th, 2018 04:46 AM

CSS:

* {
margin:0;
padding:0
}
html, body {
overflow:hidden;
width:100%;
height:100%
}
body {
background:lightgrey
}
.frame {
float:left;
width:49.5%;
height:100%;
overflow:auto
}
.frame .frame {
background:cyan
}
.frame.border {
border-right:3px ridge buttonface
}

HTML:

<div class="frame">
<div class="frame border">
<p>Left column</p>
</div>
<div class="frame">
<p>Right column</p>
</div>
</div>
<div class="frame">
<p>Right frame</p>
</div>


All times are GMT -4. The time now is 05:24 PM.

Powered by vBulletin®
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.