/    Sign up×
Community /Pin to ProfileBookmark

How to do Fields code with image at the top?

Copy linkTweet thisAlerts:
Nov 17.2009

I enclose my file and design which would be achieved.
Is this possible to do with my code or how to do?

[code=php]

<!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=””>
<style type=”text/css;”>
fieldset{
border: 1px solid #CCC;
width: 250px;
height: 400px;
padding: 10px;
}

legend {
margin-left: 150px;
}
</style>
</head>
<body>

<form action=”none”>
<fieldset>
<legend><img src=”images/box_news.gif” width=”210″ height=”25″ border=”0″ alt=”Latest News” title=”Latest News” /></legend>
<p>this is a story about the author.</p>
</fieldset>
</form>

</body></html>

[/code]

[upl-file uuid=145318f2-6e32-402e-83f9-28b0f6eacdbc size=1kB]box_news.gif[/upl-file]

[upl-file uuid=d26362fc-4578-49c6-bf68-ab0fc9381d1a size=7kB]snap_news1.jpg[/upl-file]

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangNov 18.2009 — The line in the image will cause a great deal of problems, remove it.

Then remove the margin from the legend and apply margins to the image.
legend img {margin:15px 25px 0 10px;}
Copy linkTweet thisAlerts:
@toplisekauthorNov 20.2009 — Hi,

yes this works but solved is one minor issue that News title has lines with shadow not pure your lines from fieldset....

See shadow on the left and right part.

How to do also rounded corners?
×

Success!

Help @toplisek spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...