473,765 Members | 2,035 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

How do I get an image to line right in a header?

103 New Member
Hello,
So I am experimenting with style sheets and am catching on quick. My navigation men is good and now Im working on the Header(Im sure this is done backwards). Anyway, here is my code I am having trouble with
Expand|Select|Wrap|Line Numbers
  1. #header
  2. {
  3.     float:left;
  4.     margin:0;
  5.     padding-bottom:6px;
  6.     position:relative;
  7.     background-color:White;
  8.     height:60px;}
  9. #header h1
  10. {    text-align:left;
  11.     font:normal bold 20px Georgia, serif;
  12.     height: 69px;
  13.     width: 100%;
  14.     font-size:20px;}
  15. img#header
  16. {    float:right;
  17.     width: 50px;
  18.     height:60px;
  19.     display:inline;    
  20.     }
  21.  
My problem is that I want to get the image to place right next to the Header H1 tag that says"Blah Blah Blah". The H1 tag looks good and is in the position I want, but now I want to put an image with the header ID so that it lines right next to it...Can you help with the img#header? Or any suggestions would be greatly appreciated. I've also attached a text file of css.
Attached Files
File Type: txt SourceCSS.txt (1.8 KB, 273 views)
May 30 '11 #1
2 1933
drhowarddrfine
7,435 Recognized Expert Expert
A header is 100% width by default so you don't need to specify that but that's what is blocking your image from being on the right anyway. Images, too, are online by default. One solution might be to place the image inside the H1 element.
May 30 '11 #2
Brian Connelly
103 New Member
It worked a little. I ended up just creating an image for the header and then giving the image the header tag. The image contained the logo and text. Thanks for your help.
May 30 '11 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

1
1509
by: Morten Snedker | last post by:
I have a datagrid with multiple columns. Clicking one column header makes it sort. Clicking again makes a reverse sorting. But also I want to show the correct little image in the header, depending on the column clicked. I can find out how to catch the column clicked, but how do i refer to the image and its behaviour? I have two gifs on each column header -
9
3738
by: edski | last post by:
Using a technique I found here: http://www.vertexwerks.com/tests/sidebox/ I created these "dialogue" boxes: http://www.ebph.org/test.htm In IE6, the text does not wrap correctly around the image, which is floated right. Any ideas / suggestions?
1
2031
by: Dan V. | last post by:
Does anyone know why the header looks correct in IE 6.0 and not Firefox 1.07? I am trying to have a header that looks good when you expand it wider and smaller. In other words when you shrink the window narrower than the main header image it does not wrap, and when you expand the window wider than the main banner image the corner and background image expand to the size. It has one large image about 500 pix wide, a right corner that is...
1
1129
by: tom | last post by:
Hi, I am a newbie and have a simple question? I have a aspx file and on the form I have a user control which is my header and has some images. Now for various pages I need to load different images on the header. How to replace image "A" with image "B" on the control programatically? I Use C# and Visual Studio 2005.
21
21346
by: cman | last post by:
does anyone know why i can't generate images with: header("Content-type:image/jpeg"); imagejpeg($img_number); i've tried different examples but i always get a text output as if the header doesn't make a difference at all. <?php //random_number.php $img_number = imagecreate(100,50);
3
2678
by: christiang | last post by:
Hi guys, I'd like to use Alexia thumbnail service. It's an interesting service, you pass an url to its cgi and you get a thumbnail of that url. Of course they don't have the screenshots of all the websites so I have to check if the image returned is fine or not. This is not that problematic, I can read the headers and understand if it is a jpg or a gif (the error one). The problem that I have is that sometimes although they have the...
0
1164
by: waldy | last post by:
I was able to implement sorting in a gridview. However, I would like to let users know their sort direction (i.e. arrow down -- asc, arrow up -- desc) during sorting. How do I insert an image to a gridview header to display sorting direction ? Thanks
1
8195
by: staeri | last post by:
I want to display a background image in the header of my GridView but when I do that by setting HeaderImageUrl="..." the HeaderText isn't visible. It seems to me that either I can show the HeaderText and no background image or vice versa. Is there a solution? Regards,
4
2863
by: Sandeep akhare | last post by:
Hi All i have a repeater control in that i have to coulmns i need to sorts those columns i am able to sort but according to sorting asscending or descending i need to change the image in the header How to go for it ?
1
1517
by: msg2ajay | last post by:
hello friends, I am trying to put an image in the HEADER of the page. But i am getting slight empty space(white space) around the image nearly a letter gap in left,top. Is there any way to align the image to left and top most corner of the page. my code is ... <body leftmargin="0" topmargin="0"> <table cellspacing="0" cellpadding="0" marginwidth="0" marginheight="0" border="0" width="100%" > <tr> <td width="100%"...
0
9399
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10163
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10007
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9835
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8832
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7379
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6649
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5423
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3924
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.