Image aligned to base of div

Hi Folks,
Could anyone tell me how I can align a graphic to the bottom
of my green sidebar? So I can make the edges rounded, like I have
at the top of the green side bar:
http://www.w00tdesign.co.uk/
Thanks in advance

Make it a background image with background-position:left
bottom?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Mattastic" <[email protected]> wrote in
message
news:fnpuvf$1a0$[email protected]..
> Hi Folks,
>
> I know this isn't straightforward, but could anyone tell
me how I can
> align a
> graphic to the bottom of my div? So I can make the edges
rounded, like I
> have
> at the top of the green side bar:
>
>
http://www.w00tdesign.co.uk/
>
> Thanks in advance
>
>

Similar Messages

Horizontal Image Alignment

I am designing an online portfolio using divs. I want a
horizontal row
of images within a div, but when I try to create this, the
images
always stack vertically.
I have made sure everything is set to float:left. I have
stripped away
all unnecessary code. I made sure the div had the correct
dimensions
to contain the images. I even created a separate div for each
image
within the main div. None of this made any difference.
Is there anything else I can try?
You can visit the problem page at
http://www.ericgoss.com .

Hello,
The main problem is your "t1, t2, t3, etc" divs all have a
width of 50px.
#t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9 {
float:left;
height:50px;
margin-top:5px;
position:relative;
vertical-align:middle;
width:50px;
But your images are inside of these divs and are much wider.
For example, "t3" is 50px wide but cover.jpg, contents.jpg
and gore.jpg are
well over that:
<div id="t3"> **********opening "t3"
<img src="images/gore_button.jpg" name="gore_button"
width="40" height="40"
id="gore_button">
<div id="e3">Insight Magazine Redesign</div>
<div id="i3">
<div id="cover"><img src="images/cover.jpg"
name="cover" hspace="10"
id="cover"></div>
<div id="contents"><img src="images/contents.jpg"
name="contents"
hspace="20" border="1" id="contents"></div>
<div id="gore"><img src="images/gore.jpg"
name="gore" hspace="20"
border="1" id="gore"></div>
</div>
</div> ************ closing "t3" 50px wide.
So, the images "stack", or more precisely here, float drop.
You can see this with a simple test of changing the #t3 width
to 1000px,
like so:
#t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9 {
float:left;
height:50px;
margin-top:5px;
position:relative;
vertical-align:middle;
width:1000px;
Of course, now the buttons display "stacked" but notice the
large images
that display on hover don't drop anymore.
Here's a possible fix:
Make the divs holding the images AP divs so they are removed
from the flow
and not restricted by the 50px limit.
For example, change this:
#i3 {
left:-110px;
float:left;
To this:
#i3 {
left:0px;
position: absolute;
width: 1000px;
Now when you hover over the third button , the images are in
a horizontal
line.
You'll probably have to adjust some positioning to align
things, but it
should work.
Just repeat for #i1, #i2, etc...
Also, and equally important:
ID's can only be used once in a page, but you have the same
ones a few
times.
Notice ID="cover" is used twice here, fgor the div and the
img:
<div id="cover"><img src="images/cover.jpg"
name="cover" hspace="10"
id="cover">
There's really no need for the div around the img, just float
the img,
or remove the id from the image and keep the div.
Take care,
Tim
"edg16" <[email protected]> wrote in message
news:[email protected]...
>I am designing an online portfolio using divs. I want a
horizontal row
> of images within a div, but when I try to create this,
the images
> always stack vertically.
>
> I have made sure everything is set to float:left. I have
stripped away
> all unnecessary code. I made sure the div had the
correct dimensions
> to contain the images. I even created a separate div for
each image
> within the main div. None of this made any difference.
>
> Is there anything else I can try?
>
> You can visit the problem page at
http://www.ericgoss.com .
>

Image Align Not Working in Browser

Ok, so i have text and i put some images in there and i set my image align to either left or right or however i need it and it looks fine in dreamweaver, but when i preview it in a browser it isn't right. Does anyone know why this could be? I'm prolly being dumb and just have a slight minor detail wrong so......feel free to slap me if needed....

In code view, you have this at the top of your page:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
Which should be this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
Remove the JavaScript tag.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Is it possible to use an image as the "base" of a mapviewer?

Hi,
I am trying to use a jpg image as the "base" of a mapviewer. After Insert the image, I create a "georaster theme" for it. Then, I create a "base map" by using the georaster theme created in the previous step. Up till now, both "georaster theme" and "base map" can be preview normally. After that, I create a "title layer" by using the "base map" which I created. However, only a write rectangle shown up when I preview the "title layer".
So, I wonder it is possible to make a map by using an image as it base? If yes, would you mind telling me how to make it done. And, what value should I input for the following parameter:
a) When I import an image in mapbuilder:
1) Top X coordinate , Top Y coordinate
2) X resolution, Y resolution
b) When I make a title layer:
1) Max X , Min X, Max Y, Min Y
2) Zoom in scale (Once I zoom in the image, the image is gone?? It's very strange)
Here's the property of that image:
Dimension = 288 * 175
Width = 288 pixels
Height = 175 pixels
Horizontal resolution = 72 dpi
Vertical resolution = 72 dpi

iMacs late 2009 or newer can be used in Target display
mode. Any older, no can do.
The only other way is via network Screen Sharing or
some otherVPN network like solution. The issue here
though is that video performance will be pretty severely
hampered.

I want to add image in column is it possible then how to add image in data base what data type we need to do

I want to add image in column is it possible then how to add image in data base what data type we need to give we required any casting please show me one example
jitendra

Hi again,
Several points that can help more:
1. If you are working with Dot.Net, then I highly recommend read the first link that you got! This is nice and simple coding. Another option is this link which is even better in my opinion:
http://www.dotnetgallery.com/kb/resource21-How-to-store-and-retrieve-images-from-SQL-server-database-using-aspnet.aspx
2. As i mention above both link use the column's type image. There are several other option of working with Files. In most of my applications architecture I find that it is better to use a column which let us use any type of file and not an image column.
In choosing the right column's type for your needs basically your fist question should be if if you want to store your data inside relational database environment or outside relational environment. It is a good idea to look for blogs on this issue. Next
if you chose to store your data inside then you need to chose the right column type according to your server version. I highly recommend to look for blogs on the differences between those column's types: IMAGE,
Check those links:
To BLOB or Not To BLOB: Large Object Storage in a Database or a Filesystem
http://research.microsoft.com/apps/pubs/default.aspx?id=64525
FILESTREAM feature of SQL Server 2008
http://msdn.microsoft.com/library/hh461480
FileTables feature of SQL Server 2012
http://technet.microsoft.com/en-us/library/ff929144.aspx
Compare Options for Storing Blobs (SQL Server)
http://technet.microsoft.com/en-us/library/hh403405.aspx
Binary Large Object (Blob) Data (SQL Server)
http://technet.microsoft.com/en-us/library/bb895234.aspx
Managing BLOBs using SQL Server FileStream via EF and WCF streaming
* Very nice tutorial!
http://petermeinl.wordpress.com/2012/02/20/managing-blobs-using-sql-server-filestream-via-ef-and-wcf-streaming/
[Personal Site] [Blog] [Facebook]

Having a image alignment problem using clearbox

Hi,
I'm having an image alignment problem. I cannot figure it out. I'm using the clearbox - lightbox dreamweaver widget. Using Dreamweaver CS6.
Actual page located here. Any help would be appreciated.
http://dirtysouthink.com/gallery/dustin2.html

This has very little to do with Dreamweaver. DW is merely a tool to assist you in building a web site. It is purely a matter of styling (CSS).
When I look at the structure, I see
BODY-CONTENT (width: 490px)
     GALLERY (width: 452px)
          CONTAINER (width: 500px)
               ITEM (width: 150px)
From this I can deduce that:
GALLERY will fit inside BODY-CONTENT
CONTAINER will NOT fit inside GALLERY or BODY-CONTENT
ITEM will fit three times into CONTAINER
To start with, I would reduce the size of the CONTAINER so that it fits inside of its parent. Then I would adjust the width of the ITEM so that only two of them fit inside of the CONTAINER.

JEditorPane HTMLEditorkit Image align left

Hi,
I am developing a HTML Editor with JEditorPane and HTMLEditorKit. Apart from the many other difficulties, the HTMLEditorKit doesn't show a text next to an image correctly. I set an Image alignment to left and hopped, the text would be displayed text to it beginninge at the top. But it doesn't. Can anyone help.
Christian

Hi,
I'm sorry, but this doesn't help me at all. To be more precisely, I want a text placed next to an image. A normal Browser does is when you say something like <img align="left" ...> and just place your text behind this tag. It looks like this:
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%IMAGE%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
The Problem with the JEditorpane and the HTMLEditorKit is, that it shows up like this:
%%%IMAGE%%%%
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
If I put the alignment to top or something else, I can let it look like this:
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%IMAGE%%%%
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
But annoyingly I let it show up like in any normal Internet Browser.
Hope my problem is more clearly now and somebody can help me.
Yours sincerely,
Christian

Problem while loading Image from datat base

i have sotred iamge as blob in data base while reading from data base and loading i am getting error if image is more than 30 kb
when i pass bytearrayinputstream to ImageIo.read(bytearrayinputstream ) but problem is not occure if iamge is less thatn 30 kb (approx) why is it so how to store image is data base and read from the data base
i want both buffered image as well as SWT Image

{color:#000080}I tried to read your post but it is throwing a NoPunctuationException.
Would you care to repost with a few commas and full stops to make it readable?
db{color}

Preview image aligns to right!

please help! (how dramatic) - my preview image aligns to the right, and I can't do nothing with it!
I have a single monitor, and the options for the second one is grayed out but says "secondary viewer - desktop". I don't know if that's the problem, or something else.
the viewer also set to "show one".
how can I revert it to be aligned to center?
please, any suggestions?

anyone?!
reinstalled aperture, but still aperture thinks I have another monitor / viewer, but won't let me change how it's used, as it grayed out.
is there a way to completely remove all aperture prefs. and reinstall cleaner? after last reinstall the welcome splash screen doesnt show, as I previously marked it not to show, meaning the re installation wasn't clean and there were leftover data. how can I clean up all the data regarding aperture?
anything?

Universal Image with IP Base IOS

Hi ,
Does Universal Image with IP Base IOS support the following,
1. OSPF
2. Multicast ( PIM SM, BSR, RP(static / dynamic) configurations)

Hi,
If you need full OSPF and Multicast support, you need IP services license.
See figure-2 in this link:
http://www.cisco.com/c/en/us/products/collateral/switches/catalyst-3560-x-series-switches/white_paper_c11-579326.html
HTH

How can I insert images in data base?

Hi!!
I don't know what i need to do.
My problem is that I need to save images in the data base but I don't know how. The images are from autopart catalogues.
Thanks for your help

Hi,
Here is the example which uses dbms_lob utility to insert an image into the database.
Create a table to store the blobs:
create table blobs
( id varchar2(255),
blob_col blob
Step 2.
Create a logical directory in the database to the physical file system:
create or replace directory MY_FILES as 'c:\images';
Step 3.
Create a procedure to load the blobs from the file system using the logical
directory. The gif "aria.gif" must exist in c:\images.
create or replace procedure insert_img as
f_lob bfile;
b_lob blob;
begin
insert into blobs values ( 'MyGif', empty_blob() )
return blob_col into b_lob;
f_lob := bfilename( 'MY_FILES', 'aria.gif' );
dbms_lob.fileopen(f_lob, dbms_lob.file_readonly);
dbms_lob.loadfromfile( b_lob, f_lob, dbms_lob.getlength(f_lob) );
dbms_lob.fileclose(f_lob);
commit;
end;
Regards
Anand
null

In the paragraph after a conditional build tag, an inline image gets wrapped in a div tag

Hi,
TCS5, so FM 12 and RH11. I have successfully applied some conditional build tags by turning off the apply conditional build tag setting and using the Conditional Build Expression in the WebHelp properties instead.
In RoboHelp, everything looks correct. I generate WebHelp and suddenly, a div tag is wrapped around the inline image in the paragraph that followed the text marked conditional.
This did not happen with TCS 4 (FM11, RH10). I am not sure why this div tag is applied only when I generate the help. Any thoughts on what to check?
Lauren

Hi lauren,
I tried to replicate the above mentioned issue, but did not get the <div> around the image in Webhelp output. Would it be possible for you to provide more information on this:
At what point does the <div> start appearing around the image, as soon as the CBT expression is applied?
If yes, what is the expression?
What happens when expression is set to None again and individual CBT is under application
Is there a spacing or the CBT text just follows the inline image?
Please send us a sample file for the same, if possible. Thanks!
Amit

Images made into links (in divs) not working in Internet Explorer but works in Firefox. help!

Hey guys,
The text links are fine, but the image links don't work in internet explorer. Anyone know why this is happening?
Sample code:
<a href="facebook"><div class="fb"><img src="Facebook.png" /></div></a>
The link links to another HTML in my site

If you anticipate having more questions, a great self help is to validate your code, that is, test your code against the rules set for the particular DOCTYPE you are using.
http://validator.w3.org/
"you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
In this case it would have pointed out that you can't put a <div> inside an <a>.
Best wishes,
Adninjastrator

Slideshow vertical hero image aligns left

Using the slideshow widget with a vertical image sometimes results in the hero image randomly aligning to the left instead of centered. All the hero images are positioned in the center of the content area. The slideshow frame is the full width of the content area so that each image slides in from right to left (due to the Horizontal setting for Transition). The Y coordinate is 10 for the slideshow content (and the hero image container). Horizontal images have not shown a shift to the left. Not all vertical images exibit the behaviour (one slideshow with 20 images, 5 of them vertical, had 4 which shifted left, one displayed properly centered).
I have only seen this on my Phone layout, not on the Tablet or Desktop layouts. The problem shows when in Preview mode, Preview Page in Browser and on an iPhone 4s.
NOTE: After further troubleshooting I found something that seems to resolve the issue. If I move the Y coordinate of the image to 11 (slideshow content is at Y: 10) the image stops shifting to the far left and aligns properly to the center. It doesn't make sense, since other horizontal images are set at Y: 10 and even a few pixels taller but have not exibited the problem.

I noticed when I add a drop shadow to the hero image in the slide show, the hero image when viewed in browser or preview, then aligns left, when I remove the drop shadow from the hero image, then the content is properly aligned.

Macbook screen not aligned to base

Hi guys,
I purchased a new MBP from Apple's website and noticed that the screen is not aligned to the base. It do not look normal at all as the laptop itself is not fixed properly. May I know if I can get help from anywhere to fix the issue? This is bothering me every time I open or close the laptop as it is very obvious.
Thanks!

Here's 3 to start with:

Image aligned to base of div

Similar Messages

Maybe you are looking for