Menu
Community /Pin to ProfileBookmark
@NogDogJul 15.2005 — #Here's how I'd do it (welcome to the world of CSS):
@NogDogJul 15.2005 — #
You could just style the <p> tag in your original sample:
But going the CSS style section route means you can tweak the appearance of the relevant elements within the style section, without messing around with the content section. When this becomes truly powerful is when certain content and stylistic elements carry across multiple pages on your site. Then you can use a single external style sheet referenced by one HTML line on each page, applying those stlyings to all those pages. Then when you decide to change some visual aspect of the pages, you just need to change the relevant line(s) in one place: the style sheet.
[i]Note: some of the other things I added are just things to make the markup valid HTML 4.01, such as the alt, width, and height attributes of the img tag, adding a doctype at the beginning, etc. Using H1 instead of P tags for the logo seemed more semantically meaningful.[/i]
Centering an Image
I can’t center an image! I know, it sounds stupid. After it wouldn’t work, I even copy and pasted the code off Active Jump and changed the URL.
[URL=http://freewebs.com/goataid]Here
[CODE]<p align=”center”>
<img src= “http://www.freewebs.com/goataid/Goat%20Aid.gif”>
</p>
I don’t know what wrong.
While you’re at it, does the image look weird? I’m using Firefox.
Thanks in advance
Sign in
to post a comment3 Comments(s) ↴
0
@NogDogJul 15.2005 — #Here's how I'd do it (welcome to the world of CSS):[code=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Goat Aid</title>
<style type="text/css">
<!--
h1 {
text-align: center;
margin: 10px;
padding: 0;
}
-->
</style>
</head>
<body>
<h1>
<img src="http://www.freewebs.com/goataid/Goat%20Aid.gif" alt="Goat Aid"
width=300 height=400>
</h1>
<p style="text-align: center">UNDER CONSTRUCTION</p>
<script type="text/javascript" src="/i.js"></script>
</body>
</html>
[/code]0
@NogDogJul 15.2005 — #OK, thanks. Seems a long code for something so simple lol, but it'll probably have other advantages.[/QUOTE]
You could just style the <p> tag in your original sample:
[code=html]
<p style="text-align: center"><img...blah...blah...blah></p>
[/code]But going the CSS style section route means you can tweak the appearance of the relevant elements within the style section, without messing around with the content section. When this becomes truly powerful is when certain content and stylistic elements carry across multiple pages on your site. Then you can use a single external style sheet referenced by one HTML line on each page, applying those stlyings to all those pages. Then when you decide to change some visual aspect of the pages, you just need to change the relevant line(s) in one place: the style sheet.
[i]Note: some of the other things I added are just things to make the markup valid HTML 4.01, such as the alt, width, and height attributes of the img tag, adding a doctype at the beginning, etc. Using H1 instead of P tags for the logo seemed more semantically meaningful.[/i]