473,809 Members | 2,849 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Aligning Text

unstoppablekatia
6 New Member
I have a website that has images on it, and underneath the images are text. My only option of aligning the images and text separate from each other, is to do <div align="right">, <center>, or <div align="left">. Neither of them help with what I want to do, and nor does <display:inline > or <float:right> , even adding them to the image links does no good.

My Question: I would like the images to be right next to each other on the page, with the text, not one below the other. Can you give me the correct code/s?
Feb 13 '09 #1
10 2217
David Laakso
397 Recognized Expert Contributor
No doubt whatsover that this is a reasonable and good question. Got a clickable link to to the page in question?
Feb 13 '09 #2
unstoppablekatia
6 New Member
I sure do.

http://giveback.bridgettesdiary.com

There is a list of charities I've listed for my readers to help out, and I need those aligned together in pairs of two.

Thanks for your help in advance! :-D
Feb 13 '09 #3
drhowarddrfine
7,435 Recognized Expert Expert
This is one way to do it. Get rid of <center> and the <br>s:
Expand|Select|Wrap|Line Numbers
  1. <p style="width:500px;margin:0 auto">
  2. <a href="http://www.marchofdimes.com/">
  3. <img style="float:left" src="http://i41.tinypic.com/28t8aia.png"/></a>
  4. Give a helping hand to infants in need.
  5. The March of Dimes is dedicated to improving
  6. the life of infants by preventing birth defects,
  7. premature delivery, and infant mortality,
  8. See what you can do today!
  9. </p>
<center> is deprecated. Don't have time to mess with this this morning.
Feb 13 '09 #4
unstoppablekatia
6 New Member
Thanks for the help, but I didn't mean the text aligned next to the photo. I meant photo and photo. I liked the text underneath. Any other ideas?
Feb 13 '09 #5
David Laakso
397 Recognized Expert Contributor
Ouch! You are unlikely to get much help for your favorite charities from your readers feeding 185 markup errors combined with frozen mousetype in a table based layout.

It is 2009, not 1999-- time to ditch tables for layout and the deprecated coding practices associated with them...

Doctype moved to strict. Garbage code deleted. Tables ditched. Markup and CSS validated. Cursory checked at +4 in compliant browsers and at text-size "largest" in IE 6 & 7.
http://www.chelseacreekstudio.com/ca/cssd/heart.htm

Good luck.
Feb 13 '09 #6
unstoppablekatia
6 New Member
Lol, thanks for the help, but do you think someone that bad at HTML would be able to make that with no in-depth instructions? *numb*
Feb 13 '09 #7
David Laakso
397 Recognized Expert Contributor
If an online example doesn't do it for you, knock yourself out and take a university course, or take an online course, or buy a book, or flail around until you find someone willing to stoop to whatever level of mediocrity you wish...
Feb 13 '09 #8
unstoppablekatia
6 New Member
I hope you don't get me wrong here, it's just that I have a very busy life, the blogging is a hobby. I'm only 14, you can't expect me to know the how-tos of modern and hip HTML/CSS and I have barely any time to learn any. I started out with a Blogger template. Hopefully I'll get to take some courses this year on the topic. Thanks for all your help!

What are some books you recommend on that form of HTML?
Feb 13 '09 #9
Dormilich
8,658 Recognized Expert Moderator Expert
@unstoppablekati a
http://www.alistapart.com/articles/alaprimer2/
http://www.alistapart.com/articles/ALAprimer/
there are some good remarks in the discussions, too

a quite comprehensive list, in my opinion
Feb 13 '09 #10

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

Similar topics

6
1652
by: Steven Bethard | last post by:
I have a string with a bunch of whitespace in it, and a series of chunks of that string whose indices I need to find. However, the chunks have been whitespace-normalized, so that multiple spaces and newlines have been converted to single spaces as if by ' '.join(chunk.split()). Some example data to clarify my problem: py> text = """\ .... aaa bb ccc .... dd eee. fff gggg .... hh i.
1
2442
by: Graham Cross | last post by:
Dear All Is there an HTML way of aligning the images on this page http://www.ageconcernleics.com/review03/chairs03.html so that they appear evenly spaced relative to the text column on the left. In a perfect world I would like the top of the first photo to be aligned with the first line of text. Thanks
2
2768
by: Dave | last post by:
Hello all, I need to know if you can vertically align Items within an ItemTemplate. For example I have two columns, one column has a stack of 6 textboxes, my second column can have 1 to n number of textboxes, but when there is only one textbox I need to be able to anchor it to the top of the column, at present it centers itself in the middle. Does anyone have any idea how to accomplish this?
1
1926
by: Linux Boy via .NET 247 | last post by:
(Type your message here) Hi everyone, I would like to ask a question about aligning text within one label. I have an application that everytime the user click on Enter Record button, they will be prompt an input box to enter employee names and sales figures. The output then will be displyed in only 1 label using a For loop. The layout would be under 3 columns: Employee name (left justified), Sale figures (right justified) and Bonus...
9
1421
by: Steven Bethard | last post by:
I've got a list of word substrings (the "tokens") which I need to align to a string of text (the "sentence"). The sentence is basically the concatenation of the token list, with spaces sometimes inserted beetween tokens. I need to determine the start and end offsets of each token in the sentence. For example:: py> tokens = py> text = '''\ .... She's gonna write .... a book?'''
6
2014
by: tomasio | last post by:
Dear NG-readers, I want to align text right to an image. The last line of text should align with the bottom edge of the image. Unfortunately, the results using my poor CSS knowledge mounted in text which starts at the bottom line of the image and continues below. For an example go here: http://tomasio.at/temp/test_valign.html I want to achieve the following look: http://tomasio.at/temp/correct.html
4
1321
by: Steven Bethard | last post by:
I have some plain text data and some SGML markup for that text that I need to align. (The SGML doesn't maintain the original whitespace, so I have to do some alignment; I can't just calculate the indices directly.) For example, some of my text looks like: TNF binding induces release of AIP1 (DAB2IP) from TNFR1, resulting in cytoplasmic translocation and concomitant formation of an intracellular signaling complex comprised of TRADD,...
0
944
by: Steven Bethard | last post by:
I'm trying to align an XML file with the original text file from which it was created. Unfortunately, the XML version of the file has added and removed some of the whitespace. For example:: ... Pacific First Financial Corp. said shareholders approved its ... acquisition. ... ''' ... <EVENT eid="e1" class="REPORTING" said </EVENTshareholders ... <EVENT eid="e2" class="OCCURRENCE" >approved</EVENTits ... <EVENT eid="e8"...
2
2456
by: agbee1 | last post by:
Hello: I've finally made the effort to ween myself from overly using tables and use CSS for my positioning. However, I am having a problem with my navigational menu properly aligning in Firefox, despite the fact that I have gotten a green light from W3. link to problem page: I didn't see a feature to attach my css code so I pasted sections of the code that dealt with layout and navigation below. Thanking you in advance,
0
9722
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9603
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
10378
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
10121
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...
1
7664
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
5690
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4333
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
2
3862
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
3015
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.