Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 2102 | Replies: 17
 |
•
•
Join Date: May 2006
Location: Nigeria, West Africa
Posts: 20
Reputation: 
Rep Power: 3
Solved Threads: 0
Newbie Poster
Re: Trying To Use CSS Deacon,
Long time, hope you r fine? I did that stuff using blockqoute. This is the CSS code:
and, this is the html:[html]<td colspan="13" rowspan="11" valign="top" bgcolor="#DBDBEB" class="text"><blockquote><span class="style1"><img src="images/refinery.gif" alt="refinery" width="198" height="136" class="image" />Gasstocks Limited</span> is a Nigerian Company strategically positioned to offer Front-End Engineering Design, Construction, Maintenance and Management of Process plants/pipelines as well as support Marine logistics operations. Included in the company’s portfolio is the Procurement and Supply of specialized Oil and Gas materials and equipment for major projects around the world.</blockquote>
<blockquote> Our technical staff have many years experience in conceptualization, design and project management focused at achieving cost effective and maximum long term benefits for a our clients. Experience garnered in the industry has supported our growth and diversification in a competitive and demanding market. </blockquote></td><td rowspan="13"><img name="interface_r4_c17" src="images/interface_r4_c17.gif" width="13" height="575" border="0" id="interface_r4_c17" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="3" border="0" alt="" /></td>
</tr>
<tr>[/html]
Some how, the padding I had achieved before adding the blockquote disappeared, giving a much bigger padding. I've tried to reduce it by checking my padding and I couldn't. Do you know why that is so?
Long time, hope you r fine? I did that stuff using blockqoute. This is the CSS code:
</script>
<style type="text/css">
body {
background-color: #bea163;
margin-top: -3px;
margin-bottom: -20px;
}
.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: 1.2;
font-weight: lighter;
font-variant: normal;
color: #000000;
text-align: left;
vertical-align: top;
padding-right: 5px;
padding-left: 2px;
padding-top: 8px;
}
.image {
float: left;
margin-top: 8px;
margin-right: 20px;
margin-bottom: 3px;
margin-left: 0px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
#Layer1 {
position:absolute;
left:215px;
top:221px;
width:126px;
height:140px;
z-index:1;
visibility: visible;
}
.style1 {
color: #2D1E5A;
font-weight: bold;
}td img {display: block;}td img {display: block;}
.bg-image {
background-image: url(images/interface_r2_c2.gif);
background-repeat: no-repeat;
}
#Layer2 {
position:absolute;
left:327px;
top:234px;
width:142px;
height:124px;
z-index:1;
}
</style><blockquote> Our technical staff have many years experience in conceptualization, design and project management focused at achieving cost effective and maximum long term benefits for a our clients. Experience garnered in the industry has supported our growth and diversification in a competitive and demanding market. </blockquote></td><td rowspan="13"><img name="interface_r4_c17" src="images/interface_r4_c17.gif" width="13" height="575" border="0" id="interface_r4_c17" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="3" border="0" alt="" /></td>
</tr>
<tr>[/html]
Some how, the padding I had achieved before adding the blockquote disappeared, giving a much bigger padding. I've tried to reduce it by checking my padding and I couldn't. Do you know why that is so?
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 429
Reputation:
Rep Power: 5
Solved Threads: 18
Posting Pro in Training
Did you try
blockquote { margin: 0px; }
blockquote { margin: 0px; }
•
•
Join Date: May 2006
Location: Nigeria, West Africa
Posts: 20
Reputation:
Rep Power: 3
Solved Threads: 0
Newbie Poster
Deacon,
I'm supposed to put that in the text in the .text class style?
Meanwhile it seems to me like Dreamweaver 8 doesn't support that. I noticed it before I did that post (as in I saw it, but somehow - I can't explain it disappeared and has never re-appeared. lol) Maybe I'm not doing the right thing. This is the link www.gasstocksltd.com
Thanks
I'm supposed to put that in the text in the .text class style?
Meanwhile it seems to me like Dreamweaver 8 doesn't support that. I noticed it before I did that post (as in I saw it, but somehow - I can't explain it disappeared and has never re-appeared. lol) Maybe I'm not doing the right thing. This is the link www.gasstocksltd.com
Thanks
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 429
Reputation:
Rep Power: 5
Solved Threads: 18
Posting Pro in Training
No. put it in your css beneath your body styles.
body {
background-color: #bea163;
margin-top: -3px;
margin-bottom: -20px;
}
blockquote { margin: 0px; }
.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: 1.2;
font-weight: lighter;
font-variant: normal;
color: #000000;
text-align: left;
vertical-align: top;
padding-right: 5px;
padding-left: 2px;
padding-top: 8px;
}
Last edited by FC Jamison : Aug 22nd, 2006 at 7:27 pm.
•
•
Join Date: May 2006
Location: Nigeria, West Africa
Posts: 20
Reputation:
Rep Power: 3
Solved Threads: 0
Newbie Poster
Deacon, Thanks I did it and it worked. I discovered that Style Rules above seem to affect the one below if applied together in that order.
My padding top and left attributed, refused to work leaving me with the option of controlling the entire content margin with the blockqoute style properties - though the td tag is defines as a .text style rule.
Thanks,
Uche Aniche
My padding top and left attributed, refused to work leaving me with the option of controlling the entire content margin with the blockqoute style properties - though the td tag is defines as a .text style rule.
Thanks,
Uche Aniche
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 429
Reputation:
Rep Power: 5
Solved Threads: 18
Posting Pro in Training
Yeah...CSS is called cascading because the styles cascade from the top down.
if you have
td { margin: 5px; color: red }
.tdClass { margin: 0px }
and a tag
your td will have a margin of 0px (from the class) but the text color will be red (from the td style).
It takes some getting used to.
if you have
td { margin: 5px; color: red }
.tdClass { margin: 0px }
and a tag
<td class="tdClass">stuff</td>your td will have a margin of 0px (from the class) but the text color will be red (from the td style).
It takes some getting used to.
•
•
Join Date: Dec 2004
Posts: 1,592
Reputation:
Rep Power: 7
Solved Threads: 35
I know of course that the "C" stands for "Cascading", but I always prefer to think of it as "Concatenating". The various appropriate styles for an element concatenate together into an overall "meta" style for that element. Any duplicate values are replaced during this process. That helps me understand it a bit better when I'm designing a site.
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 429
Reputation:
Rep Power: 5
Solved Threads: 18
Posting Pro in Training
•
•
•
•
Originally Posted by tgreer 
I know of course that the "C" stands for "Cascading", but I always prefer to think of it as "Concatenating". The various appropriate styles for an element concatenate together into an overall "meta" style for that element. Any duplicate values are replaced during this process. That helps me understand it a bit better when I'm designing a site.
I know what concatenate means from my C++ programming classes. I never thought of CSS that way...but you are absolutely correct.
lol
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
