logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 01-11-2011, 07:56 PM   #11
Phobos
Phobos's Avatar
 
Join Date: Jan 2011
Posts: 12
Default

Now it's OK, but I have another problem, because my image button is black with some text, and in the menu bar I can see only part of my button, width and high are set on auto, so what's wrong?
Phobos is offline   Reply With Quote
Old 01-11-2011, 08:58 PM   #12
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

if you use a background image, you'll have to set the height of the links (the a or anchor tag> in the CSS to match the height of the image.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 01-12-2011, 12:59 PM   #13
Phobos
Phobos's Avatar
 
Join Date: Jan 2011
Posts: 12
Default

I've done this, and now I have my image button and also text, and I can't delete this text because it shows that navigation bar is broken. How can I delete this text?
Phobos is offline   Reply With Quote
Old 01-12-2011, 01:57 PM   #14
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

You can place the text in a span and apply a style rule with visibility:hidden (the text may still show in Design Mode but should be hidden in Live View or Preview. Another option is to set the overflow property in the link style rule to hidden and add padding to push the text down and hide it. Again what you see in Design mode may not be what you get.

And FYI, you might want to be checking your page with multiple browsers. the more you edit the CSS for a menubar the more likely you are to develop browser specific errors.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 01-12-2011, 02:10 PM   #15
Phobos
Phobos's Avatar
 
Join Date: Jan 2011
Posts: 12
Default

OK, thanks, my button is called a.foto, in css styles I add a.foto:hover and it works, but when I try to add a.foto:visited or a.foto:active it doesn't work. What's the problem?
Phobos is offline   Reply With Quote
Old 01-12-2011, 02:13 PM   #16
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

I don't know the styles may be being overwritten somewhere or some other issue.. At this point you should probably post the page somewhere and give us the link.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 01-12-2011, 02:54 PM   #17
Phobos
Phobos's Avatar
 
Join Date: Jan 2011
Posts: 12
Default

Here you go :
http://dreamweavertest.cba.pl/
Phobos is offline   Reply With Quote
Old 01-12-2011, 03:56 PM   #18
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

The horizontal menu? What exactly are you trying to achieve?

And, if you're only using a one level menu with no submenus using Spry is overkill.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 01-12-2011, 04:05 PM   #19
Phobos
Phobos's Avatar
 
Join Date: Jan 2011
Posts: 12
Default

Yes I'm using only one level menu. I try to achive this:
http://eduweb.pl/kursy/dreamweaver/przyklady/fotoweb/
Phobos is offline   Reply With Quote
Old 01-12-2011, 07:20 PM   #20
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

Then keep it simple. Try something like this:

Code:
    <ul id="ListMenu">
      <li><a href="../index.html" class="home">Dominate Dreamweaver</a></li>
      <li><a href="../learn-dreamweaver.html" class="learn">What You'll Learn</a></li>
      <li><a href="../james-cook.html" class="bio">James Cook Bio</a></li>
      <li><a href="../dreamweaver-tips/index.html" class="tips">Dreamweaver Tips</a></li>
      <li><a href="../contact.html" class="contact">Contact</a></li>
    </ul>
with CSS like this:

Code:
#ListMenu {
	font-size: .8em;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 960px;
	list-style: none;
}
#ListMenu li {
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
}
#ListMenu li a {
	color: #000;
	text-decoration: none;
	background: #CD5;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #FFF;
}
#ListMenu li a:visited {
	color: #670;
}
#ListMenu li a:hover {
	color: #FFF;
	background: #670;
}
#ListMenu li a:active {
	border-top: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #333;
}
Again, you can set a specific height and width in the a #ListMenu li a rule and apply a background image if you want.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse 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 12:29 PM.


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