I am trying to vertically align the text to the bottom of my divider. Right now, the text is aligned to the top
I am also trying to make the divider 100% of the cell width so it looks nice but i can't get it to work and it always stays on the left side. -
-
.ddsmoothmenu{
-
/*font: bold 12px Verdana;*/
-
font: 12px Verdana;
-
background: #414141; /*background of menu bar (default state)*/
-
width: 100%;
-
}
-
-
.ddsmoothmenu ul{
-
z-index:100;
-
margin: 0;
-
padding: 0;
-
list-style-type: none;
-
}
-
-
/*Top level list items*/
-
.ddsmoothmenu ul li{
-
position: relative;
-
display: inline;
-
float: left;
-
}
-
-
/*Top level menu link items style*/
-
.ddsmoothmenu ul li a{
-
display: block;
-
background: #414141; /*background of menu items (default state)*/
-
color: white;
-
/*padding: 8px 10px;*/
-
padding: 4px 10px;
-
border-right: 1px solid #778;
-
color: #2d2b2b;
-
text-decoration: none;
-
}
-
-
/*1st sub level menu*/
-
.ddsmoothmenu ul li ul{
-
position: absolute;
-
left: 0;
-
display: none; /*collapse all sub menus to begin with*/
-
visibility: hidden;
-
}
-
-
/*Sub level menu list items (undo style from Top level List Items)*/
-
.ddsmoothmenu ul li ul li{
-
display: list-item;
-
float: none;
-
}
-
-
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
-
.ddsmoothmenu ul li ul li ul{
-
top: 0;
-
}
-
-
/* Sub level menu links style */
-
.ddsmoothmenu ul li ul li a{
-
font: normal 11px Verdana;
-
width: 180px; /*width of sub menus*/
-
padding: 5px;
-
margin: 0;
-
border-top-width: 0;
-
border-bottom: 1px solid gray;
-
-
-
3 7190
hi
would you please attach html that you want to use this css for it
HTML:
ddsmoothmenu.cs s
ddsmoothmenu.js -
//** Smooth Navigational Menu- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
-
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
-
//** Menu created: Nov 12, 2008
-
-
//** Dec 12th, 08" (v1.01): Fixed Shadow issue when multiple LIs within the same UL (level) contain sub menus: http://www.dynamicdrive.com/forums/showthread.php?t=39177&highlight=smooth
-
-
//** Feb 11th, 09" (v1.02): The currently active main menu item (LI A) now gets a CSS class of ".selected", including sub menu items.
-
-
//** May 1st, 09" (v1.3):
-
//** 1) Now supports vertical (side bar) menu mode- set "orientation" to 'v'
-
//** 2) In IE6, shadows are now always disabled
-
-
//** July 27th, 09" (v1.31): Fixed bug so shadows can be disabled if desired.
-
//** Feb 2nd, 10" (v1.4): Adds ability to specify delay before sub menus appear and disappear, respectively. See showhidedelay variable below
-
-
var ddsmoothmenu={
-
-
//Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
-
arrowimages: {down:['downarrowclass', 'http://fsc.uscis.dhs.gov/FAC/Furniture/menu/down.gif', 23], right:['rightarrowclass', 'http://fsc.uscis.dhs.gov/FAC/Furniture/menu/right.gif']},
-
transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
-
shadow: {enable:false, offsetx:5, offsety:5}, //enable shadow?
-
showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively
-
-
///////Stop configuring beyond here///////////////////////////
-
-
detectwebkit: navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1, //detect WebKit browsers (Safari, Chrome etc)
-
detectie6: document.all && !window.XMLHttpRequest,
-
-
getajaxmenu:function($, setting){ //function to fetch external page containing the panel DIVs
-
var $menucontainer=$('#'+setting.contentsource[0]) //reference empty div on page that will hold menu
-
$menucontainer.html("Loading Menu...")
-
$.ajax({
-
url: setting.contentsource[1], //path to external menu file
-
async: true,
-
error:function(ajaxrequest){
-
$menucontainer.html('Error fetching content. Server Response: '+ajaxrequest.responseText)
-
},
-
success:function(content){
-
$menucontainer.html(content)
-
ddsmoothmenu.buildmenu($, setting)
-
}
-
})
-
},
-
-
-
buildmenu:function($, setting){
-
var smoothmenu=ddsmoothmenu
-
var $mainmenu=$("#"+setting.mainmenuid+">ul") //reference main menu UL
-
$mainmenu.parent().get(0).className=setting.classname || "ddsmoothmenu"
-
var $headers=$mainmenu.find("ul").parent()
-
$headers.hover(
-
function(e){
-
$(this).children('a:eq(0)').addClass('selected')
-
},
-
function(e){
-
$(this).children('a:eq(0)').removeClass('selected')
-
}
-
)
-
$headers.each(function(i){ //loop through each LI header
-
var $curobj=$(this).css({zIndex: 100-i}) //reference current LI header
-
var $subul=$(this).find('ul:eq(0)').css({display:'block'})
-
$subul.data('timers', {})
-
this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
-
this.istopheader=$curobj.parents("ul").length==1? true : false //is top level header?
-
$subul.css({top:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0})
-
$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: smoothmenu.arrowimages.down[2]} : {}).append( //add arrow images
-
'<img src="'+ (this.istopheader && setting.orientation!='v'? smoothmenu.arrowimages.down[1] : smoothmenu.arrowimages.right[1])
-
+'" class="' + (this.istopheader && setting.orientation!='v'? smoothmenu.arrowimages.down[0] : smoothmenu.arrowimages.right[0])
-
+ '" style="border:0;" />'
-
)
-
if (smoothmenu.shadow.enable){
-
this._shadowoffset={x:(this.istopheader?$subul.offset().left+smoothmenu.shadow.offsetx : this._dimensions.w), y:(this.istopheader? $subul.offset().top+smoothmenu.shadow.offsety : $curobj.position().top)} //store this shadow's offsets
-
if (this.istopheader)
-
$parentshadow=$(document.body)
-
else{
-
var $parentLi=$curobj.parents("li:eq(0)")
-
$parentshadow=$parentLi.get(0).$shadow
-
}
-
this.$shadow=$('<div class="ddshadow'+(this.istopheader? ' toplevelshadow' : '')+'"></div>').prependTo($parentshadow).css({left:this._shadowoffset.x+'px', top:this._shadowoffset.y+'px'}) //insert shadow DIV and set it to parent node for the next shadow div
-
}
-
$curobj.hover(
-
function(e){
-
var $targetul=$subul //reference UL to reveal
-
var header=$curobj.get(0) //reference header LI as DOM object
-
clearTimeout($targetul.data('timers').hidetimer)
-
$targetul.data('timers').showtimer=setTimeout(function(){
-
header._offsets={left:$curobj.offset().left, top:$curobj.offset().top}
-
var menuleft=header.istopheader && setting.orientation!='v'? 0 : header._dimensions.w
-
menuleft=(header._offsets.left+menuleft+header._dimensions.subulw>$(window).width())? (header.istopheader && setting.orientation!='v'? -header._dimensions.subulw+header._dimensions.w : -header._dimensions.w) : menuleft //calculate this sub menu's offsets from its parent
-
if ($targetul.queue().length<=1){ //if 1 or less queued animations
-
$targetul.css({left:menuleft+"px", width:header._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime)
-
if (smoothmenu.shadow.enable){
-
var shadowleft=header.istopheader? $targetul.offset().left+ddsmoothmenu.shadow.offsetx : menuleft
-
var shadowtop=header.istopheader?$targetul.offset().top+smoothmenu.shadow.offsety : header._shadowoffset.y
-
if (!header.istopheader && ddsmoothmenu.detectwebkit){ //in WebKit browsers, restore shadow's opacity to full
-
header.$shadow.css({opacity:1})
-
}
-
header.$shadow.css({overflow:'', width:header._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:header._dimensions.subulh+'px'}, ddsmoothmenu.transition.overtime)
-
}
-
}
-
}, ddsmoothmenu.showhidedelay.showdelay)
-
},
-
function(e){
-
var $targetul=$subul
-
var header=$curobj.get(0)
-
clearTimeout($targetul.data('timers').showtimer)
-
$targetul.data('timers').hidetimer=setTimeout(function(){
-
$targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime)
-
if (smoothmenu.shadow.enable){
-
if (ddsmoothmenu.detectwebkit){ //in WebKit browsers, set first child shadow's opacity to 0, as "overflow:hidden" doesn't work in them
-
header.$shadow.children('div:eq(0)').css({opacity:0})
-
}
-
header.$shadow.css({overflow:'hidden'}).animate({height:0}, ddsmoothmenu.transition.outtime)
-
}
-
}, ddsmoothmenu.showhidedelay.hidedelay)
-
}
-
) //end hover
-
}) //end $headers.each()
-
$mainmenu.find("ul").css({display:'none', visibility:'visible'})
-
},
-
-
init:function(setting){
-
if (typeof setting.customtheme=="object" && setting.customtheme.length==2){ //override default menu colors (default/hover) with custom set?
-
var mainmenuid='#'+setting.mainmenuid
-
var mainselector=(setting.orientation=="v")? mainmenuid : mainmenuid+', '+mainmenuid
-
document.write('<style type="text/css">\n'
-
+mainselector+' ul li a {background:'+setting.customtheme[0]+';}\n'
-
+mainmenuid+' ul li a:hover {background:'+setting.customtheme[1]+';}\n'
-
+'</style>')
-
}
-
this.shadow.enable=(document.all && !window.XMLHttpRequest)? false : this.shadow.enable //in IE6, always disable shadow
-
jQuery(document).ready(function($){ //ajax menu?
-
if (typeof setting.contentsource=="object"){ //if external ajax menu
-
ddsmoothmenu.getajaxmenu($, setting)
-
}
-
else{ //else if markup menu
-
ddsmoothmenu.buildmenu($, setting)
-
}
-
})
-
}
-
-
} //end ddsmoothmenu variable
-
-
Lines 7-9 of your html are in the wrong position. Delete line 1 and put them there.
Change 'charset=window s-1252' to 'charset=utf-8'
None of this fixes the problem but the first is an error and the second is 21st century.
Sign in to post your reply or Sign up for a free account.
Similar topics |
by: kAldam |
last post by:
I am currently using IE 6.0 and 5.5 and the scenario is the following.
I have a span that contains text, and the span is beign contained by a
table cell (this is the way thing need to be in my application). I
have an issue when the span has a heigth less than 18px (meaning
height of the span, there is only one line of text and the height of
the text is less than 18). The issue is that I start getting a
padding, I add a color background to...
|
by: Markus Ernst |
last post by:
Hi
I have a strange problem with vertical-align. The case can be viewed at
http://www.brainput.info/geschichte.html.
HTML code:
<div id="bild"><img src="geschichte.gif" width="274" height="29" alt="Wir
schreiben die Geschichte Ihres Unternehmens."></div>
|
by: Felipe Gasper |
last post by:
I'm trying to make some "sub-cells" in an HTML table and to control
their positioning and content presentation via CSS. In the table at
the following URL:
https://fshn3152.foods.uiuc.edu/~fgasper/erf.html
what I'm immediately trying to do is vertically position the text and
checkboxes in all four "Statement Date" sub-cells (created with <span>
elements).
|
by: Kay |
last post by:
Hello,
I have a asp lable control, which I use to display text in, I would like to
have the text display aligned in the center and vertical alignment left
however when I add the following style to the lable it does not work
<asp:label id="lblBanner" style="text-aligh:left;vertical-align:middle;"
runat="server" Width="100%" ></asp:label>
could someone please tell me how to display the text valign middle and text
|
by: Eric Lindsay |
last post by:
If I want to have the middle of an image vertically aligned with the
middle of a heading (or several lines of heading), is there some
particular way people would recommend? vertical-align: center looked
made for that. The effect I want is
img heading
img heading
img heading
or
heading
| |
by: shivas |
last post by:
Hi,
I am using vertical-align for a table row, but the Image and the text
are not aligned properly. I don't what to align image in the img tag,
rather in the row itself I want to align. I want to align both text and
the image (some time appended in the same cell) in the top. Can anyone
help me in this?
--
|
by: acunnon |
last post by:
I am trying to put together an login page my problem is getting the three items aligned to the middle verticaly without specifing a height to anything on the page.
CSS
html{
height:100%;
min-height:100%;
}
body{
vertical-align:middle;
|
by: esteuart |
last post by:
I need to get the right combination for a div to clip any text inside and allow vertical alignment. I only have this problem in FireFox. I have 3 divs nested within each other. The outer div has display of table, the first inner div has display of table-cell and the inner-most div has the text. The outer div has a set width and height.
So here's the problem:
Without the inner divs having a width and height set, the overflow:hidden doesn't...
|
by: maya |
last post by:
hi,
how do I get text to vertical-align inside a div?
http://www.mayacove.com/misc/home.html
vertical-align should work, according to this:
http://htmlhelp.com/reference/css/text/vertical-align.html
|
by: Patrick |
last post by:
Hello,
I'm trying to align a text vertically in a link displayed as a block.
But the text is always at top.
Is there a solution?
Your advices are welcome.
Here is a test page:
<html>
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
| |
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
| |
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |