Welcome Guest   ·   Login   ·   Register   ·   Member List
Forum Home  >  CSS help  >  Help with CSS  >  Thread
Search  
  
  Advanced Search
   
1 of 2
1
2
Next
Align an image query
 
high1
Posted: 23 February 2010 07:08 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2010-02-23

Hello

I have a page here:

http://proofreading4students.com/index.asp

I am having some difficulty placing an image alongside the one you can see (actually I want to place either an image there or a small Flash graphic).

The code behind it is simple this:

<img src="./images/banner4.jpg" width="218" height="254" alt="banner" title="banner"> 

I have some CSS code which is as follows:

{ margin: 0; 
padding: 0; 
border: 1; 
font-weight: inherit; 
font-style: inherit; 
font-size: 100%; 
font-family: inherit; 
vertical-align: baseline;
} 

body {
    background: #fff;
    margin:1.5em 0;
    color: #797979;
    font: 75%/1.5 Verdana, Arial;
} 

p.main {text-align:justify;}

table { border-collapse: separate; border-spacing: 0;} 
caption, th, td { text-align: left; font-weight:400;} 
blockquote:before, blockquote:after, q:before, q:after { content: "";} 
blockquote, q { quotes: "" "";} 
a img { border: none; } 
a { color: #607293; text-decoration: none; } 
a:hover { color: #354158;} 
#container { width: 500px; margin: auto; padding-top: 30px; padding-bottom: 50px;} 
#container #logo { background: url(../img/logo.gif) no-repeat top left; height: 44px; padding-bottom: 5px; border-bottom: 1px solid #797979; margin-bottom: 20px;} 
#container #logo h1 { text-indent: -9999px;} 

#footer {
    width:750px;
    margin: 40px 0 0 0;
    clear:both;
    background: #000;
        color: #08088A;
        font-size: 11px;
}

.nav { float: right; margin-top: -15px;} 
h2{ font-size: 2.2em; margin: 0; border-bottom: 1px solid #797979; margin-bottom: 5px; color: #354158;} 
h3{ font-size: 1.8em; margin-top: 30px; border-bottom: 1px solid #797979; margin-bottom: 10px; color: #607293;} 
h4{ font-weight: bold;} 
.home .menuItem h3 { font-size: 1.8em; line-height: 1.0em; float: none; position: relative; display: block; border-bottom: none; margin: 0;} 
.home .menuItem p {margin-left: 0px; margin-bottom: 0px; position: relative; display: block; border-bottom: none; } 
.home .menuItem {display: block; position: relative; padding-bottom: 5px; padding-top: 5px; color: #797979; outline: none; cursor: pointer; height: 40px; border-bottom: 1px solid #797979;} 
.home .menuItem:hover { background-color: #f1f1f1;} 
.home h2 { color: #354158; margin-bottom: 0px;} 
.arrow { font-size: 4em; position: absolute; right: 0px; top: -16px; color: #b9b9b9;} 
.home .menuItem:hover .arrow { right: -4px;} 
.home h2 { background: url(../img/mootools-plugins.gif) no-repeat top left; width: 500px; height: 40px; text-indent: -9999px;} 
h3.example { background: url(../img/heading-example.gif) no-repeat top left; height: 30px; text-indent: -9999px;} 
h3.features { background: url(../img/heading-features.gif) no-repeat top left; height: 30px; text-indent: -9999px;} 
h3.compatibility { background: url(../img/heading-browser.gif) no-repeat top left; height: 30px; text-indent: -9999px;} 
ul { margin-left: 15px;} dt { float: left;} 
dd { margin-left: 150px; margin-bottom: 10px;} 
#usage p { margin: 10px 0px 5px 0px;} 

I’d be grateful for any advice, please.

Thanks.

High1

Profile
 
 
genrock
Posted: 24 April 2010 11:49 PM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  14
Joined  2010-04-22

I am going to send this to my friend and see if he can tell us how it can be fixed. He is a real guru when it comes to these type of problems. I will post back once I have an answer in the next few days.

Profile
 
 
miguel
Posted: 29 April 2010 03:33 PM   [ Ignore ]   [ # 2 ]
Sr. Member
RankRankRankRank
Total Posts:  139
Joined  2010-04-23

It’s not clear what your question is. If you looking to put two graphics side-by-side them either use a table with one row and two cells or use two divs with the attributes float: left.
____________________
sudoku - social - puppies

Profile
 
 
Peatar005
Posted: 03 June 2010 12:42 PM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  6
Joined  2010-06-03

hello,

Just in case.

Code:

myButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;

If you want to have another alignment for the image, you have to use the “imageEdgeInsets” property. You have to change this property relative to your button size and image size, though. (Note that UIImage has a “size” property). Figure out a way to do this yourself.
thanks

nissan maxima steering rack

Profile
 
 
Peatar005
Posted: 03 June 2010 12:49 PM   [ Ignore ]   [ # 4 ]
Newbie
Rank
Total Posts:  6
Joined  2010-06-03

hi,
Just in case .
Code:

myButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;

If you want to have another alignment for the image, you have to use the “imageEdgeInsets” property. You have to change this property relative to your button size and image size, though.  Figure out a way to do this yourself.

 

 

Scion xB Parts

Profile
 
 
beowulf
Posted: 25 December 2010 05:45 AM   [ Ignore ]   [ # 5 ]
Jr. Member
RankRank
Total Posts:  42
Joined  2010-12-14

Follow this series on nettus..

http://webdesign.tutsplus.com/tutorials/design-a-warm-cheerful-website-interface-in-adobe-photoshop/ 

headrest dvd player | external hard drive

Profile
 
 
Matt Crawford
Posted: 30 December 2010 11:27 PM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  3
Joined  2010-12-30

I have an amazing css guy and I should have a response on this very shortly! Give me a day or so if you still need the help.

Profile
 
 
plastik
Posted: 07 January 2011 02:37 PM   [ Ignore ]   [ # 7 ]
Jr. Member
RankRank
Total Posts:  44
Joined  2010-10-13

Possible solutions:

Profile
 
 
miguel
Posted: 18 January 2011 02:54 AM   [ Ignore ]   [ # 8 ]
Sr. Member
RankRankRankRank
Total Posts:  139
Joined  2010-04-23

You can do this with 2 divs that are side by side.
_____________________________________
Sudoku - Play Flash Games - Play Flash Games

Profile
 
 
beggar
Posted: 18 January 2011 04:17 PM   [ Ignore ]   [ # 9 ]
Newbie
Rank
Total Posts:  23
Joined  2011-01-06

UIControlContentHorizontalAlignmentLeft;

Profile
 
 
trader
Posted: 18 January 2011 06:25 PM   [ Ignore ]   [ # 10 ]
Newbie
Rank
Total Posts:  15
Joined  2011-01-17

We don’t really know some important features of what the original poster is doing

Profile
 
 
ciddiadam
Posted: 22 January 2011 02:13 PM   [ Ignore ]   [ # 11 ]
Jr. Member
RankRank
Total Posts:  39
Joined  2010-10-06

Using HTML attributes (align=absmiddle) when there is a CSS equivalent (vertical-align:middle) is discouraged.

Profile
 
 
mysteriouss1982
Posted: 01 February 2011 12:48 PM   [ Ignore ]   [ # 12 ]
Newbie
Rank
Total Posts:  12
Joined  2011-01-17

You can change the path the site uses for images in IIS.

Profile
 
 
cdrecorder
Posted: 02 February 2011 07:15 AM   [ Ignore ]   [ # 13 ]
Newbie
Rank
Total Posts:  3
Joined  2011-02-02

If you looking to put two graphics side-by-side them either use a table with one row and two cells or use two divs with the attributes float: left.  If the lower edge of the image is aligned to the lower edge of the font (vertical-align: bottom), there’s no guarantee that the font baseline as seen in the image, will align with the font baseline of the surrounding text.
______________________________________
-_____CSS drive_____-

Profile
 
 
below
Posted: 04 February 2011 01:53 PM   [ Ignore ]   [ # 14 ]
Newbie
Rank
Total Posts:  3
Joined  2011-02-04

You have to change this property relative to your button size and image size, though.  I just use

#footer {
    width:750px;
    margin: 40px 0 0 0;
    clear:both;
    background: #000;
        color: #08088A;
        font-size: 11px;
} 

______________________________________
_____Kohler Generators_____

Profile
 
 
acakacak
Posted: 04 March 2011 10:35 PM   [ Ignore ]   [ # 15 ]
Newbie
Rank
Total Posts:  2
Joined  2011-03-04

The code behind it is simple this:

<img src="./images/banner4.jpg" width="218" height="254" alt="banner" title="banner"> 

Harga Jual Blackberry iPhone Laptop Murah

Profile
 
 
   
1 of 2
1
2
Next
 
‹‹ Textarea background image problem      Can’t get footer below tabbed page ››