How to use CSS to create horizontal nav bar in Dreamweaver CS6
How to use CSS to create horizontal nav bar in Dreamweaver CS6
One of the ways to do it is this: Tryit Editor v1.9
You can also use floats to get something to the same effect.
Similar Messages
-
I have just coded a horizontal nav bar for a site with CSS rollover effects using a:hover and a: focus effects. There are no images, just HTML and CSS. The layout works beautifully in IE 6 - 8, Safari for Windows, Opera for Windows...and Firefox 3.X but behaves poorly in Firefox 4. I've hardly ever had problems with FF before. :(
Here's the menu: http://sddlr01.hottubretailer.com/TestNav2.html
The rollovers extend below the height of the background div and the extra padding on the first and last li tag don't display correctly either. The page passes WebDeveloper toolbar CSS and HTML validation as well.
This is making me batty! Any help deeply appreciated!
Thanks.
All CSS code is in the page for debugging purposes.I do not understand what you mean with "the rollover will extend the full width of the background"
A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25 -
How to use CSS option in Answers
Hi,
I have around 5 Dashboards, which includes close to 20 Reports.
I would like to learn how I can format column name (like Font, Size) and data appearance in each report.
Currently am doing it manually, one column by one column. I would like to know how to use CSS option.
Regards,
JitendraThe easiest way is to do this is to create a new "skin" for your dashboards or either modify the default. The location of the default folder is /res/s_oracle10/b_mozilla/views.css. The view.css file is where you can go and customize the classes. For example, if you want to customize the Pivot Table Row Header, search for .PTRH and then you can alter the existing formatting or add additional specifications.
-
How to use css in oracle forms
Hello, I am using oracle forms 11g with weblogic server 10.3.5 at windows 7.I have to use CSS in oracle forms.i have tried to search it but no profit.please some one else tell me that how can use css in oracle forms. Thnak You regards aaditya
Hi
As Francois pointed out Oracle forms has nothing to do with html based technology. The way you can get the equivalent effect of creating consistancy in the way your objects are displayed is by creating a set of items you want and alter their apperance and behaviour and place them into object libraries (one library should do the trick). From there you subclass all of you forms items off these libraries.
Regards
Quintin -
How to use SNRO to create daily number range?
Dear all,
I would like to know how to use SNRO to create a daily number range.
We would like to have the following sequence. The first 8 digits are date and the last 2 digits are number sequence. Each day, the last 2 digits will start from 01 again. i.e. <8-digits date><2-digit sequence>
For example, today is 22 May 2006,
2006052201
2006052202
2006052203
Tomorrow will have sequence like this:
2006052301
2006052302
2006052303
Thanks!Thomas,
I don't there is a automated way of doing as the dates do NOT follow a numbering sequence. What you can do is to create a number range for getting the last two digits every day and manually concatenate the date with the serial number.
However, as you have to reset the counter every day that might be a issue.
Regards,
Ravi -
How to create a Nav Bar?
How can you create a navigation bar in DreamWeaver CS4?
How can I create one from scratch?
With HTML and CSS. See Nancy's links. Or -
Check the uberlink and MacFly tutorials at PVII - http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm -
How to use the dll created by c++ but not write a jni wrapper around
how to use the dll created by c++ but not write a jni wrapper around through a java program. now I can't access that dll like this directly from java.
Your question is unclear. (You haven't said what dll you are talking about.)
But:
If you are talking about an existing dll, then the only alternative to writing a wrapper is to use one of the wrapper generators floating around. Do a search on JACE.
If you are talking about a dll you are writing, then run jah and get the interface to match java right away; then you won't have to write a wrapper. -
What can I use instead of a spry nav bar?
I am unversed in the newest version of dreamweaver and am not sure what I can use instead of a spry nav bar that is built into the program. Also what else can I use instead of AP divs? Code suggestins happil accepted.
MENUS: Depends on what you need.
Project Seven Responsive Tabs (commercial DW extension)
http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/index.htm
Pop-Menu Magic3 by PVII (NEW commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
jQuery Superfish
http://users.tpg.com.au/j_birch/plugins/superfish/
jQuery Mega Menus
http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/
10 Responsive Menus
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
=======================
APDIVS: Use default CSS positioning along with floats, margins and padding.
http://alt-web.com/DEMOS/3-CSS-boxes.shtml
Nancy O. -
Today I wanted to make a navigation bar for my website using the dreamweaver cs5 trial. I googled "how to create a navigation bar in dreamweaver" in dreamweaver. I got a large amount of results all of which were confusing.I already have a header made in photoshop with a toolbar in it, however I am unsure of what to do next.
Can anyone give me basic step by step instructions on how to make a toolbar out of part of a photoshop image or should I try something completely different way to make a toolbar?Have a look here http://tv.adobe.com/watch/taming-the-web-with-greg-rewis/from-comp-to-finished-page/
I hope this helps.
Ben -
Using a nav bar with Dreamweaver in Catalyst
I am trying to create just a navigation bar in Catalyst like you might in flash with animated rollovers. Then export the swift to use in a dreamweaver set of pages.
The problem I am having is trying to get the page destination set up correctly. All I can find in Catalyst is Go To URL, which would be ok but it will not let me remove the Http//
So if I fire this up in Dreamweaver, embed it, and test. It looks like a virus because its trying to go outside the parent directory of the site.
Is there a way to make relative paths, I guess is my question?In the current version, no. If you have Flash Builder installed ( or just load up the trial), you could go into code and change the urls in there manually. One word of caution is the Flash Catalyst files tend to larger files than one can create in Flash Professional alone. If you are just using Flash Catalyst to create a nav bar, you might be better to develop it in Flash Professional. But, if you need to prototype it fast and get your client to sign off on the design, then Catalyst is a prefect solution.
-
How do I temporarily hide the horizontal scroll bar ?
How do I temporarily hide the horizontal scroll bar ?
cor-el: I have re-read your posts and have attempted to follow the instructions with these results:
Firefox>tools>web developer>scratch pad(deleted the instructions so as to have a blank box)>inserted your code, vis. javascript:void(document.body.style.setProperty('overflow-x','hidden',));
The result was: syntax error
I then performed the same steps as above but inserted your code: javascript:void(document.body.style.setProperty('overflow-y','hidden','important'));void(document.body.style.setProperty('overflow-x','hidden','important'));
The result was that after clicking on 'run' nothing at all happened. The cursor just kept blinking.
I'll bet that there is just some small syntactic error. -
How do I enable syntax highlighting for jspf files on Dreamweaver CS6 on Windows?
I followed the instructions (which I modified for CS6) in this posting: http://blog.metameister.com/blog/2011/04/08/open-new-file-types-and-add-syntax-highlightin g-in-dreamweaver-cs5-on-window…
but it did not work for CS6.
How do I enable syntax highlighting for jspf files on Dreamweaver CS6 on Windows 7?
cheers
Marvin in EdmontonOk, I figured it out after hunting for a few hours.
Step 1. Add the File Type
In Dreamweaver’s toolbar:
Select Edit > Preferences;
under File Types / Editors, add .jspf to the line “Open in Code View:”.
Step 2. Extensions.txt
Add file type .jspf to the Extensions.txt files. There are two of these files:
C:\Users\[username]\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\configuration
Step 3. MMDocumentTypes.xml
Add jspf to the MMDocumentTypes.xml files. Open this file in Notepad or Text Editor. Do not modify the Dreamweaver configuration files within Dreamweaver.
There are three MMDocumentTypes.xml files to be modified:
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS6\configuration\DocumentTypes
C:\Users\mhaagsma\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration
C:\Users\mhaagsma\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\DocumentTypes\
Step 4. Restart Dreamweaver
Hopefully the file type will now be recognized and appear with syntax highlighting. -
How do I create a horizontal nav-bar with CSS, set to an exact width?
I have a problem that I need help with. All I need to do is
to create a simple text-based horizontal navigation bar using CSS.
I have seen many CSS tutorials online about how to make a
horizontal navigation bar using unordered lists, but they all seem
to either set the bar to be centred or to the full width of the
page, or if they do set it to be a certain width, then the buttons
within that width are centred within pre-defined widths for each
one.
Unfortunately none of these help me - let me explain my
scenario...
I have an area that is exactly 700px wide. In this area I
want to put 5 text hyperlinks.
I want the first text-link to be aligned to the left of my
700px width, and I want the last text-link to be aligned to the
right of the 700px width.
I want the spaces between each of these text-links to all be
the same.
The only definite known width is the overall 700px. I will
not know the width of each text-link, as (a) they are all live
text, and (b) the phrases for each could change.
I have mocked up a quick diagram showing in more detail
precisely what I mean:
http://www.nothowitlooks.com/temp/navbar.gif
Can anyone please help me with this?
Thanks..oO(BrettArchibald)
>Oh look, a third person joining the discussion and not
actually proposing any
>solutions to the original query. Just what this thread
needs.
Oh look, a person seeking for help turning into a troll. Just
what this
group needs.
> Well, to be fair, Kim did make a sterling effort in
trying, but just didn't
>manage to fully understand the layout required.
>
> To address your "points":
>
quote:
some things simply can't be done or don't make any sense in
the Web. Even a
>client has to accept that. Let them write wishes to Santa
Clause if they want,
>but they have to accept the rules of the medium they're
working with.
>Period.
> Wrong, wrong, silly comment and wrong.
>
> To elaborate: firstly, with regards to design,
everything can be done, it's
>simply a matter of how.
Only in your fantasy. In practice there are always some
limits enforced
by the used material or technology. You simply can't violate
such basic
rules and laws, even if you would like to.
>Whether you use text, images, tables, CSS, or even
>Flash, the objective is first to design the site with
both your client's and
>their customers needs and expectations, and then to build
it, regardless of how
>difficult-to-code that design may or may not be.
It always looks good on paper, but not every design can be
turned into
practice. This not only applies to web design, but to almost
every kind
of development. Often enough you have to find compromises or
workarounds
if the engineers say "won't work". The problem is that many
designers
don't understand this or don't want to. They're just thinking
and living
in their perfect theoretical world, but have no idea of how
things work
in the real world. And many theoretical things simply don't
work there.
Each medium has its own rules and laws. Some things may work
well for a
printed paper for example, but not in the Web and vice versa.
Of course
you can try to break these rules, but you'll definitely fail.
>You should not compromise your
>design because of a lack of coding knowledge.
It's not lack if coding knowledge if you refuse to try things
that are
impossible or don't make sense. It's quite the opposite,
because you
don't have to waste your time with something that won't work
at all.
>If you don't know how to do it
>yourself, then find out how to do it (which is what I was
*originally* trying
>to do here, remember?).
Quite easy. Surf the web, and if you see something like what
you want,
just have a look at the source code or post the URL here. If
it can be
done, then it already has been done. Just show us an example
and we'll
happily explain it to you.
> Secondly, no, a client does NOT have to accept that
"some things simply can't
>be done or don't make any sense in the Web".
Sure they have. The client is not always king. And if they
insist on
stupid things and always know it better - why the hell are
they hiring
you instead of doing it themselves? If they want their work
to be done
by an expert, they should also _listen_ to that expert and
let him do
his work properly instead of telling him how he should do it.
That's not
going to work.
>Like I said earlier, some clients
>are not interested in hearing about how what they want
cannot be done, and any
>attempts to tell them so only serve to convince them to
take their work, and
>their money, to someone else. Most clients, thankfully,
are adaptable and
>willing to reason. However, some are not, and if these
clients take their money
>elsewhere, you lose the job and you don't get paid. It's
that simple.
Let's say you want a little film to be made about whatever.
Would you
tell the director where he should position the cameras, the
lights and
all the stuff? He already knows _what_ you want to get, so
why don't you
just let him decide _how_ to do it? It's his job! And if he
says that
filming directly towards bright sunlight usually doesn't work
well, you
should respect his expert opinion.
>
quote:
You won't make friends here with such an attitude. Please
stop insulting
>regulars or just leave.
>
> Firstly, I'm not here to make friends. Neither am I here
to make enemies. I am
>here to get help with a coding problem. When people offer
"alternative advice"
>that hinders my progress in finding a solution, I tell
them so. I give back
>what I get.
You asked for advice and you got proper answers. We really
don't need
people here just looking for the answers they want to hear.
Often enough
people are coming here looking for a cure to a particular
problem, while
it would be much easier to avoid that problem right from the
beginning.
Of course if they don't want to hear such alternatives -
their problem.
> Secondly, I was not aware that "regulars" to this site
had any special
>"insult-free privileges" or suchlike that newcomers did
not.
It's not the best idea to bite the hand that feeds you. It's
the group's
regulars who answer almost all of the questions here. And
most of them
also know how to use a killfile.
>I don't care if
>someone is a regular or a newcomer - when I ask a
technical question and
>instead of either potential advice or even silence, I
instead receive
>un-warranted "design advice", I'll make my opinions
known.
So do we. If someone wants something that's not possible or
not going to
work, we'll "make our opinions known". After all that's what
a free
discussion board/forum/group is for.
> As for the "just leave" suggestion for supposedly
"insulting regulars", I
>could very well say the exact same thing to you, for the
reason of not actually
>contributing anything to the discussion that attempts to
address the original
>query of this thread.
> In fact, you know what, I think I will. Here goes:
> Please either propose a solution to my original CSS
problem or just leave.
> There, how was that?
Want to try again?
With pure CSS and text links it can't be done within the
given
constraints. I even doubt that it's possible with a table. So
either
drop the fixed 700px width or the equal space between the
buttons.
> P.S: Seeing as though pedantry seems to be something
you're interested in,
>judging by the "rant" tag comment, I thought I'd point
out that you spelled
>Santa Clause wrong.
You can keep the 'e'. In German we have more than enough of
them.
And if you would be familiar with web design, then you would
have known
where this ironic "error message" came from.
Your turn.
Micha -
How to use a session, created in a jsp page, in a php page
Hello, forgive me for the newbie question.
Here is my problem:
I want to have a jsp page create a session, set some session variables and then redirect to a php page which will access those same session variables.
I have the redirection worked out, but I can't seem to find out how to use the jsp session in my php script.
Is this possible at all, and if so, how does it work?Note that javascript runs on the client side, and JSP runs on the server. JSP and the session objects are NOT available to javascript in reaction to the user.
If this function is called only when the page is first created, not when the user interacts with the page, or if you want that value to be constant with respect to the javascript, then you can do this:
<%
String someValue = (String)session.getAttribute("theAttributeName");
%>
<script type="text/javascript">
Calendar.setup({inputField:"f_date_dfFirstPmtDate",
button:"f_trigger_dfFirstPmtDate",
singleClick:true,
ifFormat:<%=someVale%>});
</script> -
How to Use iSetup to create new environment in copy of clean master.
Hi,
I want to use iSetup to create a complete new environment. No manual setup has been done yet in the copy of the master (no Business Group, No OU, no Chart of Acc: nothing). Source environment is being setup rightnow by functional consultants
Can one please provide me with a manual or guideline how to start this challenging job. Maybe a best practise can be used ?
In the end we want to setup an environment based on a clean master.
( practical data: eBS 12.1.2 on linux )
Thanks in advance
GuidoHi Guido,
You can get in touch with [email protected] who is the product manager for iSetup. He would able to assist you to go forward in the right direction.
Maybe you are looking for
-
Can I have several itunes libraries on one computer at the same time?
can I have several itunes libraries on one computer at the same time?
-
Iphone 6 eternally stuck in no service mode
Hello, I live in India and I bought an iPhone 6 (64gb) about a month and half ago and since 28th November, my cellular service doesn't seem to work. I contacted my service provider(airtel) and they seem to notice nothing wrong with my phone number. T
-
Can't open avi files in quicktime 7.5
When I try to open avi files with quicktime .5 i am told that Quicktime needs soe extra files and am taken to the quicktime page on appl.com What files do i need? Any suggestions welcome!
-
N8 Belle connection failed- access denied. NO INTE...
After the Belle update I have a problem with my internet connections. Both WiFi and mobile internet are not working at all. At first it was ok but after a while or a reboot of the device I simply cannot connect to any wifi wether it's a known one or
-
Error mzm.whodaifs.pkg cannot get past this to install
I'm having the an issue and can't seem to resolve it. I tried deleting the com.apple.store folder to clear out the apple store cache and still no luck. Cannot figure out how to fix this. It seems to download but does not transition from the download