 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
Mike H
Joined: 28 Sep 2009
Posts: 17
|
 Posted: Tue Sep 29, 2009 6:55 pm |
 |
|
|
| sticks464 wrote: |
What I'm saying is you can do it like this
|
OK, terrific. Thank you so much!
Only remaining problem is that the right border around the jpeg is too far to the right, not adjacent to the jpeg. The other three borders are right-on.
Since I am not familiar with this code, it is not obvious to me how to correct this.
Your code
.band {
border:10px solid #000;
margin-top:10px;
doesn't have any dimensions to adjust, like your Mediaspace code does.
BTW, you have a great website. |
|
sticks464
Joined: 31 Dec 2006
Posts: 2311
|
| Posted: Tue Sep 29, 2009 7:48 pm |
|
|
|
Just add a width to .band
| Code: |
.band {
border:10px solid #000;
margin-top:10px;
width:1027px;
} |
|
|
Mike H
Joined: 28 Sep 2009
Posts: 17
|
| Posted: Tue Sep 29, 2009 9:13 pm |
|
|
|
| sticks464 wrote: |
Just add a width to .band
| Code: |
.band {
border:10px solid #000;
margin-top:10px;
width:1027px;
} |
|
Perfect.
Different question:
How can I reduce the space between the h1, h3, and p elements at the top?
I tried line-height in each one, but this doesn't have any effect since each individual element has only one line. I need to reduce the spacing between elements? |
|
sticks464
Joined: 31 Dec 2006
Posts: 2311
|
| Posted: Wed Sep 30, 2009 3:39 am |
|
|
|
Add this style to the css as the first entry
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
} |
|
Mike H
Joined: 28 Sep 2009
Posts: 17
|
| Posted: Thu Oct 01, 2009 6:32 pm |
|
|
|
| sticks464 wrote: |
Add this style to the css as the first entry
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
} |
I used this in individual elements............worked great.
Thanks!! |
|
morkelkey
Joined: 05 Oct 2009
Posts: 3
|
| Posted: Mon Oct 05, 2009 8:48 pm |
|
|
|
| I can try this code in my application but some error is occur in this code. If you have any suggestion for this code then please share with us. |
|
Mike H
Joined: 28 Sep 2009
Posts: 17
|
| Posted: Tue Oct 06, 2009 6:49 am |
|
|
|
| morkelkey wrote: |
| I can try this code in my application but some error is occur in this code. If you have any suggestion for this code then please share with us. |
The code I am using that works is this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Mason Creek Studios</title>
<style type="text/css">
body {background:#7C90B4;}
h1 {
font-size:40px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
h3 {
font-size:28px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
p {
font-size:18px;
font-style:italic;
font-weight: bold;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
h5 {
font-size:20px;
font-style:italic;
font-weight: bold;
margin-top: 30px;
margin-bottom: 0px;
padding: 0;
border: 0;
outline: 0;
}
#mediaspace {
width:470px;
height:282px;
border:4px solid #DF3232;
}
.band {
border:10px solid #000;
margin-top:10px;
width:1027px;
}
</style>
</head>
<body>
<h1>Mason Creek Studios</h1>
<h3>Current Mixes</h3>
<p>Note: Download Adobe Flash Player if you can't play these m4a files: <a href="http://get.adobe.com/flashplayer/">flashplayer download site</a></p>
<script type='text/javascript' src='swfobject.js'>
</script>
<div id='mediaspace'>Note: Download Adobe Flash Player if you can't play these m4a files: http://get.adobe.com/flashplayer/ </div>
<script type='text/javascript'>
var so = new SWFObject('player-licensed.swf','mpl','470','282','9.0.124');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file','playlist.xml');
so.addVariable('playlistsize','240');
so.addVariable('playlist','bottom');
so.addVariable('skin', 'metarby10.swf');
so.write('mediaspace');
</script>
<h5>Ellisville High School auditorium, 1963</h5>
<p class="band"><img src="High school band photo.jpg" height="549" width="1027" alt="High School Band"></p>
</body>
</html>
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
