Is possible to do with CSS just borders as sample?

@toplisekJan 21.2009

Is possible to do with CSS just borders as sample but
1. without using bg image and
2. text abouth the author?
thank you?

to post a comment

CSS

@peterwmartinJan 21.2009 — #If you mean a div yes you can

in html div id whatever

in css

#whatever

height

width

border

position relative or absolute

@toplisekauthorJan 21.2009 — #I kindly ask you to to inform me how to do borders and text about the author. See snap just for sample. There is text and there is border width=1 around my message.

@peterwmartinJan 21.2009 — #is this what you need?

cut and paste

<html>

<head>

<title>about the author</title>

</head>

<body>

<style>

fieldset{border:1px solid red;

height:400px;

width:250px;

padding:10px;}

</style>

<form>

<fieldset>

<legend>About the Author:</legend>

<p>this is a story about the author.</p>

</fieldset>

</form>

</body>

</html>

@toplisekauthorJan 22.2009 — #Yes exactly. Is possble to move text About the Author: to the right not left?

@6StringGeekJan 22.2009 — #Not sure of this is proper, but it works.

<legend align="right">About the Author:</legend>

@Major_PayneJan 22.2009 — #Just be sure to put the style tags between the head tags and not in the body. Also add to opening style tag: type="text/css"

Add the action="" attribute to the form opening tag. Also, better not to get in the habit of using named colors. Some colors have the same hex color value and the browsers can't tell. #f00 for red will do just fine. This will validate strict:

[CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html><head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 <title></title>
 <meta name="description" content="">
 <meta name="keywords" content="">
 <meta name="author" content="Ron">
 <meta name="date" content="1/22/2009">
 <style type="text/css;">
 fieldset{
 border: 1px solid #f00;
 width: 250px;
 height: 400px;
 padding: 10px;
 }
 
 legend {
 margin-left: 150px;
 }
 </style>
 </head>
 <body>
 
 <form action="none">
 <fieldset>
 <legend>About the Author:</legend>
 <p>this is a story about the author.</p>
 </fieldset>
 </form>
 
 </body></html>
 [/CODE]

IE seems to have a problem with this as usual. ?

@toplisekauthorJan 26.2009 — #You are correct. IE has issue to display this in correct way.

Is possible to do with CSS just borders as sample?

7 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Is possible to do with CSS just borders as sample?

7 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

7 Comments(s) _↴

Also in #CSS _↴