logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 01-13-2015, 10:47 AM   #1
Terrys
 
Join Date: Jan 2015
Location: Southanpton U.K.
Posts: 9
Default css problems

Hi,
I'm new to this forum, so be gentle with me.
I have created a simple form in html. All looks okay however when trying to style it the css does not work. I have added an external style sheet and created some selectors. For example .... a selector for the formWarp "width 700px" makes no change to the form. all other selectors are the same. I'm using DW5.5 on windows7 64bit. will be grateful for any help.

Terrys
Terrys is offline   Reply With Quote
Old 01-13-2015, 11:24 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

Need to see your code
__________________
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
Old 01-13-2015, 12:00 PM   #3
Terrys
 
Join Date: Jan 2015
Location: Southanpton U.K.
Posts: 9
Default css problems

Hi,
Thanks for your prompt reply, her is the html form.txt

Terrys
Terrys is offline   Reply With Quote
Old 01-13-2015, 12:05 PM   #4
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

not sure why you're using a transitional doctype - why not html5?!

also you've only included your html - we need the css too

codepen is handy for showing code and making it easy for us as well
http://codepen.io/
d a v e is offline   Reply With Quote
Old 01-13-2015, 12:24 PM   #5
Terrys
 
Join Date: Jan 2015
Location: Southanpton U.K.
Posts: 9
Default c.ss problems

Hi, Here is the css. code.css code.txt

hope its readable., dont know codepen but will have a look

Terrys
Terrys is offline   Reply With Quote
Old 01-13-2015, 02:36 PM   #6
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

in your css you need to use a class
you have
formWrap {
width:700px;
}

and you need a period in front

.formWrap {
width:700px;
}
********
then in your html you have
<div ="formWrap">

but you need to use the class you defined in the stylesheet

<div class="formWrap">


if you're styling an html element (in your css) you don't need a class or an id, so NOT
#body

just
body
d a v e is offline   Reply With Quote
Old 01-13-2015, 03:11 PM   #7
Terrys
 
Join Date: Jan 2015
Location: Southanpton U.K.
Posts: 9
Default css prblems

Hi,, have altered my code as you suggested so now have "body" instead of "#body" .And the color selector works.
Have altered the html code to "div class="formWrap">"
and the css to....
.formWrap {
width:700px;
margin-top: 30px;
margin-left: 30px;
}
but there is no change in the style of the html form.

Terrys
Terrys is offline   Reply With Quote
Old 01-13-2015, 08:03 PM   #8
Ricky55
Ricky55's Avatar
 
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855
Default

Css 101, if you don't know that I'd suggest some training or you'll be pulling your hair out.
__________________
Qwerty Design

Check out my blog for web design insights.
http://www.qwerty-design.co.uk/
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote
Old 01-14-2015, 06:38 AM   #9
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

Looking at all the nested divs and non-html5 use i would definitely take ricky's advice and cover the basics first

quick e.g. still rough and ready http://gekkoweb.com/stuff/formwrap/
d a v e is offline   Reply With Quote
Old 01-14-2015, 08:20 AM   #10
Terrys
 
Join Date: Jan 2015
Location: Southanpton U.K.
Posts: 9
Default css problems

Thank you for all your help.

Terrys
Terrys 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 10:12 PM.


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