Wrox Programmer Forums
| Search | Today's Posts | Mark Forums Read
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
  #1 (permalink)  
Old November 1st, 2013, 08:21 AM
Registered User
Points: 5, Level: 1
Points: 5, Level: 1 Points: 5, Level: 1 Points: 5, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Nov 2013
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default webdesign

please,
could someone help me to show me how making a frame with css?
  #2 (permalink)  
Old June 10th, 2014, 04:33 AM
janetkissho
Guest
 
Posts: n/a
Default

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

Last edited by jminatel; July 31st, 2014 at 02:51 PM.. Reason: deleted spam link
  #3 (permalink)  
Old March 5th, 2015, 08:56 AM
Registered User
Points: 6, Level: 1
Points: 6, Level: 1 Points: 6, Level: 1 Points: 6, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Feb 2015
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default 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>
  #4 (permalink)  
Old July 10th, 2018, 03:47 PM
Registered User
Points: 6, Level: 1
Points: 6, Level: 1 Points: 6, Level: 1 Points: 6, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jul 2018
Location: Warsaw
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default 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>
  #5 (permalink)  
Old July 10th, 2018, 03:51 PM
Registered User
Points: 6, Level: 1
Points: 6, Level: 1 Points: 6, Level: 1 Points: 6, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jul 2018
Location: Warsaw
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default 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>
  #6 (permalink)  
Old July 14th, 2018, 04:46 AM
Registered User
Points: 3, Level: 1
Points: 3, Level: 1 Points: 3, Level: 1 Points: 3, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jul 2018
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default

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>


Similar Threads
Thread Thread Starter Forum Replies Last Post
webdesign question jaklyne Ajax 3 March 30th, 2007 01:15 AM
webdesign question jaklyne Dreamweaver (all versions) 2 February 14th, 2007 03:48 PM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.