logo-dw

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

Reply
 
Thread Tools Display Modes
Old 02-21-2015, 03:49 PM   #1
Tomcat104
 
Join Date: Aug 2009
Location: Charlotte, NC USA
Posts: 96
Default Something Wrong with Menus

Me again guys. I have figured out most of my problems but I need some help to get these menus to work. The links and all are fine it's that they won't resize for tablets & mobile phones.

I don't seem to have a problem with just one image but with the multiple images of buttons resizing. I've searched for an answer for days and now turn to you guys for help.

Any pointers or ideas for me to try?

Javascript? Change the buttons to something "more simple"?

http://www.wolf359.biz

HELP!!!

Last edited by Tomcat104; 02-21-2015 at 04:03 PM.. Reason: omitted url
Tomcat104 is offline   Reply With Quote
Old 02-23-2015, 04:11 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

use <li>tags for your menus maybe
__________________
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 02-23-2015, 07:15 AM   #3
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

unfortunate surname, for an accountant
d a v e is offline   Reply With Quote
Old 02-23-2015, 05:16 PM   #4
Tomcat104
 
Join Date: Aug 2009
Location: Charlotte, NC USA
Posts: 96
Default Using <li> for NAV buttons

eber,

That's a good tip.

I think I have tried that but I can't remember and didn't save a version of it, sooooooo.......


dave,

You would think that was an unfortunate break but it has been used as a great ice-breaker. Not sure how it has worked in print ads...

I was a salesman/business owner for 29 years before my stroke and it really wasn't the problem that I thought it would be.

But, yes a different surname for her profession would have been "enjoyed".
Tomcat104 is offline   Reply With Quote
Old 02-24-2015, 05:17 AM   #5
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

like Sue Anne Grabbit
__________________
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 02-24-2015, 05:19 AM   #6
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

if you use <li> home</li> <li> contact</li> etc you can style the li's and have different based on screen size with media queries
__________________
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 02-24-2015, 04:47 PM   #7
Tomcat104
 
Join Date: Aug 2009
Location: Charlotte, NC USA
Posts: 96
Default Sue Ann Grabbit

Quote:
Originally Posted by edbr View Post
like Sue Anne Grabbit
Uh......no, I don't think I can get her to that!

She went to school with a girl named Pat M. Widebottom....wonder if the M was for "My"...

I'll try the li sometime today. I have physical therapy now so PAIN before pleasure.

Don't know if I've told you before but I absolutely love your tagline! I take only 27 "meds" now and I do shake them often.
Tomcat104 is offline   Reply With Quote
Old 02-24-2015, 09:45 PM   #8
Tomcat104
 
Join Date: Aug 2009
Location: Charlotte, NC USA
Posts: 96
Default NAV issues

OK guys, I'm giving up (for now) and aiming to actually get something done.

Nothing has seemed to work so let me ask you guys a different question. If you had too many "tabs" to fit on a horizontal ul what would you do?

I can't shorten the nav list anymore. Maybe I could bundle a couple to make a Pull Down list though I don't see how. Maybe I could place 1 or 2 navs in the body text on strategic pages (like newsletters).

I need your opinions very much.
Tomcat104 is offline   Reply With Quote
Old 02-25-2015, 03:57 AM   #9
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

something like maybe. season to taste
Code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>
ul li {list-style:none; border:#999 1px solid;}
@media screen and (min-width:400px) {
ul li{ display:inline-block; width:50px; background:#0FF; }
@media screen and (max-width: 400px) {
	ul li{width:300px; background:#fff;  }
}
</style>
</head>
<body>
<ul>
<li>home</li>
<li>home2</li>
<li>home3</li>
</ul>
</body>
</html>
__________________
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 02-26-2015, 12:02 AM   #10
Tomcat104
 
Join Date: Aug 2009
Location: Charlotte, NC USA
Posts: 96
Default Problem Mostly Solved

Thought I'd drop a short note to say I've fixed part of my problem.

I went back to a blank document and threw together a menu, all with "li" tags. Styled it and the damn thing worked!

Went back to my original file and "NOTHING"!!!

Studied the code for a while and notice Vista-Buttons automatically named my DIVS just like the buttons were named like: ABOUT US with a blank space in the name of the DIV TAG!

Renamed the and everything is responsive just as I was expecting!

The DESKTOP and the TABLET seem fine........now to tackle the iPhone.

Thanks for all the help. I really appreciate it.

edbr: without your "li" pointer I'd still be lost. Gotta go shake & take my night meds!

Tomcat104 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 05:51 AM.


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