HighDots Forums  

Margins css advanced rules

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss Margins css advanced rules in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
boom73
 
Posts: n/a

Default Margins css advanced rules - 11-30-2007 , 07:43 AM






I trying to produce margins in css, I use tag css and it doesnt work and when I
try to do an advanced rule for heading 1 and h2 I still dont see any margins
appearing in my main content... I dont know whats wrong... could anyone help me
please thanx


Reply With Quote
  #2  
Old   
Murray *ACE*
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 07:51 AM






Show us your code, please.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"boom73" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
I trying to produce margins in css, I use tag css and it doesnt work and
when I
try to do an advanced rule for heading 1 and h2 I still dont see any
margins
appearing in my main content... I dont know whats wrong... could anyone
help me
please thanx



Reply With Quote
  #3  
Old   
boom73
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 08:42 AM



}
p, h1, h2 {
margin: 10px;
}
-->
</style>


Reply With Quote
  #4  
Old   
boom73
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 08:45 AM



I have this also later on my page dont know if its a problem or conflicting
with the first rule


<h1 style="margin:0px">EQUIPE </h1>
<p style="margin:0px"></p>
<h2 align="center" style="margin:0px">Profesionalisme</h2>
<p style="margin:0px"></p>
<p style="margin:0px"></p>
<p style="margin:0px"></p>
<p align="justify" style="margin:0px">


Reply With Quote
  #5  
Old   
P@tty Ayers ~ACE
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 09:09 AM




"boom73" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
I have this also later on my page dont know if its a problem or conflicting
with the first rule


h1 style="margin:0px">EQUIPE </h1
p style="margin:0px"></p
h2 align="center" style="margin:0px">Profesionalisme</h2
p style="margin:0px"></p
p style="margin:0px"></p
p style="margin:0px"></p
p align="justify" style="margin:0px"
Inline styles will overrule document-wide styles.


--
Patty Ayers | Adobe Community Expert
www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--




Reply With Quote
  #6  
Old   
TC2112
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 09:32 AM



Hello,

You inline styles of margin:0px on everything are overriding your p,h1,h2
margin:10px, so you have 0 margin on everything.
Just remove all the style="margin:0px from the code.

Take care,
Tim


Reply With Quote
  #7  
Old   
boom73
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 09:48 AM



How did it came about... thanx...

Reply With Quote
  #8  
Old   
boom73
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 10:03 AM



do I erase only whats in the brackets 'margin 0px.... what part do I erase

<p style="margin:0px"></p> I dont want to mess it up thanx

Reply With Quote
  #9  
Old   
Osgood
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 10:06 AM



boom73 wrote:
Quote:
do I erase only whats in the brackets 'margin 0px.... what part do I erase

p style="margin:0px"></p> I dont want to mess it up thanx
Change this:

<p style="margin:0px"></p>

to:

<p></p>


or

<h1 style="margin;0px;"></h1>

to:

<h1></h1>



IF you need a specific <p> or <h1> tag to have a different margin or
padding value then thats the time to use a bit of inline styling to
over-ride your main styles or you can create a specific css class like:


..differentPara {
font-size: 30px;
margin: 30px 0 30px 0;
color: red;
}

<p class="differentPara">Some text</p>


Reply With Quote
  #10  
Old   
Murray *ACE*
 
Posts: n/a

Default Re: Margins css advanced rules - 11-30-2007 , 10:07 AM



It should look like this-

<p>whatever</p>

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"boom73" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
do I erase only whats in the brackets 'margin 0px.... what part do I erase

p style="margin:0px"></p> I dont want to mess it up thanx


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.