Image is causing some alignment issues…need some help!
ok, I have this slideshow on my website and it is working perfectly…at least on the first 2 slides. On slide 3, however … the image of a laptop is really messing up the alignment on the slide. I have tried to change the size of the image , etc .. but nothing seems to fix the issue. I did test this with an image that was used on a previous slide…and there is no alignment issue with that image…so it has to be the laptop image.
Can anyone help me figure out why this is happening and how to fix it?
ie code not working
Hi
Please have a look at the following link:
http://www.articlecon.com/demo/joey40/zumba/
There are a couple problems in it.
1. When “about” page is opened, the whole page jumps down a few pixels leaving a white gap at the top of the page. It does not happen on any other page.
2. I have included this code in the head:
HTML4Strict Code:
But it does not work. As a test I set the p font color to red but it does not show red text in ie. What is wrong in this code? I included ie.css for ie png fixes and general ie fixes.
Thanx
Dropdown Menu Weirdness
I had this site all together and then changed the menu to a simple multi-level CSS menu and am in trouble all over again…
I can swear it was working fine on all pages, but maybe I was wrong. It’s just fine on the home page but disappears on other pages and I just can’t figure out why. I blame some WordPress plug-in, but they are the same on all pages so that doesn’t make sense. The code fails the validator miserably due to 3rd party plug-ins and links, so that doesn’t make it easier, but again, the menu works on the home page.
Please have a look at http://sandyschussel.com/ – home and any other page.
HEEEEEEEEEEELP! 
Using text-overflow: ellipsis across multiple lines
Hi,
I want to show the ellipsis in my div only if the div runs out of vertical space. All of the examples I’ve seen show the ellipsis after a single line. Is there a way to use text-overflow: ellipsis across multiple lines?
Thx.
Donna
CSS3 – border-radius and background
Hi folks!
Hope someone can just provide a quick fix to the following:
Please check http://www.affectia.com/demos/
The green menu item “Get the Toolbar!” you can see the background isn’t going inside the border.. Same is the case when you hover on any other link in the menu.
In short, I’ll like to know that how can I get a child element with background inside the borders of a parent element with border-radius property?
Thanks!
Centering this image in a div
I am trying to center the image in the div in the code below, but it remains at the top. Why is this so?
Code:
Untitled Document
.container {
width: 300px;
height: 400px;
background-color: #0FF;
padding: 10px;
margin-top: 30px;
}
/*.container img {position:relative; top:50%; margin-top: -25px;}*/
.container img {vertical-align: middle;}
.container p {line-height: 400px;
Hello World
How to change the color of the selected menu?
Hello All,
In my menu,one of the menu headings is selected and the heading as well as the items within it are displayed using a different color(by using CSS class) when I first land on the page.How do I change the selected menu when I click on some other menu heading?
The following is my HTML:
HTML4Strict Code:
Sample Tab Drop Down Menu Page
/**/
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav a {
display: block;
width: 10em;
}
#nav li {
float: left;
width: 10em;
}
#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}
#nav li:hover ul {
left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
#nav .selected a
{
background-color: red;
}
fish1
Remoras
Tilefishes
Bluefishes
Tigerfishes
fish2
Climbing perches
Labyrinthfishes
Kissing gouramis
Pike-heads
Giant gouramis
In the above HTML I need to change the selected class to Fish2 when it is clicked.How can I do that? Any help will be greatly appreciated.
Thanks.
updating CSS changes directly on the webserver
Hi,
I use firebug for CSS tweaks, its great and I’m happy. The only problem is that once everything is fine, you can’t save the changes directly, you need to change it in your CSS file offline and FTP to your web server. Is there a way to update the CSS directly on the server when you feel its okay?
There is a tool that does so, but it has got nothing to do with FireBug, its called Stylizer, I personally didn’t like it but its capability to update the CSS directly on the server is good.
Is there any add-on for firebug (Free or commercial) that can connect it to the CSS file over the web server using the FTP credentials?
Regards
Footer NOT sticking to Bottom of page
I have been tasked to modify a wordpress theme for a project of mine. They are requesting a footer on the bottom of the page. I have been looking through the tutorials of sticky footers ect, but i just cannot get the thing to stick to the bottom of the page. At the moment the footer is apearing at the very top of the page, underneath my header. I have tried to match up the div tags, and it seems that it should work, but it is still not working. Could somebody help me solve this please.
My site is Arts for Life.
The people i am working for, want to stick to the same theme, so i am having to figure out what the original developers mind set was when coding, It’s all so difficult.
My CSS can be found here
My HTML code can be found here
Footer goes crazy, won’t push down
Hi all,
I have a small problem with my site that I can’t seem to fix. I would like my footer to always stick to the bottom of the screen, unless the content is long enough to push it down. I use a “push” div between the content and the footer parts of my page in order to accomplish that, however in some browsers/resolutions it leaves a gap between the two parts or the footer overlaps a part of the content.
How do I fix this?
This is the CSS (removed irrelevant parts and styles)
CSS Code:
*{margin:0;padding:0;}
html, body {height: 100%;font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #212532; }
div#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -60px;}
/* top of page *//* (includes header css) */
/* content part of page */div#pagebody{width: 100%;height: 100%;padding-top: 75px;background-image: url(/gui/page_background.jpg);background-repeat: repeat-x;}
div#container{width: 900px;margin: 0 auto 0;display: block;}
div#content{width: 650px;float: left;line-height: 1.8em; text-align: justify;padding-right: 44px;border-right: 1px solid #dddddd;margin-bottom: 25px;}
/* (additional styles and sidebar CSS) */
/* footer */div#push {height: 60px;clear: both;}
div#footer{width: 100%;height: 273px;background-image: url(/gui/footer_background.jpg);background-repeat: repeat-x;display: block;clear: both;color: #ffffff;font-size: 11px;position: relative;}
This is the basic HTML (removed template tags and irrelevant content) for my page
HTML4Strict Code:
logo menu
page content
sidebar
footer content
Any ideas? I’m guessing I’m overlooking some detail somewhere, but it keeps looking wrong.
Thanks in advance for any help,
Stef
