Solved

putting border and centring image on page

Posted on 2013-06-24
2
344 Views
Last Modified: 2013-07-02
hi guys,

how would i put a border of around ten px of #ff3333 and centre the image on my page http://piratescove.ie/test ?

there is no css file attached

Thanks
0
Comment
Question by:jonathanduane2010
2 Comments
 
LVL 15

Accepted Solution

by:
Jagadishwor Dulal earned 215 total points
ID: 39272073
If you are using this image in a single page you can do just:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body{
	width:960px;
	margin:0 auto;
}
body img{
	border:10px solid #ff3333;	

}
</style>
</head>

<body>
<img src="images/comp.png" alt="" name="" width="960" height="636" align="absmiddle" />
</body>
</html>

Open in new window

0
 
LVL 58

Assisted Solution

by:Gary
Gary earned 215 total points
ID: 39272082
Add to your image  style="border:10px solid #ff3333"

Following on from the other question add a container div and set its width to 960px and add a style of
margin:0 auto

p.s. change the red font, makes your eyes go funny.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

26 Experts available now in Live!

Get 1:1 Help Now