css quicky

[marc2003]

all i want to do is position the delete buttons so they'll be at the same level at the bottom of the bordered div regardless of how big the thumbnail is.

the only css i'm using so far is for the div....

.thumbnail {
float: left;
width: 220px;
height: 375px;
margin: 0 15px 15px 0;
padding: 5px;
background-color: #363636;
border: solid 2px #FFBD32;
color: #FFBD32;
}

thanks for any help.

 

[marc2003]

the vertical align didn't work. i don't know why? this is why i hate css. it never does what you expect.

but the <p> height thing worked a treat. thanks both for the replies.

 

[marc2003]

well i am a complete noob (is that 1 'o' or 2 ) and i might have done it wrong? i don't know. this was the code....

<div class="thumbnail" align="center">
//textarea & thumbnail code. no divs...
<form....>
<input class="delete"  type="submit" name="delete" value="delete" />
</form>
</div>

.thumbnail {
float: left;
width: 220px;
height: 375px;
margin: 0 15px 15px 0;
padding: 5px;
background-color: #363636;
border: solid 2px #FFBD32;
color: #FFBD32;
}

input.delete {
vertical-align: bottom;
}

that's right isn't it?

 

[marc2003]

hehe. still no joy.

whilst on the subject of css, does anybody know any hacks for styling a file upload box. i found this page

http://www.quirksmode.org/dom/inputfile.html

which says it's pretty much impossible. it does contain a workaround though and yet again i can't interpret other people's css to work for me. ideally i'd like to style my browse button if possible.

 

[marc2003]

if you know enough CSS.

i don't know any hence my original post. i like how easy it is customise the appearance but layout confuses the hell out of me.

There's probably an easier solution

yup, craig posted it above. i've already mentioned it works fine putting the image inside a <p> of a fixed height.

and there is no "right" box. i'm using the same code inside a loop to display each one. i only showed 2 in my opening post to illustrate the point about the buttons.

 

[marc2003]

hehe, we're going round in circles here. how is that simpler than

<p style="height: 200px"><img src="" /></p>
<input type="submit".....

and nothing in the external css file?

 

[marc2003]

....oh and my name is not Craig btw

oops. sorry. i got you mixed up with craig321...

and i've also given up on the file dialog thing. it doesn't look too bad as it is.

But is that valid?

and yes it's valid, why wouldn't it be? it's still css, just inline.

 

[marc2003]

Have you tested display on different resolutions inc wide screen? Should always do that when using fixed sizes.

yup.

yes i know it's bland. i haven't a single ounce of creativity.