CSS vertical-align problem
I cant figure out why the valign isnt working on my page..
http://www.v4.skiingbc.info/pages/skiarea2.php?Name=Test1212&TrailMaps=X&FS=√&LP=√
CSS Sheet:
http://v4.skiingbc.info/v4.css
I want all text to be middle aligned in the table cells... If
someone could take a look at the code that would be really
appreciated..
In Dreamweaver the text is middle aligned, it just doesnt
work in IE7
You have this on the page:
<td height="79"
<valign="top">
try changing it to thos:
<td height="79" valign="top">
you also have this:
<option selected="selected">Select Card
Type</option>
option selected>Search By Card Type
</option>
make it like this:
<option selected="selected">Select Card
Type</option>
Ken Ford
Adobe Community Expert
Fordwebs, LLC
http://www.fordwebs.com
"Monica101" <[email protected]> wrote in
message news:f0foos$n7u$[email protected]..
> I've got text in a table that won't align at the top:
>
> <td height="79"valign="top"><table width="150"
border="0" cellpadding="0"
> cellspacing="0" class="Side_Links">
>
> It looks fine in Dreamweaver, but displays verticaly in
the center of the
> table. I've been working in Dreamweaver for years and
never had this problem. I
> tried fixing it w/ css:
>
> vertical-align: top;
>
> This didn't work either.
>
> Page:
>
>
http://www.capitalinternet.com/~mycredit/template.php
>
> Thanks!
>
>
Similar Messages
-
Vertical-align problem in css?
Hi everyone
This is my id selector code within the css file of my air app which i'm using in a div:
border-color:black;
border-style:solid;
border-width:1px;
height:100%;
width:15%;
float:left;
vertical-align:baseline;
I have no idea why the verticle-align is not working as it would do in safari, which uses the same rendering as air??
Can anyone help with this PLEASE! It has been giving me serious heart ache!!!!! and can't find anything on it anywhere!!!!!
Thank you all in advance
IrishAIRMaxHere is a better description of my problem and also the solution finally!!!. I haven't tried the solution yet --- waiting for my thinkpad to crazy with the scrolling!
http://blog.jonschneider.com/2008/03/workaround-thinkpad-gets-into-always.html
Spoke to soon --- just had the scrolling problem and pressed the middle button the problem with the scrolling got resolved!
Message Edited by utharay on 02-08-2009 07:57 AM
Message Edited by utharay on 02-08-2009 07:58 AM -
Alright, I am making my Portfolio (Hosted on Dropbox for this porpuse) and once you go onto it you can see that it is not aligned correctly. Now in dreamweaver it comes up normal:
I have done this by placing all the Div's into a wrapper div, which under the css style sheet has the margin method of aligning it to the middle:
#Wrapper {
position:fixed;
width:640px;
margin: auto;
Whats worng with this?I've made those changes, I have achived the look I want, which is what you can see in the browser. But what I want it to do it be centred up in the middle of the page.
Html Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sean Hall's Portfolio</title>
<link href="Css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Wrapper">
<div id="menu">
<table width="68" border="0" align="center" cellspacing="14">
<tr>
<td><a class="Home" href="pages/homepage.html" target="iframe"></a></td>
</tr>
<tr>
<td><a class="About" href="pages/about.html" target="iframe"></a></td>
</tr>
<tr>
<td><a class="Social" href="pages/social.html" target="iframe"></a></td>
</tr>
<tr>
<td><a class="work" href="pages/work.html" target="iframe"></a></td>
</tr>
<tr>
<td><a class="Contact" href="php/contact.php" target="iframe"></a></td>
</tr>
</table>
</div>
<div id="main">
<div id="Content_bg">
<iframe src="pages/homepage.html" height="100%" width="100%" allowtransparency="1" frameborder="0" name="iframe"></iframe>
</div>
</div>
</div>
</body>
</html>
Css Stlyesheet:
@charset "utf-8";
body{
background-image: url(Images/Background.fw.png);
background-color: #DCDCDC;
background-repeat: no-repeat;
text-align:center;
#Wrapper {
position:fixed;
width:640px;
left:0 auto;
margin-top:120px;
#main {
position:fixed;
width:561px;
left:75px;
background-image:url(Images/Body.fw.png);
background-repeat:no-repeat;
height:400px;
#menu {
position:fixed;
width:68px;
height:264px;
background-image:url(Images/menu.fw.png);
text-align:center;
#Content_bg {
position:fixed;
width:469px;
height:232px;
background-image:url(Images/Content.png);
margin-left: 45px;
margin-top: 12px;
#gallery {
position: fixed;
width:420px;
height:70px;
margin-top:300px;
margin-left:50px;
background-image:url(Images/footer.fw.png);
z-index:1;
#Wrapper #menu table {
text-align: center;
height:250;
width: 50px;
top: 10px;
/*Nav Section */
a.Home {
display: block;
width: 33px;
height: 34px;
background-image:url(Images/Buttons/home_off.fw.png);
margin:0 auto;
a.Home:hover {
background-image:url(Images/Buttons/home_on.fw.png);
a.About {
display: block;
width: 33px;
height: 34px;
background-image:url(Images/Buttons/about_off.fw.png);
margin:0 auto;
a.About:hover {
background-image:url(Images/Buttons/about_on.fw.png);
a.Social {
display: block;
width: 33px;
height: 34px;
background-image:url(Images/Buttons/social_off.fw.png);
margin:0 auto;
a.Social:hover {
background-image:url(Images/Buttons/social_on.fw.png);
a.work {
display: block;
width: 33px;
height: 34px;
background-image:url(Images/Buttons/work_off.fw.png);
margin:0 auto;
a.work:hover {
background-image:url(Images/Buttons/work_on.fw.png);
a.Contact {
display: block;
width: 33px;
height: 34px;
background-image:url(Images/Buttons/contact_off.fw.png);
margin:0 auto;
a.Contact:hover {
background-image:url(Images/Buttons/contact_on.fw.png); -
Table vertical alignment problem
Hi,
I wonder if someone can take a look at this page
www.fitnessworld.ca/corplist.html and tell me what needs to be
fixed to make the first column of words start at the top, aligned
with the column next to it.
If you have a solution, could you provide the right code in
the right place?
thanks
TextThe verticle alignment is set to "default". This means the
text starts at the middle and works up and down. If there is more
text in one colums than the other then this is the result. Set the
verticle alignment to Top for both and you're set. You can do it in
the properties inspecter.
Andy -
Unable to vertical align flash file
I have previously posted this on the Dreamweaver forum, however, have not been able to obtain a response.
I have been attempting to align a flash file created with FC in the center of a web browser with CSS. The file is 800 x 600 px and I was hoping to centre the file using CSS.
I have created a Div Tag wrapper around the .swf and can get the file to center horizontally, however, the file will not move from the top of the browser.
I would prefer not to use tables, and would like to keep the file simple with CSS.
Any suggestions would be appreciated.
JBYes it is a bit tricky to vertically align content. Take a look at this example that shows you how to setup your <div> containers.
http://www.webtoolkit.info/css-vertical-align.html
Hope this works for you.
Tanya -
Vertical alignment in a cell and IE
In this page www.gk-developers.com, on IE, the navigation
menu is showing up midway along the page when it should be right at
the top. The table cell has the vertical align instruction but IE
seems to ignore it. What gives?
Mario.Bonnie wrote:
> Cipr?s wrote:
>
>> Hello there, and hope you are having a good day...
>>
>>
http://gk-developers.com
>>
>> I am developing this page with a Project Seven menu
and the cell that
>> is holding the menu has the following code
>>
>> IE 7 and 6 is ignoring the "vertical alignement
top". Would
>> appreciate any help that can be given.
>
> Mario,
>
> I recommend you post this question on the project seven
support forums.
> But I can tell you now that Al will say you should not
be using IE7 on
> a production machine, as it's still in beta (I would add
I consider any
> new version of IE to be in beta, even when it's, er,
not).
>
there's one thing that all browsers support:
<td valign="top">
(or bottom or middle)
the css vertical-align is not reliable.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List -
Tabbed panel widget vertical alignment
In IE9, Chrome and Mozilla I have a vertical alignment problem in all browsers with the labels of a tabbed panel widget when sub-element positioning is set to horizontally-centererd or horizontally-top aligned.
Also this tabbed panel in IE9 has a 50% opacity whereas in Chrome and Mozilla it is shown as expected.
Please press the horn icon on my website http://www.timberexpert.gr to see the problem.
I am frustrated! Please recommend a solution.IE9
Mozilla
I have drawn a horizontal yellow line to show vertical alignment of tabbed legends -
アマチュアの者です。
Dreamweaver８を使っています。
cssで「vertical-align」を記述しても反映されず困っています。htmlで「vspace」を記述すると反映されます。
よろしくおねがいいたします。「vertical-align：middle;」を記述しても反映されず「vspace」で上下均等になるような値を記述した、という意味です。
-
Can table cell vertical alignment be defined via CSS?
In a table cell (ie, "td") is there a way to define "valign" via CSS, instead of the table cell proper?
In other words, instead of...
<table>
<tr>
<td valign="top">
...is it possible to do :
<table>
<tr>
<td class="top">
...and somehow let the stylesheet define the vertical alignment?
I'm asking because none of the attribute presets in Dreamweaver CS4 seem to provide for vertical alignment. Everything else on God's green earth seems to be there, but table cell vertical alignment seems to be the ONLY thing CSS forgot about.How about giving the class "top": text-align:center. Or even the tag "td" in your stylesheet. Does that help?
John -
Basic questions about word spacing and vertical alignment with CSS
I'm sill very new to Dreamweaver and web page designing. I've
read the entire manual SC3, one book, and starting another but I
have almost 0 practice.
Q1. so far I haven't been able to produce the effect of the
Word Spacing property. I tried all kinds of tests and I don't know
in what scenario this effect will show. Can someone give me a
simple example that shows the effect of this CSS property.
Q2. Vertical Alignment: this works well with images inserted
into text but I also expected this to work with text against other
text. For example I typed TEST© and assigned a different SCC
style to the © so that I can make it smaller and put it up
with the Vertical Alignment property. Surprisingly this propery
didn't produce any effect. How is htis suppose to be done?> This is some text. This is some text.
You forgot to wrap your text in <p> tags so the style
rule you created
doesn't apply.
Walt
"emil emil" <[email protected]> wrote in
message
news:[email protected]...
>
quote:
Originally posted by:
Newsgroup User
> i don't know about Q1. but for Q2. just delete what you
already have for
> the copyright symbol, and then insert the copyright
special character.
> there's a couple ways to do it: on the main menu at the
top of the
> window, go to Insert, then HTML, then Special
Characters, and select
> Copyright. or you can also find it in the Insert panel,
which is below
> the menu, under Text. ...
>
>
> Thanks courtney, but that was exactly the way I created
the © character
> and
> like in this text here it needs to be scaled down and
moved up
> independently
> from the surrounding text. Can someone please post a
simple code showing
> the
> effect of the vertical alignment of text in relation to
surrounding text.
>
>
>
quote:
Originally posted by:
Newsgroup User
> Q1
>
> <html>
> <head>
> <style type="text/css">
> p
> {
> word-spacing: 30px
> }
> </style>
> </head>
> <body>
>
> <p>
> This is some text. This is some text.
> </p>
>
> </body>
> </html>
>
>
> Thank you Ken, your code works but not the code
generated from
> Dreamweaver
> when I type in the Design View and assing CSS style to
the p tag. Does
> Dreamweaver have trouble generating properly working
HTML or I'm missing
> something here? Here is the code that Dreamweaver
generates and the word
> spacing doesn't work with it.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
> <title>Untitled Document</title>
> <style type="text/css">
> <!--
> p {
> word-spacing: 50em;
> }
> -->
> </style>
> </head>
>
> <body>
> This is some text. This is some text.
> </body>
> </html>
>
>
> -
What does vertical-align in CSS do?
Hi
I thought it meant that any text in the DIV would be, for
example, lined up down the bottom of the DIV if the vertical-align
was set to baseline. But that doesn't seem to be the case. So what
does vertical-align control in CSS?
Cheers
Shauncelebritymusic wrote:
> Hi
>
> I thought it meant that any text in the DIV would be,
for example,
> lined up down the bottom of the DIV if the
vertical-align was set to
> baseline. But that doesn't seem to be the case. So what
does
> vertical-align control in CSS?
http://www.w3.org/TR/REC-CSS1#vertical-align
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
The perfect FAQ page:
http://www.TJKDesign.com/go/?9
CSS-P Templates:
http://www.TJKDesign.com/go/?1
CSS Tab Menu:
http://www.TJKDesign.com/go/?3 -
Vertically align the table with or with out css
How do I vertically align the table with or with out css?
See the page
http://happynick.com/pjcartthumbnails/pages/bio.html
This page is centered horizontally, but not
vertically.http://www.apptools.com/examples/tableheight.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"happydreamweaver" <[email protected]> wrote
in message
news:fjuajb$dkb$[email protected]..
> How do I vertically align the table with or with out
css?
> See the page
http://happynick.com/pjcartthumbnails/pages/bio.html
> This page is centered horizontally, but not vertically. -
Vertical Alignment issue in Safari
I have an issue in Safari displaying content of a table cell as if it's middle aligned and not vertically aligned. It works fine in IE and FF, but not in Safari.
I am using a basic CSS setting for the table cell with vertical-align=top. I have also put in in the td tag valign=top and still have the problem where the content is middle aligned and not top aligned.
Has anyone seen something like this and know what I can do to get it to work?Do you have a sample or a screenshot that illustrates this?
Check out the Safari Developer's forum for more help; this is mainly used by people who are Users of Safari vs. Web Developers (who should know the difference between browsers). -
I have a problem. I've browsed through existing solutions and
haven't found anything that works for me.
I am working on a site that has lots of nested tables. The
navigation bar and some other text are in a column on the left (in
a nested table) and the page content is in a table on the right (in
a nested table). However, the image and text in the left column
continue to migrate down whenever I add too much content in the
right column.
This happens only on page where the height of the content in
the right column exceeds the height of the content in the left.
ALL properties for all tables have the vertical alignment set
to "top" not to "default". Any help would be greatly appreciated. I
am attaching the code for my style.css file.
The page in question is located at
http://www.ssc.coop/science/news.html.
Thank you in advance ... Amy
TextYes. I stand corrected. Thanks Murray.
valign="top" is the correct HTML syntax. valign:top is some
invalid hybrid
of HTML & CSS. Regardless, it can't/won't/doesn't work.
Walt
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Actually valign:top is nothing. But it's certainly
invalid!
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Walt F. Schaefer" <[email protected]> wrote
in message
> news:[email protected]...
>>> valign: top;
>>
>> This is invalid CSS. It is HTML. Yu can't use HTML
code in CSS. Change it
>> to vertical-align: top;
>>
>> Walt
>>
>> "AGrover" <[email protected]> wrote
in message
>> news:[email protected]...
>>>I have a problem. I've browsed through existing
solutions and haven't
>>>found
>>> anything that works for me.
>>>
>>> I am working on a site that has lots of nested
tables. The navigation
>>> bar and
>>> some other text are in a column on the left (in
a nested table) and the
>>> page
>>> content is in a table on the right (in a nested
table). However, the
>>> image and
>>> text in the left column continue to migrate down
whenever I add too much
>>> content in the right column.
>>>
>>> This happens only on page where the height of
the content in the right
>>> column
>>> exceeds the height of the content in the left.
>>>
>>> ALL properties for all tables have the vertical
alignment set to "top"
>>> not to
>>> "default". Any help would be greatly
appreciated. I am attaching the
>>> code for
>>> my style.css file.
>>>
>>> The page in question is located at
>>>
http://www.ssc.coop/science/news.html.
>>>
>>> Thank you in advance ... Amy
>>>
>>>
Text
>>>
>>> td {text-align: left;
>>> valign: top;
>>> font-family:tahoma;
>>> font-size:10px;
>>> color:#919191;
>>> line-height:13px;}
>>>
>>> a {text-decoration:underline;
>>> color:#298EAA;}
>>>
>>> body { margin:0px;padding:0px;}
>>>
>>> ul {margin:0; padding:0; list-style:none}
>>> li {background:url(images/a.gif) center left
no-repeat; margin:0 0 0
>>> 0px;
>>> padding:0 0 0 10px; line-height:16px }
>>> li a { color:#54A5BB}
>>>
>>> .usa span { color:#298EAA}
>>> .copy { color:#BABABA}
>>> .copy a { color:#BABABA; text-decoration:none}
>>> .copy a:hover {text-decoration:underline}
>>> .education { color:#757575}
>>> .team span { color:#54A5BB}
>>> .privacy a { color:#54A5BB}
>>>
>>> .white {color:#ffffff; text-decoration:none}
>>> .arrow_right { margin-right:6px;}
>>>
>>> .form { width:205px;
>>> height:29px;
>>> font-family:tahoma;
>>> font-size:10px;
>>> border-style: solid;
>>> border-width: 1px;
>>> border-color:#9E9E9E;
>>> background-color:#ffffff;
>>> color:#919191;
>>> margin-left:0px;
>>> margin-right:0px;
>>> padding-top:8px;
>>> padding-left:8px;}
>>>
>>> .textarea { width:190px;
>>> height:119px;
>>> font-family:tahoma;
>>> font-size:10px;
>>> border-style: solid;
>>> border-width: 1px;
>>> border-color:#9E9E9E;
>>> background-color:#ffffff;
>>> color:#919191;
>>> margin-left:0px;
>>> margin-right:0px;
>>> padding-top:8px;
>>> padding-left:8px;}
>>>
>>> a:hover{text-decoration:none;}
>>> .a:hover{text-decoration:underline;}
>>>
>>
>>
>
> -
Ul.hmb ul alignment problem ie7 and lower only
So to my knowledge the menu on my site works correctly in all other browsers except ie7 and lower. As a last resort I have turned to conditional style sheets for ie7 and previous versions to take care of this problem. Here's a link to my site: http://geekpowwow.com
My style sheets are large and probably a little disorganized so i'll post the relevant rules here. I'll post one ul and if you guys have any thoughts on how to solve this problem please let me know. (I have removed a#li and div.menubaralign from the ie7 css)
<ul id="hardware">
<div class="menubaralign">
<li><a id="li" href="http://geekpowwow.com/cables/">Cables</a></li>
<li><a id="li" href="http://geekpowwow.com/burners/">CD/DVD Burners</a></li>
<li><a id="li" href="http://geekpowwow.com/computeraccessories/">Computer Acc.</a></li>
<li><a id="li" href="http://geekpowwow.com/computercases/">Computer Cases</a></li>
<li><a id="li" href="http://geekpowwow.com/coolingdevices/">Cooling Devices</a></li>
<li><a id="li" href="http://geekpowwow.com/processors/">CPU's / Processors</a></li>
<li ><a id="li" href="http://geekpowwow.com/harddrives/">Hard Drives</a></li>
<li ><a id="li" href="http://geekpowwow.com/headsets/">Headsets</a></li>
<li ><a id="li" href="http://geekpowwow.com/keyboards/">Keyboards</a></li>
<li ><a id="li" href="http://geekpowwow.com/memory/">Memory</a></li>
</div>
<div class="menubaralign">
<li><a id="li" href="http://geekpowwow.com/mice/">Mice</a></li>
<li><a id="li" href="http://geekpowwow.com/monitors/">Monitors</a></li>
<li><a id="li" href="http://geekpowwow.com/motherboards/">Motherboards</a></li>
<li><a id="li" href="http://geekpowwow.com/powersupplies/">Power Supplies</a></li>
<li ><a id="li" href="http://geekpowwow.com/servers/">Servers</a></li>
<li ><a id="li" href="http://geekpowwow.com/soundcards/">Sound Cards</a></li>
<li ><a id="li" href="http://geekpowwow.com/speakers/">Speakers</a></li>
<li ><a id="li" href="http://geekpowwow.com/ssd/">SSD's</a></li>
<li ><a id="li" href="http://geekpowwow.com/videocards/">Video Cards</a></li>
<li ><a id="li" href="http://geekpowwow.com/webcams/">Web Cams</a></li>
</div>
</ul>
ul.MenuBarHorizontal ul
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 26em;
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
background-color:#c7c9cd;
border:hidden;
ul.MenuBarHorizontal ul li
margin:0;
marin:0;
width: 12em;
height: 40px;
border:0;
As you would expect from the code here the drop down is left aligned directly below the menu bar li. Any ideas about why margin-left:-8em won't center, or even move the list from the current position?HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1">
<title>Geek PoWWow - </title>
<link href="style.css" rel="stylesheet">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
<link href="myMenu.css" rel="stylesheet">
<script src="SpryAssets/SpryMenuBar.js"></script>
</head>
<body>
<div id="nav-bar">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a id="home" class="MenuBarItemSubmenu" href="http://geekpowwow.com/"><span>home</span></a></li>
<li><a id="hardware" class="MenuBarItemSubmenu" href="#"><span>hardware</span></a>
<ul class="rows2">
<li><a href="http://geekpowwow.com/cables/">Cables</a></li>
<li><a href="http://geekpowwow.com/burners/">CD/DVD Burners</a></li>
<li><a href="http://geekpowwow.com/computeraccessories/">Computer Acc.</a></li>
<li><a href="http://geekpowwow.com/computercases/">Computer Cases</a></li>
<li><a href="http://geekpowwow.com/coolingdevices/">Cooling Devices</a></li>
<li><a href="http://geekpowwow.com/processors/">CPU's / Processors</a></li>
<li><a href="http://geekpowwow.com/harddrives/">Hard Drives</a></li>
<li><a href="http://geekpowwow.com/headsets/">Headsets</a></li>
<li><a href="http://geekpowwow.com/keyboards/">Keyboards</a></li>
<li><a href="http://geekpowwow.com/memory/">Memory</a></li>
<li><a href="http://geekpowwow.com/mice/">Mice</a></li>
<li><a href="http://geekpowwow.com/monitors/">Monitors</a></li>
<li><a href="http://geekpowwow.com/motherboards/">Motherboards</a></li>
<li><a href="http://geekpowwow.com/powersupplies/">Power Supplies</a></li>
<li><a href="http://geekpowwow.com/servers/">Servers</a></li>
<li><a href="http://geekpowwow.com/soundcards/">Sound Cards</a></li>
<li><a href="http://geekpowwow.com/speakers/">Speakers</a></li>
<li><a href="http://geekpowwow.com/ssd/">SSD's</a></li>
<li><a href="http://geekpowwow.com/videocards/">Video Cards</a></li>
<li><a href="http://geekpowwow.com/webcams/">Web Cams</a></li>
</ul>
</li>
<li><a id="pcs" class="MenuBarItemSubmenu" href="#"><span>pcs</span></a>
<ul>
<li><a href="http://geekpowwow.com/desktops/">Desktops</a></li>
<li><a href="http://geekpowwow.com/laptopaccessories/">Laptop Acc.</a></li>
<li><a href="http://geekpowwow.com/laptops-notebooks/">Laptops / Notebooks</a></li>
<li><a href="http://geekpowwow.com/netbooks/">Netbooks</a></li>
<li><a href="http://geekpowwow.com/tablets/">Tablets</a></li>
</ul>
</li>
<li><a id="gaming" class="MenuBarItemSubmenu" href="#"><span>gaming</span></a>
<ul>
<li><a href="http://geekpowwow.com/nintendo3ds/">Nintendo 3DS</a></li>
<li><a href="http://geekpowwow.com/nintendods/">Nintendo DS</a></li>
<li><a href="http://geekpowwow.com/nintendowii/">Nintendo Wii</a></li>
<li><a href="http://geekpowwow.com/pcgames/">PC</a></li>
<li><a href="http://geekpowwow.com/playstation3/">Playstation 3</a></li>
<li><a href="http://geekpowwow.com/sonypsp/">Sony PSP</a></li>
<li><a href="http://geekpowwow.com/xbox360/">XBOX 360</a></li>
</ul>
</li>
<li><a id="software" class="MenuBarItemSubmenu" href="#"><span>software</span></a>
<ul class="rows2">
<li><a href="http://geekpowwow.com/windows/">Windows</a></li>
<li><a href="http://geekpowwow.com/mac/">Mac</a></li>
<li><a href="http://geekpowwow.com/linux/">Linux</a></li>
<li><a href="http://geekpowwow.com/academicsoftware/">Academic Software</a></li>
<li><a href="http://geekpowwow.com/audioeditingsoftware/">Audio Editing Software</a></li>
<li><a href="http://geekpowwow.com/businesssoftware/">Business Software</a></li>
<li><a href="http://geekpowwow.com/communicationsoftware/">Communication Software</a></li>
<li><a href="http://geekpowwow.com/freeware/">Freeware</a></li>
<li><a href="http://geekpowwow.com/graphicssoftware/">Graphics Software</a></li>
<li><a href="http://geekpowwow.com/languagesoftware/">Language Software</a></li>
<li><a href="http://geekpowwow.com/multimediasoftware/">Multimedia Software</a></li>
<li><a href="http://geekpowwow.com/simulationsoftware/">Simulation Software</a></li>
<li><a href="http://geekpowwow.com/videoeditingsoftware/">Video Editing Software</a></li>
<li><a href="http://geekpowwow.com/webbrowsers/">Web Browsers</a></li>
</ul>
</li>
<li><a id="electronics" class="MenuBarItemSubmenu" href="#"><span>electronics</span></a>
<ul class="rows2">
<li><a href="http://geekpowwow.com/apple/">Apple</a></li>
<li><a href="http://geekpowwow.com/blu-rayplayers/">Blu-Ray Players</a></li>
<li><a href="http://geekpowwow.com/camcorderaccessories/">Camcorder Acc.</a></li>
<li><a href="http://geekpowwow.com/camcorders/">Camcorders</a></li>
<li><a href="http://geekpowwow.com/carelectronics/">Car Electronics</a></li>
<li><a href="http://geekpowwow.com/cellphones/">Cell Phones</a></li>
<li><a href="http://geekpowwow.com/digitalcameraaccessories/">Digital Camera Acc.</a></li>
<li><a href="http://geekpowwow.com/digitalcameras/">Digital Cameras</a></li>
<li><a href="http://geekpowwow.com/dvr/">Digital Video Recorders</a></li>
<li><a href="http://geekpowwow.com/dvdplayers/">DVD Players</a></li>
<li><a href="http://geekpowwow.com/dvdrecorders/">DVD Recorders</a></li>
<li><a href="http://geekpowwow.com/e-bookreaders/">E-Book Readers</a></li>
<li><a href="http://geekpowwow.com/gps/">GPS</a></li>
<li><a href="http://geekpowwow.com/homeaudiospeakers/">Home Audio Speakers</a></li>
<li><a href="http://geekpowwow.com/projectors/">Projectors</a></li>
<li><a href="http://geekpowwow.com/telephones-voip/">Telephones / VoIP</a></li>
<li><a href="http://geekpowwow.com/televisions/">Televisions</a></li>
<li><a href="http://geekpowwow.com/universalremotes/">Universal Remotes</a></li>
</ul>
</li>
<li><a id="forums" class="MenuBarItemSubmenu" href="http://geekpowwow.com/under-construction/"><span></span></a></li>
</ul>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../../../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../../../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
styles.css
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
html {
font: 100% Verdana, Geneva, sans-serif;
overflow-y: scroll;
body {
background: #0053de url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/header.jpg) no-repeat center top;
#nav-bar {
background: url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/navbar.gif) repeat-x;
height: 85px;
margin-top: 195px;
myMenu.css
/* CSS Document */
ul.MenuBarHorizontal {
width: 1120px;
margin: auto;
font-size: 0.9em;
ul.MenuBarHorizontal li {
margin: 6px 3px 0 0;
width: 157px;
ul.MenuBarHorizontal a {
height: 70px;
ul.MenuBarHorizontal a span {
visibility: hidden;
ul.MenuBarHorizontal ul {
padding: 0 10px 10px 10px;
width: 192px;
background: #CCC;
ul.MenuBarHorizontal ul.rows2 {
padding: 0 10px 10px 10px;
width: 384px;
background: #CCC;
ul.MenuBarHorizontal ul li {
margin: 0;
width: 192px;
ul.MenuBarHorizontal ul a {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/li_blank.gif) no-repeat;
height: 24px;
ul.MenuBarHorizontal a#home {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/home_button.gi f) no-repeat;
ul.MenuBarHorizontal a#home:hover, ul.MenuBarHorizontal a#home:focus,
ul.MenuBarHorizontal a#home.MenuBarItemHover, ul.MenuBarHorizontal a#home.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#home.MenuBarSubmenuVisible {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/home_button_ho ver.gif) no-repeat;
ul.MenuBarHorizontal a#hardware {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/hardware_butto n.gif) no-repeat;
ul.MenuBarHorizontal a#hardware:hover, ul.MenuBarHorizontal a#hardware:focus,
ul.MenuBarHorizontal a#hardware.MenuBarItemHover, ul.MenuBarHorizontal a#hardware.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#hardware.MenuBarSubmenuVisible {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/hardware_butto n_hover.gif) no-repeat;
ul.MenuBarHorizontal a#pcs {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/pcs_button.gif) no-repeat;
ul.MenuBarHorizontal a#pcs:hover, ul.MenuBarHorizontal a#pcs:focus,
ul.MenuBarHorizontal a#pcs.MenuBarItemHover, ul.MenuBarHorizontal a#pcs.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#pcs.MenuBarSubmenuVisible {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/pcs_button_hov er.gif) no-repeat;
ul.MenuBarHorizontal a#gaming {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/gaming_button. gif) no-repeat;
ul.MenuBarHorizontal a#gaming:hover, ul.MenuBarHorizontal a#gaming:focus,
ul.MenuBarHorizontal a#gaming.MenuBarItemHover, ul.MenuBarHorizontal a#gaming.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#gaming.MenuBarSubmenuVisible {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/gaming_button_ hover.gif) no-repeat;
ul.MenuBarHorizontal a#software {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/software_butto n.gif) no-repeat;
ul.MenuBarHorizontal a#software:hover, ul.MenuBarHorizontal a#software:focus,
ul.MenuBarHorizontal a#software.MenuBarItemHover, ul.MenuBarHorizontal a#software.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#software.MenuBarSubmenuVisible {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Software_butto n_hover.gif) no-repeat;
ul.MenuBarHorizontal a#electronics {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Electronics%20 _button.gif) no-repeat;
ul.MenuBarHorizontal a#electronics:hover, ul.MenuBarHorizontal a#electronics:focus,
ul.MenuBarHorizontal a#electronics.MenuBarItemHover, ul.MenuBarHorizontal a#electronics.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#electronics.MenuBarSubmenuVisible {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Electronics%20 _button_hover.gif) no-repeat;
ul.MenuBarHorizontal a#forums {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/forums_button. gif) no-repeat;
ul.MenuBarHorizontal a#forums:hover, ul.MenuBarHorizontal a#forums:focus,
ul.MenuBarHorizontal a#forums.MenuBarItemHover, ul.MenuBarHorizontal a#forums.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#forums.MenuBarSubmenuVisible {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/forums%20_butt on_hover.gif) no-repeat;
ul.MenuBarHorizontal a#li:hover, ul.MenuBarHorizontal a#li:focus,
ul.MenuBarHorizontal a#li.MenuBarItemHover, ul.MenuBarHorizontal a#li.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#li.MenuBarSubmenuVisible {
background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/li_blank_hover .gif) no-repeat;
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE {
background: transparent;
Using original SpryMenuBar.js and SpryMenuBarHorizontal.css
Gramps
Maybe you are looking for
-
Hello Friends, I am populating a in a table in one view, getting values in another view. I am using separate context node for getting the value and adding these values into another context node, which is the source for the table
-
Newbie question: Edits not showing up in execution
I'm doing some long distance tutoring for a friend. She's a beginner and is just learning Java and is using an IDE for the first time. I'm an experienced CP/M/DOS/Windows programmer and I've used IDEs before. But I've only just installed Sun ONE 3 ak
-
How come my books wont sync to my ipod?
I just bought some new books for my ipod Gen 2 and they wont sync to my ipod... whats going on?
-
The sequence is as follows: 1: Get Specified Servers 2: Connect to Servers 3: Get Specified Finder Items From that Server 4: Copy Finder Items to Desktop It all works until the last step, which 'encounters an error'. The log shows the error as 'can't
-
Would be thankful if anybody got this