close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Logo Image Padding

Thread began 12/30/2010 7:14 am by KiddaMan | Last modified 12/30/2010 10:07 am by Jason Byrnes | 2564 views | 8 replies |

KiddaMan

Logo Image Padding

Hello,

Please take a look at the attached file.

1) I am trying to get the logo image to pull down to the menu bar. I have used firebug to find the div's but cant seem to make it happen. Can you help here ?

2) I would like to put some image mapping into my header image and I can generally do this in the admin section; however, the logo is now added into the design section by uploading and does not give an option to enter code. Where is the code for the header logo for me to enter my image mapping code ?

Thanks So Much !

Sign in to reply to this post

Jason ByrnesWebAssist

1) Please provide a link where i can examine the css to help with the positioning issue.

2) The logo image is applied as a background image using CSS. you can not apply an image map to a css background image.

Sign in to reply to this post

KiddaMan

1) Luxehats.com

2) Its there a way for me to not use the image background and insert code into the header area.

Sign in to reply to this post

Jason ByrnesWebAssist

in webassist/themes/Luxehats/css/default_home.css change:
#outerWrapper #navWrapper {
height:auto;
padding: 7px 0 0;
}

to:
#outerWrapper #navWrapper {
height:auto;
padding: 0;
}



in webassist/themes/Luxehats/css/default_styles.css change:
#outerWrapper #navWrapper #aboveNavigation {
background:url("../images/topNavigation_above.png") no-repeat scroll 0 0 transparent;
height:12px;
width:100%;
}

to:
#outerWrapper #navWrapper #aboveNavigation {
height:0;
width:100%;
}


and change:
#header {
}


to:
#header {
max-height: 92px;
}


2) Sorry, i misspoke, the logo image is added as an image tag, you can add the image map code in the webassist/themes/Luxehats/templates/page.dwt.php and webassist/themes/Luxehats/templates/index.dwt.php

Sign in to reply to this post

KiddaMan

Your are the man ! Thanks for taking the time to help. I will apply the changes and let you know.

Also, just wanted you to know, and for what its worth, that I sent an email to WebAssist, mentioning your unbelievable help over the past few weeks/months...Thanks !

Sign in to reply to this post

KiddaMan

Jason,

All worked great, for the home page ! Thanks

Take a look at the other menu pages,(i.e. Product, Support, Contact Us, etc.) how can I remove the small space on those ?

Sign in to reply to this post

Jason ByrnesWebAssist

in webassist/themes/Luxehats/css/default_styles.css

change:
#outerWrapper #navWrapper {
clear:both;
margin:0;
padding:7px 0 20px;
}

to:
#outerWrapper #navWrapper {
clear:both;
margin:0;
padding:0 0 20px;
}

Sign in to reply to this post

KiddaMan

Beautiful piece of work my friend.

For your following instructions:

2) Sorry, i misspoke, the logo image is added as an image tag, you can add the image map code in the webassist/themes/Luxehats/templates/page.dwt.php and webassist/themes/Luxehats/templates/index.dwt.php

Do I need to apply the imaging mapping code at both .php locations ?

Let me know if you need a hat !

Sign in to reply to this post

Jason ByrnesWebAssist

yes, the page.dwt.php file is the template for the site pages, the index.dwt.php file is the template for the index page.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...