webdev, posts by tag: css - LiveJournal

I have an html button composed of two elements (like the one from: http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx) floated left one against another. This works fine if the button is on its own line, But I'd like to be able to do something like this: "some text [button]", without having to float the text as well. How can I isolate the button's floating so that the button's composing elements are floated, but the whole button element itself behaves like a regular inline element?

I'm trying to make a database results page similar to that of the search results on face book. Unfortunately, I'm not getting something in CSS, and my page comes out looking like this:


This is the style for it, and this is the jsp that creates the html.

Of course, this is what I'd like to have it look like.

So why are the images being shifted to the right (with a float:left), and why are things jumping out of their respective divs? What am I doing wrong?! :) Thanks for any help!

I am doing a website for a client, and I am using CSS-based template that has worked well for me through multiple sites.  it is a standard 3-column layout with header, submenu stripe (horizontal navigation bar) and a stripe in the footer for a secondary navigation bar. 

This client wants both a search bar in the top RH corner and buttons on the bottom RH corner of the header (which sits in the CSS as a background image).  I have been playing with how to accomplish this.  My first thought was to create a table that spans the entire height of the header, but that seems to push down the submenu.  My second thought was to follow A List Apart's Night of the Image map, but I am having trouble getting it to float in the wrapper/header divs.

My html

My css

I would dearly love some help.  I have used the Night of the Image map technique in previous websites before, but never in this particular fashion, so I don't know if it's the approach or if it's my error.  Same with tables.  I generally hate throwing in tables to my CSS work, but I'm not sure what else to do!

Thank you in advance!

Here is the page - http://chipmunks.queerwomenottawa.net/

Here is the CSS for the body tag:

<style type="text/css">
body
{
    background: url("http://i272.photobucket.com/albums/jj179/mylittlesandwich/chipmunks_certed/chipbk.png");
    background-attachment: fixed;
}
</style>

Anyone have any idea why it is not working in IE or Firefox?

I have tried other CSS methods and none seem to work. I

Thanks!

Yes, some of you may be groaning at the subject title here, sorry abotu that. But i'm going round the bend with something. Well, two things to be honest!

I've been trying to use the code as supplied by blue robot to have a fluid three column layout. However, their code does not include a footer.

When i add a footer, it just aligns to the bottom of the central coloumn, whereas i'd like it to align with the bottom of the longest column.

The second problem is that the middle column only fills up the space in the middle if there is text to push it to the limit. If it's a fixed width table that doesn't go right to the egdes, the column is only as wide as the table..

So to demonstrate:
the main page has plenty of dummy text - http://www.djviper.net/just/index.php
but th elogin pge doesn't, and therefore doesn't stretch right across (div column has black border) - http://www.djviper.net/just/login.php

the css can be found at http://www.djviper.net/just/css/fgp.css

If anyone could have a peek at these for me, and tell me what i need to put in order to correct it and have it working smoothly, i'd *greatly* appreciate it :) pretty please?

if you need any more info or files to solve the problem, just ask!

paul