HTML and CSS RSS HTML and CSS RSS

Trying To Use CSS

Reply
1 2

•
•
Join Date: May 2006
Posts: 20
Reputation: havilah is an unknown quantity at this point 
Solved Threads: 0
havilah's Avatar
havilah havilah is offline Offline
Newbie Poster

Re: Trying To Use CSS

 
0
  #11
Aug 21st, 2006
Deacon,
Long time, hope you r fine? I did that stuff using blockqoute. This is the CSS code:
HTML and CSS Syntax (Toggle Plain Text) 
  1. </script>
  2. <style type="text/css">
  3.  
  4. body {
  5.  background-color: #bea163;
  6.  margin-top: -3px;
  7.  margin-bottom: -20px;
  8. }
  9. .text {
  10.  font-family: Verdana, Arial, Helvetica, sans-serif;
  11.  font-size: 15px;
  12.  font-style: normal;
  13.  line-height: 1.2;
  14.  font-weight: lighter;
  15.  font-variant: normal;
  16.  color: #000000;
  17.  text-align: left;
  18.  vertical-align: top;
  19.  padding-right: 5px;
  20.  padding-left: 2px;
  21.  padding-top: 8px;
  22. }
  23. .image {
  24.  float: left;
  25.  margin-top: 8px;
  26.  margin-right: 20px;
  27.  margin-bottom: 3px;
  28.  margin-left: 0px;
  29. }
  30. a:link {
  31.  text-decoration: none;
  32. }
  33. a:visited {
  34.  text-decoration: none;
  35. }
  36. a:hover {
  37.  text-decoration: underline;
  38. }
  39. a:active {
  40.  text-decoration: none;
  41. }
  42. #Layer1 {
  43.  position:absolute;
  44.  left:215px;
  45.  top:221px;
  46.  width:126px;
  47.  height:140px;
  48.  z-index:1;
  49.  visibility: visible;
  50. }
  51. .style1 {
  52.  color: #2D1E5A;
  53.  font-weight: bold;
  54. }td img {display: block;}td img {display: block;}
  55. .bg-image {
  56.  background-image: url(images/interface_r2_c2.gif);
  57.  background-repeat: no-repeat;
  58. }
  59. #Layer2 {
  60.  position:absolute;
  61.  left:327px;
  62.  top:234px;
  63.  width:142px;
  64.  height:124px;
  65.  z-index:1;
  66. }
  67. </style>
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&rsquo;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?
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 434
Reputation: FC Jamison is on a distinguished road 
Solved Threads: 20
Team Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Re: Trying To Use CSS

 
0
  #12
Aug 21st, 2006
Did you try

blockquote { margin: 0px; }
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2006
Posts: 20
Reputation: havilah is an unknown quantity at this point 
Solved Threads: 0
havilah's Avatar
havilah havilah is offline Offline
Newbie Poster

Re: Trying To Use CSS

 
0
  #13
Aug 22nd, 2006
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
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 434
Reputation: FC Jamison is on a distinguished road 
Solved Threads: 20
Team Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Re: Trying To Use CSS

 
0
  #14
Aug 22nd, 2006
No. put it in your css beneath your body styles.

HTML and CSS Syntax (Toggle Plain Text) 
  1.  
  2.  
  3. body {
  4.  background-color: #bea163;
  5.  margin-top: -3px;
  6.  margin-bottom: -20px;
  7. }
  8.  
  9. blockquote { margin: 0px; }
  10.  
  11.  
  12. .text {
  13.  font-family: Verdana, Arial, Helvetica, sans-serif;
  14.  font-size: 15px;
  15.  font-style: normal;
  16.  line-height: 1.2;
  17.  font-weight: lighter;
  18.  font-variant: normal;
  19.  color: #000000;
  20.  text-align: left;
  21.  vertical-align: top;
  22.  padding-right: 5px;
  23.  padding-left: 2px;
  24.  padding-top: 8px;
  25. }
Last edited by FC Jamison; Aug 22nd, 2006 at 7:27 pm.
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2006
Posts: 20
Reputation: havilah is an unknown quantity at this point 
Solved Threads: 0
havilah's Avatar
havilah havilah is offline Offline
Newbie Poster

Re: Trying To Use CSS

 
0
  #15
Aug 23rd, 2006
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
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 434
Reputation: FC Jamison is on a distinguished road 
Solved Threads: 20
Team Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Re: Trying To Use CSS

 
0
  #16
Aug 23rd, 2006
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 <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.
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: Trying To Use CSS

 
0
  #17
Aug 24th, 2006
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.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 434
Reputation: FC Jamison is on a distinguished road 
Solved Threads: 20
Team Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Re: Trying To Use CSS

 
0
  #18
Aug 24th, 2006
•
•
•
•
Originally Posted by tgreer View Post
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
Reply With Quote Quick reply to this message  
Reply
1 2

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC