logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 02-14-2014, 08:26 PM   #1
mustangdesigner
 
Join Date: Feb 2014
Posts: 17
Default spacing

How do I get rid of the annoying spacing between paragraphs that is built into the CSS. Have tried looking through several menus and directly at code but can't seem to find the right place to change this.

Also, can we no longer center an image on the page?
mustangdesigner is offline   Reply With Quote
Old 02-14-2014, 09:46 PM   #2
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Quote:
Originally Posted by mustangdesigner View Post
How do I get rid of the annoying spacing between paragraphs that is built into the CSS. Have tried looking through several menus and directly at code but can't seem to find the right place to change this.
I don't know how to do it in Design View either, but browsers set default CSS values to certain HTML elements and tags. Look into CSS resets, to start your styling with a clean sheet so to speak.
A paragraph tag has a default margin, so in your CSS you can do this to remove it:
Code:
p { margin: 0 }
Quote:
Originally Posted by mustangdesigner View Post
Also, can we no longer center an image on the page?
Sure you can, but this depends on how the image is placed in the HTML. Do you have a link/url to your web page so we can have a look?
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 02-15-2014, 09:15 AM   #3
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

If you are going to remove those "annoying" margins then replace them with proper first line indentations (to show where a new paragraph starts) but of course never on the first paragraph in a section . oh and use css :first-line and first-child to remove the first paragraph's indentation.
d a v e is offline   Reply With Quote
Old 02-15-2014, 06:03 PM   #4
mustangdesigner
 
Join Date: Feb 2014
Posts: 17
Default

Sorry for the use of the term annoying. I was referring mostly to the spacing being too large between heading and paragraphs (not left and right margins). I would like the paragraph to hug the bottom of the heading and then have space above the next heading.

As far as the image, the site isn't visible yet but I use Import Image and then in right click to move image right or left of text. But I have an image I would like to center at the bottom of the body copy and that is not an option on right click so wondering where else to set that. Also need to put more spacing around photos next to text without adding a colored border to the image.

Thanks for you help!
mustangdesigner is offline   Reply With Quote
Old 02-15-2014, 10:09 PM   #5
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Headings has also default margins, so change them to whatever you want in your CSS.

I don't know either how to center an image in Design View and if you need spacing around your images set a margin to those images.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 03-01-2014, 09:27 PM   #6
mustangdesigner
 
Join Date: Feb 2014
Posts: 17
Default

gentleone: previously you could adjust the wrap around an image by changing the V and H values in the inspector. That no longer is available. If I click on the image and have only current CSS styles in design view, whenever I add a "Margin" it tells me that is set in the template, even though the image is within an editable region. I feel like an idiot but where do I set the margin in design view--although I work in split view and could do minor code editing as well
mustangdesigner is offline   Reply With Quote
Old 03-02-2014, 05:52 PM   #7
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

They were removed, because the code that got written in the HTML by DW is deprecated (for a long time now).
To position and align elements we must use CSS properties like margin, padding, floats and where you have to add those in design view, I don't know (I haven't been in design view for a long, long time) and I never used DW template files back then either, so my answer doesn't help you much I guess.... sorry for that!
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 03-03-2014, 12:20 AM   #8
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

not sure either but there is an option in the properties>css panel to edit any property. (you might have to assign a class to it first though in the case of an image) you will then get a wizard to help you
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   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

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

Forum Jump


All times are GMT. The time now is 09:18 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com