close ad
Help us test the new Databridge BETA with MySQLi support
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Need a css design hint

Thread began 10/17/2012 8:10 am by Rune Brynestad | Last modified 10/20/2012 4:02 pm by Rune Brynestad | 1191 views | 16 replies |

Rune Brynestad

Need a css design hint

I have a page under construction on this URL:
index.php

I need to put in a logo so the page looks like this:
kladd.jpg

I believe I need to modyfy some part of the css, but I'm not sure of what part and how to do it.

Please give me a hint.

Regards
Rune

Sign in to reply to this post

Jason ByrnesWebAssist

There's really no simple css that could be used to accomplish this.

you would need to modify the page design and add column on the left, then slice the background image up and add the slices as a background attribute to the divs that they should cover.

Sign in to reply to this post

Rune Brynestad

Is it possible to accomplish this through a premiere ticket appointment?

Sign in to reply to this post

Jason ByrnesWebAssist

Sure, we could help out in a premiere appointment.

Sign in to reply to this post

Rune Brynestad

Thanks.

Please schedule an apointment for me.

Regards
Rune

Sign in to reply to this post

Jason ByrnesWebAssist

you will need to go through the Premiere ticket link on the support page to start the signup process:
support/

Sign in to reply to this post

Rune Brynestad

We solved this issue in a Premier ticket. Unfortunately, this had an unfortunate side effect that I did not discover until now. As you can see, the menu is broken. The menu items "Hjem" and "Podukter" does not work anymore.

index.php

Regards
Rune

Sign in to reply to this post

Jason ByrnesWebAssist

in the logo image tag:
<img width="400" height="392" style="position:absolute; margin-left:-96px; margin-top:-112px" alt="logo" src="logo_hjorne.png">


add a z-index:-1:

<img width="400" height="392" style="position:absolute; z-index: -1; margin-left:-96px; margin-top:-112px" alt="logo" src="logo_hjorne.png">

Sign in to reply to this post

Rune Brynestad

Yes, but z-index: -1; hides the logo. See attached before and after picture.

Sign in to reply to this post

Jason ByrnesWebAssist

ok, in the webassist/themes/Sunt%20Snop%20Rosa/css/default_styles.css file, change the z-index for the menu

change:

#cssmw {
float: left;
margin-bottom: 0;
text-align:center;
white-space:nowrap;
}




to:

#cssmw {
float: left;
margin-bottom: 0;
text-align:center;
white-space:nowrap;
position: relative;
z-index: 9999;
}
Sign in to reply to this post
loading

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...