[css-d] aligning elements
Hi, How do I go about vertically aligning the name of the villa in my header div with the menu. Is there a css property to do this? And do I put this property on my img? Page is here: http://www.villaphuket.com/dev/ Css: http://www.villaphuket.com/dev/css/mainstyles.css Thanks Lisa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] aligning elements
Lisa Frost wrote:
How do I go about vertically aligning the name of the villa in my
header div with the menu.
Page is here: http://www.villaphuket.com/dev/
Better to do it backwards :-)
Style the ul to...
#header ul {
margin : 15px 0 6px 0;
padding: 0;
float: right;
}
...and see if that's close enough for comfort. Modify the top margin if
you want the menu higher or lower.
regards
Georg
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Please help. Why doesnt my heading show in mozilla?
Someone please help. my site shows perfect in IE, but in Mozilla, It doesnt show my heading, it shows the center part of the page with the video and the bottom part is not centered, even though the source is Centered. I have tried w3.org, but it does not help with this problem. Please help. I dont know what else to do to make this page correct in Mozilla Firefox. www.thecomingcrisisinamerica.com/dev I am completely clueless as to what is wrong in Mozilla. Thanks for any help. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Please help. Why doesnt my heading show in mozilla?
On Wed, Nov 25, 2009 at 11:36 AM, rob...@angelsoflight.net wrote: Someone please help. my site shows perfect in IE, but in Mozilla, It doesnt show my heading, it shows the center part of the page with the video and the bottom part is not centered, even though the source is Centered. I have tried w3.org, but it does not help with this problem. Please help. I dont know what else to do to make this page correct in Mozilla Firefox. www.thecomingcrisisinamerica.com/dev I am completely clueless as to what is wrong in Mozilla. Thanks for any help. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ You should validate your html. It looks like you have an ending div tag that shouldn't be there. Give the site a look in Safari too. It could use some love. :) Jeff __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Please help. Why doesnt my heading show in mozilla?
It's your first commented line that's screwing things up - correct it to: !--Begin Logo Heading-- HTML comments should have only two dashes at the start and end. Val 2009/11/25 rob...@angelsoflight.net: Someone please help. my site shows perfect in IE, but in Mozilla, It doesnt show my heading, it shows the center part of the page with the video and the bottom part is not centered, even though the source is Centered. I have tried w3.org, but it does not help with this problem. Please help. I dont know what else to do to make this page correct in Mozilla Firefox. www.thecomingcrisisinamerica.com/dev I am completely clueless as to what is wrong in Mozilla. Thanks for any help. -- --- Somewhere, something incredible is waiting to be known - Carl Sagan www.oakleafcircle.org.uk www.valdobson.co.uk www.astrodiary.co.uk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] popup box getting cut off
Not sure how much of this is a css issue and what is a js/jquery issue. I'm using a jrquery calendar script to have event names display in a popup menu when you hover over a hyperlinked date. The problem is that the popup is getting restricted based on the parent calendar/table, hence cutting off information. Does anyone know how I can the the popup to show in its entirety when it breaks the space of the parent table? Here are some links: web page: http://associationdatabase.com/aws/OFCA/pt/sp/home_page css file: http://www.ohiofirechiefs.com/screen.css (calendar styles are at the very end) js/jquery file: http://www.tcslabs.com/scripts/jquery_calendar.js __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Please help. Why doesnt my heading show in mozilla?
rob...@angelsoflight.net wrote:
I dont know what else to do to make this page correct in Mozilla Firefox.
body {
font-family: New Times Roman;
color: #FF;
background:url(vid_files/top0.jpg) no-repeat;
margin-left: 450px; :: delete
margin-top: 350px; :: delete
margin-right: ; :: delete
margin-bottom: 350px; :: delete
margin: 0; :: add
}
table {margin: 0 auto;border: 1px dashed red;} :: add
selector
td {text-align: center;} :: add selector
Validate.
~d
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] aligning elements
Lisa, Try this example from STU's website (copy paste the link to visit): http://www.cssplay.co.uk/menus/vertical.html Let me know if you want any more help. the code and CSS is at the bottom of the page --- On Wed, 11/25/09, Lisa Frost birdiefr...@gmail.com wrote: Hi, How do I go about vertically aligning the name of the villa in my header div with the menu. Page is here: http://www.villaphuket.com/dev/ Css: http://www.villaphuket.com/dev/css/mainstyles.css Thanks __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] popup box getting cut off
Chris Kavinsky wrote: Not sure how much of this is a css issue and what is a js/jquery issue. web page: http://associationdatabase.com/aws/OFCA/pt/sp/home_page css file: http://www.ohiofirechiefs.com/screen.css (calendar styles are at the very end) js/jquery file: http://www.tcslabs.com/scripts/jquery_calendar.js Chris, Either way, it is a difficult problem to resolve. One way, I suppose, is to set a width for the calendar that is less than the fixed width of the parent block; plus; set a width for the pop-up, that does not exceed the fixed width of the parent block, /regardless/ of the day of the week the event happens. Considering the current width of the parent block, I am not so sure this will a readable calendar make? A better-shot may be to arrange the layout such that the calendar/pop-up spans two of the three columns, if not all three columns. Hang around awhile. Someone else may have a simple and viable alternative for you... Best, ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
