Dreamweaver backgrounds help.... (Full Version)

All Forums >> [Web Development] >> Dreamweaver Help



Message

DaMorbid1 -> Dreamweaver backgrounds help.... (9/18/2007 17:14:23)

I used to know some of this, old age taking over.....
I would like a couple of answers if possibile.
I would like to use 2 background images if possibile, one center'd at bery top, one center'd very bottom, no tiling...without CSS if possibile (have not quite figged CSS out yet)
I also cannot remember how to make my site sit at the absolute top of the webpage, usualy there are a few px betwix the top and your header, I would like to remember the code to illiminate this space.
I thank you for any help possibile...



jurgen -> RE: Dreamweaver backgrounds help.... (9/18/2007 20:04:22)

Put that in your head section and it should work:

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(file:path/whateverpicture.gif);
}
-->
</style>




DaMorbid1 -> RE: Dreamweaver backgrounds help.... (9/20/2007 8:59:37)

Surely someone knows more HTML that this
And thank you so far, I would really like to get these bknd images up on new site, want oneimage to "ride" the top, one image to "ride" the bottom.....



Tailslide -> RE: Dreamweaver backgrounds help.... (9/20/2007 9:38:06)

It's not so much our lack of knowledge as our perception of your lack of knowledge - if you see what I mean.

This is fairly straight forward to do using CSS - wouldn't try using any other method. HTML isn't for layout or presentation, it's for marking up the different sections of a page (eg list, heading, paragraph etc). CSS is for layout and presentation.

I'd do it like this (with all the content sitting in a div called "wrapper") 

body, html {margin:0;padding:0;}
body {background:#fff url(images/yourbottomimage.jpg) center bottom no-repeat;}
#wrapper {background:#fff url(images/yourtopimage.jpg) center top no-repeat;}


Here's a test page for you.

Note that that's done in HTML 4.01 strict. If you're using XHTML then you need a slightly different approach as the body is different in XHTML - you'd need to put the bottom image on a rule for the html instead of the body element.



Tailslide -> RE: Dreamweaver backgrounds help.... (9/23/2007 3:23:26)

I hate it when no-one bothers replying [:'(]



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (9/23/2007 10:58:54)

I never said or mentioned a lack of knowledge, I metioned the lack of posting, I am certain the knowledge was here or I would not bother to post?
I understand, as you see in the first post it does not consist of the 2 images that I asked about, why I made my second post sir.
I am "code dumb" I assure you, we all have a lack of some smarts.
I stated I dont use CSS, I cannot figure out how to add a CSS rule to this site, I tried applying a style sheet just dont understand it I gues. I surely wish I would have learned to code as well as design. I need a coder....
I was hoping plain HTML would help me, just not the time to learn CSS if it's going to be majorly time consuming, I hardly know code at all, more just graphic design., to be honest reading your post I am lost....lol... 8(
I apply "new style sheet" asks me for file or etc... have no idea what this asks for lol.....
I have not posted since now for the forums never informed me of a new post, my error maybe, forums maybe, however it is here I be.
Thank you



Tailslide -> RE: Dreamweaver backgrounds help.... (9/23/2007 11:25:46)

Preferably you add the code to a stylesheet (a blank page with nothing else at all in it - like a page from Notepad) call it something like style.css and then link it into your main page in each document head (somewhere between the <head> and </head> tags) like this:

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />

Now all the styles in that sheet will be applied to every page where you've added the above link. If you change something in the stylesheet it will be changed in every page you link to it.

Or if you don't want to use a separate stylesheet just do exactly what I did in that test page - look at the source code to see.

(oh and it's Madam not sir!)






DaMorbid1 -> RE: Dreamweaver backgrounds help.... (9/23/2007 15:46:32)

Just curious, exactly how do I add a CSS to a webpage in Dreamweaver, I know where to "add" just dont know what to do after that....



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (9/24/2007 8:07:13)

I hate it when no-one bothers replying [:D]



Tailslide -> RE: Dreamweaver backgrounds help.... (9/24/2007 8:24:43)

I'd love to help but I've never used DW - I only ever hand-code stuff. So my reply would be to open up the stylesheet and paste it in then save it - voila!



d a v e -> RE: Dreamweaver backgrounds help.... (9/24/2007 10:06:01)

look in DW help (F1 key)! it's a good place to learn stuff from



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (9/26/2007 9:42:46)

Have looked into help, really no time to re-learn something like CSS right now, especially for just one website right now.
Like I said I am more graphic designer that code man, surely would be nice if someone made this style sheet, told me how to apply and I could hjave my 2 backgrounds for now...8(



Tailslide -> RE: Dreamweaver backgrounds help.... (9/26/2007 10:22:15)

Can you not just type what I've done in my example into DW and then change the image names?



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (9/27/2007 7:10:39)

type it to what? then put it where etc....
I said I know nothing of CSS, Sorry, I would gladly offer some graphics to you etc...?
I am basicaly dumb as a stump when it comes to code...lol....



Tailslide -> RE: Dreamweaver backgrounds help.... (9/27/2007 10:58:34)

Open up the stylesheet in DW or notepad even and paste it in there ensuring that the paths to the images are correct and the image names are correct.



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (9/27/2007 15:52:54)

Sorry tailslide, thats just it, said from the begining if I knew how to associate a CSS stylesheet to the website, I could have dome it myself, I have tried "add style sheet" etc.. but then needs to know certain things I have no idea what.
I am going to see if I can learn about style sheets more, I really need to learn more, its just I am so dang busy with designs these days.
Plus I have a rotten blood disease/liver that keeps me bed ridden alot, any time I do have up at the pc I like to design my heart out, lol....
Thank you all for so much help and info,
I look forward seeing many more questions here.



Tailslide -> RE: Dreamweaver backgrounds help.... (9/27/2007 16:06:02)

No problem - I'm sure someone will pop in here and let you know about how to associate the stylesheet with the page (these darned WYSIWYGs are meant to make your life easier!!).



d a v e -> RE: Dreamweaver backgrounds help.... (9/27/2007 16:22:11)

in DW it's Text > CSS styles > Attach style sheet
and then browse to the location of the stylesheet



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (10/2/2007 11:55:06)

I am laughing inside, seriosly.... 8(
Just kidding, thats just it Dave, I first need to build the style sheet, then how to assoc. it with each page, etc...
I need it all from the start.



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (10/4/2007 8:09:41)

Ok I am going to try to add a style sheet....
thanks to all who tried to help, all that did....

BTW, Here is the site I am wanting these bkgds for, It will eventually have an "ocean bottom" in the background also....
I have so far been able to put in the one background.

http://www.fuziongraphics.com/fuzion_final1.html



Tailslide -> RE: Dreamweaver backgrounds help.... (10/4/2007 8:44:09)

Personally I'd have that sea background image left aligned and tweak it in PS or whatever so that the right-hand side of it fades to the background blue as you've got a really stark gap to the left and right with the dark background colour on wider screen res. Plus the impact of it is lost a bit as it's behind the main container. Try it "left top" and see what I mean.



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (10/4/2007 15:55:00)

well I thought about that, but its mainly in widescreen or above 1024/768 res.
Most have regular screens and rub at 1024/768, but I certainly know what you mean.
But see if I can eventualy use the backgrounds I will remove the "surround" on the site and you would see all of it through the site itself, also I am going to try a "blend" like you talked about.
But on a regular screen 1024/768 it looks good, problem is everyone is different, I use 1680/1050.
And hopefully I will be able to use the other background on the bottom soon, lol.....
Thanks Tail....

BTW, Didnt want to sound ungratefull Tail, thank you 4 the critic, it always helps.....



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (10/5/2007 8:08:59)

Can anyone plea make me a CSS for this, tell me exactly what to do, I will be learning CSS soon but right now need this site finished...
Thanks



William Lee -> RE: Dreamweaver backgrounds help.... (10/5/2007 8:30:16)

You're a very good graphics guy, maybe not the coding type.

Tailslide is extremely knowledgeable in CSS stuffs.

Thats got to be a way to get your project finished in quick time ;)



DaMorbid1 -> RE: Dreamweaver backgrounds help.... (10/6/2007 7:46:43)

I wish I had learned coding, would love to eventually get together with a coder and crank business up a notch.
Thanks to all, anyone that can help me with the CSS sheet plz let me know, I tried it on my own, not much luck yet, lol.....



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.15625