MY FAVOURITE ..... CHAT ...MY FAVOURITE ..... ENTRY...MACRO/CLOSE UP CHAT - for...MACRO / CLOSE UP ENTRIES...Photoshop subscriptionPOLL-FLORA MONOCHROMEPoll for GLASSGLASS - ENTRY thread - t...CHAT-FLORA MONOCHROME-Wee...ENTRIES-FLORA MONOCHROME-...1Dx Mk3GLASS chat thread - th...POLL DECONSTRUCTEDDeconstructed - ENTRIES 2...Deconstructed - CHAT 26th...POLL for 50:50

Author Topic: calling any dreamweaver wizards...  (Read 1955 times)

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
calling any dreamweaver wizards...
« on: January 01, 2011, 03:15:33 AM »
ATM my page is on the left how can i centralise it all? Oh and to centralis a whole spry menu bar within a header div tag?-or that just a case of tracking it down in the CSS?

Thanks

Craig
« Last Edit: January 01, 2011, 03:25:37 AM by CML-1591 »


Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline Colin

  • Sr. Member
  • ****
  • Posts: 327
    • My Woodturning
Re: calling any dreamweaver wizards...
« Reply #1 on: January 01, 2011, 07:18:06 AM »
Craig

Presuming you are using CSS given what you said just add the following to your container div

Code: [Select]
margin: 0 auto;

This will centralise any element so you should be able to use it on your Spry as well.

If you want to post a link to the site I will look at the code and give you some specifics.

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
Re: calling any dreamweaver wizards...
« Reply #2 on: January 01, 2011, 05:52:30 PM »
Craig

Presuming you are using CSS given what you said just add the following to your container div

Code: [Select]
margin: 0 auto;

This will centralise any element so you should be able to use it on your Spry as well.

If you want to post a link to the site I will look at the code and give you some specifics.


Thanks Colin,it seems to have sorted it ;D  :dance:. Tried <center> like one site suggested, it worked for everything but...

http://www.craigleaper.co.uk

EDIT: Hopeless lol, can't find the right CSS part to make the SPRY menu central
« Last Edit: January 01, 2011, 11:29:26 PM by CML-1591 »
Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline Colin

  • Sr. Member
  • ****
  • Posts: 327
    • My Woodturning
Re: calling any dreamweaver wizards...
« Reply #3 on: January 02, 2011, 07:44:40 AM »
Craig

You have some errors in your CSS in the Spry menu bar. Run it through the W3C validator here to see them. You also have a couple of other errors there is no such thing as align=absmiddle for the elements that you are trying to style with this.

I presume that this is work in progress as your top logo is partially hidden by the menu bar, your index_logo is missing and the cursor changes to a cross rather than a hand when it passes over the menu items. Well this is what it does in Firefox anyway.

Rather than the Spry menu you may be better off doing this with pure CSS have a look at Stu Nichols site for excellent code examples on how to do this.

Offline Mick

  • I've got the latest Canon - 4 rings, double oven and eye level grill! And HD video!
  • Administrator
  • Hero Member
  • *****
  • Posts: 2548
  • I really, really hate lawn mowers.
    • Camera Craniums
Re: calling any dreamweaver wizards...
« Reply #4 on: January 02, 2011, 09:55:08 AM »

I presume that this is work in progress as your top logo is partially hidden by the menu bar, your index_logo is missing and the cursor changes to a cross rather than a hand when it passes over the menu items. Well this is what it does in Firefox anyway.


Same here in IE8  ;)

Also, Menu is still a bit off center, and slightly to the left.  Footer is nicely centered.  Not sure about the missing image in the middle of page, all I get is a blank box with a 'X' in it.   ???  Two screen grabs below to show you what I see.
Thank You, "Guest" For Reading This Post.

My Gallery
Tinyportal.net Running SMF 2.0.13 / Tinyportal 1.0
Guitarist Guild Running SMF 2.0.13 / Tinyportal 1.2R
The Garden Machinery Forum Running SMF 2.0.13 / Tinyportal 1.2R

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
Re: calling any dreamweaver wizards...
« Reply #5 on: January 02, 2011, 03:33:48 PM »
Woah, some work ahead to do then.

The logos show fine in Safari (i know i should prob use FF or different but hey lol)


Rather than the Spry menu you may be better off doing this with pure CSS have a look at Stu Nichols site for excellent code examples on how to do this.

This is part of my course thing and in the brief it says we have to use spry :(

Thanks a lot for pointing these out.

No idea where that border came from around my top logo either tbh...

This is what i see:

« Last Edit: January 02, 2011, 03:49:01 PM by CML-1591 »
Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline Mick

  • I've got the latest Canon - 4 rings, double oven and eye level grill! And HD video!
  • Administrator
  • Hero Member
  • *****
  • Posts: 2548
  • I really, really hate lawn mowers.
    • Camera Craniums
Re: calling any dreamweaver wizards...
« Reply #6 on: January 02, 2011, 04:53:00 PM »
haha, looks like you managed to center your menu now.  :tup:

Still the same problems with your logos though.  :(
Thank You, "Guest" For Reading This Post.

My Gallery
Tinyportal.net Running SMF 2.0.13 / Tinyportal 1.0
Guitarist Guild Running SMF 2.0.13 / Tinyportal 1.2R
The Garden Machinery Forum Running SMF 2.0.13 / Tinyportal 1.2R

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
Re: calling any dreamweaver wizards...
« Reply #7 on: January 02, 2011, 06:42:54 PM »
haha, looks like you managed to center your menu now.  :tup:

Still the same problems with your logos though.  :(
As for the menu, i added another tab or option to make it look central still slightly left but you can't tell that bad ;D
Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
Re: calling any dreamweaver wizards...
« Reply #8 on: January 03, 2011, 01:12:11 AM »
haha, looks like you managed to center your menu now.  :tup:

Still the same problems with your logos though.  :(
As for the menu, i added another tab or option to make it look central still slightly left but you can't tell that bad ;D
second that, may have sorted it with some padding.

I think I have also managed to get rid of the blue border around the top image.

Oh and probably got rid of the blue/purple underlined links in two ways  ???

Colin - How do you remember/learn all this? lol, or just experience/job?
« Last Edit: January 03, 2011, 01:26:17 AM by CML-1591 »
Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline Colin

  • Sr. Member
  • ****
  • Posts: 327
    • My Woodturning
Re: calling any dreamweaver wizards...
« Reply #9 on: January 03, 2011, 07:40:16 AM »
Craig,

I learn by doing and my wife complains about the time that it takes. I am lucky I am retired and it is something that interests me. I have it as a part time activity making websites for people.

Your site is looking much better now. Can I suggest that you set a min-height value on your container div as it looks better if all pages are at least the same size and only growing and not shrinking with content.

Firefox is reckoned to be the best browser for development and with the web developer tool bar extension it is a very productive tool. You should always check your site in the main browsers as well to ensure compatibility as they all display sites somewhat differently.

Any more questions let me know but I only tend to visit this site once a day in the morning.
« Last Edit: January 03, 2011, 07:42:05 AM by Colin »

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
Re: calling any dreamweaver wizards...
« Reply #10 on: January 04, 2011, 03:57:28 AM »
Craig,
Can I suggest that you set a min-height value on your container div as it looks better if all pages are at least the same size and only growing and not shrinking with content.

my container has a height of 950px (too big?). I think its the size of the main_container (should be main_content but i have a feeling if i change it, it will mess up) that is affecting the varying heights and sizes if thats what you are on about? If i set my main_container to a set height will it not screw up the content if it couple of images in a row? Like i have two images in the main_container at 700px high, and so if i set the height of the main_container to say 650px will it not crop and change things?-i think something like that happened before so i took out the height. Although the main_content is a Editable Region

Craig,

I learn by doing and my wife complains about the time that it takes.


Amen to that!

Your site is looking much better now.


Thanks. I think it looks and works WAY better than my last website, if you remember it.

TBH i think you would make a better teacher than this guy we had, if you paired up with the lecture we had last year then DAMN, awesome class...

Sorry another Q.

I'm trying to get rid of this table http://www.craigleaper.co.uk/site_map.html, is it going to work through creating a separate CSS and call it table and apply it as a 'class' or through a different property panel.

Oh and for some reason the odd page does not seem affected by:

<style type="text/css">
a:link {
   color: #746C6C;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #746C6C;
}
a:hover {
   text-decoration: underline;
}
a:active {
   text-decoration: none;
   color: #E8E8E8;
}
</style>

but can be done with a 'Class' tag to stop it.  :doh: :-\ ???. For example on this page http://www.craigleaper.co.uk/site_map.html the 'site map' link from the template is working by the use of <style> but the 'facebook' written link is affected by the 'Class': .links.  ??? EDIT: hmm it might be working with <style> alone now... Interesting



If i had the software on a non trial, I would invest in a dreamweaver book of sort and stop bugging people lol  :(
« Last Edit: January 04, 2011, 04:17:20 AM by CML-1591 »
Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline Colin

  • Sr. Member
  • ****
  • Posts: 327
    • My Woodturning
Re: calling any dreamweaver wizards...
« Reply #11 on: January 04, 2011, 07:05:38 AM »
Craig

Add the following

Code: [Select]
#main_container {min-height:700px}

What this does is sets a minimum height for this container and then if you put a larger item in it then it will grow but smaller content won't shrink it.

Try and incorporate all your styles (other than the spry stuff) into one external style sheet, it makes the subsequent pages load quicker. This is the reason for the styles not being on all pages as this is embedded styling only on the site_map.html page.

You can get rid of the table by pure css.

What you would do is have a table container div and then using the site_map.html as an example you would have three floated left classes with fixed sizes and borders that you would place within that. If you get stuck I can work up an example for you.

See your PM's




 

latest Posts

Subject Board Views/Replies Member Date & Time
xx MY FAVOURITE ..... CHAT THREAD 25th- 31st May 2020 International Weekly Comp Entries 8/1 anglefire Last post Today at 08:25:31 AM
xx MY FAVOURITE ..... ENTRY THREAD 25th- 31st May 2020 International Weekly Comp Entries 3/0 jinky Last post Today at 08:07:47 AM
xx MACRO/CLOSE UP CHAT - for weekly comp 17-24/05/2020 International Weekly Comp Entries 93/2 Hinfrance Last post May 24, 2020, 02:06:38 PM
xx MACRO / CLOSE UP ENTRIES for weekly comp 17-24th May 2020 International Weekly Comp Entries 80/2 Hinfrance Last post May 24, 2020, 02:05:47 PM
xx Photoshop subscription General Discussion 555/21 Hinfrance Last post May 24, 2020, 08:20:21 AM
xx POLL-FLORA MONOCHROME International Weekly Comp Entries 217/2 Beaux Reflets Last post May 23, 2020, 06:37:39 PM
xx Poll for GLASS International Weekly Comp Entries 196/5 Jediboy Last post May 23, 2020, 05:08:21 PM
xx GLASS - ENTRY thread - theme for comp 10-17th May 2020 International Weekly Comp Entries 182/3 Jediboy Last post May 18, 2020, 12:14:30 PM