logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Web Design
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 06-13-2007, 09:02 PM   #1
csg1000
csg1000's Avatar
 
Join Date: Apr 2007
Location: Honolulu
Posts: 9
Default And greetings and Aloha again from, guess where

I bought and downloaded this temp.
Trying to rework it.
it is located at
http://www.instantprofitgenerator.net
=========
The red & gray
around [Members Login Area Support FAQs ]
is one graphic.
-----
the green and the DARK gray both of which stretch from infinity left to infinity right
is one graphic. Draging the right lower corner of the web site out you can see what i mean.
in the images folder it is called [ main-bg.gif ]
This graphic is 0.056 in Width and 3.819 in in Height

I need the bottom gray part so [Register Name Email ] Show, as they are in white.
What i am trying to do is increase the red graphic size so it lines up with the graphic below it [ with the words Instant Profit Generator ] at the right edge of the graphic.

Then, I can stick a picture in the red space. I think it would just looked more balanced and THEN I can even [ tie in ] the top graphic with the graphic below it ..
which, i am going to change

Any ideas?
thanks Stewart
csg1000 is offline   Reply With Quote
Old 06-14-2007, 01:10 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

The image you mention is the background for the body. make your changes to the divisions in your css sheet
__________________
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 06-14-2007, 02:08 AM   #3
csg1000
csg1000's Avatar
 
Join Date: Apr 2007
Location: Honolulu
Posts: 9
Default edbr ......thanks bu...bu...bu...bbut ;-)

easy for you to say

If it were only that easy..
You can read what I am trying to do above ..

Here is the start and ending of the Stylesheet. Maybe you could show me what you mean? Hope what you need is enclosed..
----------------------------
Stylesheet
----------------
body {
background: url(../images/main-bg.gif) repeat-x;
background-color:#FFFFFF;
color: #444444;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 101%;
margin: 0;
padding: 0;
text-align: center;
}

/* this is used so that any shorter pages do not jumpt around due to
no default scrollbar */
html { min-height:100%; margin-bottom:1px; }

/* main container - holding everything together */
#container {
margin: 0 auto;
padding: 0;
text-align: left; /* to offset the center style on the body */
width: 760px;
}

img {
border: 0px;
}
/* padding for all paragraphs - give it breathing room away from the
edges of the content areas it is in */
p {
padding-left: 10px;
}

/* general link styles */
a:link {
background-color: inherit;
color: #DD9317;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
}

a:visited {
background-color: inherit;
color: #DD9317;
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
}

a:hover, a:active {
background-color: inherit;
color: #444444;
text-decoration: underline;
}

/* styles the nav menu on the left */
#nav {
float: left;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 0.85em;
margin: 0;
padding: 0;
width: 200px;
}

#nav ul {
list-style: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
margin-top: 1px;
padding: 0;
}
/* for IE - so the left navbar sits correctly positioned */
* html #nav ul { margin-top: 0px; }

#nav li {
list-style: none;
margin: 0;
padding: 0;
} [[[[[etc....etc.....more code]
/* this styles the div on the index page to promote the template
you can remove the style from the div if you do not want a bordered,
coloured box around your text -
remove the style from the html code */
.templatespiel {
background-color: #FCFCFC;
border: 1px solid #E6E6E6;
margin: auto auto;
width: 500px;
margin-bottom: 5px;
margin-top: 5px;
}

Sincerely, Stewart
csg1000 is offline   Reply With Quote
Old 06-14-2007, 02:41 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

do you have your site set up locally? and are you using dreamweaver?
__________________
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 06-14-2007, 02:47 AM   #5
csg1000
csg1000's Avatar
 
Join Date: Apr 2007
Location: Honolulu
Posts: 9
Default I have it on my puter but, it is not connected to

my web site so that changes made on my machine DO NOT up date automatically.
I make the changes using Dreamweaver, then FTP the file(s) to my host server
http://www.powweb.com
csg1000 is offline   Reply With Quote
Old 06-14-2007, 03:16 AM   #6
csg1000
csg1000's Avatar
 
Join Date: Apr 2007
Location: Honolulu
Posts: 9
Default Something I just noticed on the web page on the net

clicking on the home button the red is lined up with the left edge
as it should be
I want to extend it to the right so it lines up with thr graphic beow..

clicking on the ....... Website Hosting button or any or the others
the red shifts to the right ....
What's up with that??

I would like to get rid of all the green( I just put the color green for visual purposes) and just have a solid graphis place holder across the top of the page frome edge to edge.
then I can stick my own graphic it there and another one below in the graphic place where the bottoms of the servers are..

Got a clue
Thanks Stewart
csg1000 is offline   Reply With Quote
Old 06-14-2007, 05:28 AM   #7
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

Quote:
body {
background: url(../images/main-bg.gif) repeat-x;
background-color:#FFFFFF;
color: #444444;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 101%;
margin: 0;
padding: 0;
text-align: center;
}

delete this line from code above.The green comes from the image. do this locally . click on the div in deign view to selecr the "red" and look at CSS window in dreamweaver and alter width to what you want.
I am guessing this as I didnt get the time to look at your site again but I think the image you awant to line up with has a px value. If I am wrong tell me please.
If were you I would use a seperate ftp program, there are lots of free ones filezilla,cuteftp etc. make your mistakes locally then when you get it right upload then.
__________________
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 06-14-2007, 07:28 AM   #8
csg1000
csg1000's Avatar
 
Join Date: Apr 2007
Location: Honolulu
Posts: 9
Default Tried but, I don't think this is going to do it

site http://www.instantprofitgeerator.net

1. the images/main-bg.gif WAS made up of 3 colors
green on the top
white in the middle and
gray on the bottom,
>>>I need the gray part of the image so the
Register Name and Email [which are in white] show.
-------
I changed the green to white in the main-bg.gif
So now we have only the gray at the bottom behind the Register Name and Email and the rest is white up to the top.


If you can explain how to stick in a
[graphic Place holder or what ever one calls it]
in that white space top right ..
See web site >>>>>>> http://instantprofitgenerator.net
Same height as the red and only to the right edge. I can stick in a graphic there and just replace the red and gray with another graphic or, .........

better yet, extend the existing red out to the right edge that is what I need, then all I gotta do is put in 1 graphic repacing the red and gray one ..

thanks Stewart
csg1000 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:44 PM.


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