Skip to main content
deleted 42 characters in body
Source Link
Clive
  • 36.9k
  • 8
  • 89
  • 113

Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit:

What it looks like dammitWhat it looks like

Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit:

What it looks like dammit

Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like:

What it looks like

Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit: http://img109.imageshack.us/img109/8865/0cfc.png

What it looks like dammit

Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit: http://img109.imageshack.us/img109/8865/0cfc.png

Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit:

What it looks like dammit

Source Link

Position image properly with text

Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit: http://img109.imageshack.us/img109/8865/0cfc.png