473,725 Members | 2,278 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

putting text under floating images

30 New Member
Hi under my floating images i cant get text under them why not? it goes to the side

<!--navigation menu-->
<div id = "mainnavigation ">
<a href = "home.html">Hom e</a> |<a href =
"about.html">Ab out |</a><a href="camels.ht ml">Camels |</a><a href = "extras.html">E xtras |</a>
<a href = "adoptions.html ">Adoptions |</a><a href = "credits.html"> Credits</a>
</div>

<h1>ONE HUMP OR TWO</h1>
<div id="logo">
<div class = "logo">
<center><img src = "pic.bmp" width = "140" height = "90"></center>
Protecting the ships of the deserts since 1993
</div>
<p>
special Offer - Limited time only*
<p>Adopt a camel today and help us to save camels from abuse
<p>
For just £40 a month you can adopt a camel for yourself or it could be a unusual gift for family or friends. You'll get a choice of three
fantastic gift packs:

<p>Every month you will recieve camel shaped white chocolates and for special occasions such as birthdays and christmas you will recieve
a card from your camel
</div>
<div id="content">
<div class="floating image">

<p>
<!--info on gifts and pics of gifts-->
<!--gift pack 1 references - www.centralcraf ts.com , www.yuckles.com , www.sortprice.c om , www.houseofegyp t.com-->
<!--gift pack 2 references - papilon.club.fr/novelty.htm , www.inkandblood .com , www.thejunglest ore.com -->
<!--gift pack 3 references - www.shofartalli t.com , www.yuckles.com , www.myisraeligi ft.com-->

The first gift pack includes <center><a Href = "camelgift1.htm l"><img src = "camelcup.j pg"
Width = "90" height = "90"></a></center>
A beautiful handcrafted camel cup,
a charming jewellery box
a camel trinket box decorated with
swarovski crystals
a camel shaped perfume bottle
complete with perfume from egypt
</p>
</div>
<div class="floating image">
<p>
the second gift pack includes
<center><a Href = "camelgift2.htm l"><img src = "globe.jpg"
Width = "90" height = "90"></a></center>
a delightful snowglobe
an intriguing camel puzzle
a hand painted camel bottle stopper
a camel keyring</p>
</div>
<div class="floating image">

<p>
the third gift pack includes
<center><a Href = "camelgift3.htm l"><img src = "train.jpg"
Width = "90" height = "90"></a></center>
a gorgeous train ornament
a camel fridge magnet
a stunning camel key hanger
a plush toy animal</p>
</div>
<p>

<div id = "contenttwo ">
<div class = "contenttwo ">
<p>
<p>
why wont text go to the bottom
</div>
</body></html>


//css file

body {
background-color:#000099;
color:white;
font-family: arial, helvetica, sans-serif;
}
a {
color:white;
}

h1 {
text-align:center;
}
#mainnavigation {


}

#logo{
text-align:center;
font-family: monotype corsiva;
}

#special{
color;yellow;
}

#content {

}
.floatingimage {
float: left;
width: 20%;
border: thin solid black;
padding: 10px 10px 40px 10px;
margin: 50px;
}

#contenttwo{
{

text-align:bottom;
}
Mar 3 '07 #1
1 2684
cazconv2007
30 New Member
doesnt matter sorted it
Mar 3 '07 #2

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

Similar topics

0
2332
by: styler | last post by:
I am having difficulty with the page located here: http://tinyurl.com/2zwa9 I am creating a number of image sets (some left-, some right-aligned; an example of the right-aligned is shown the first figure below) in which the text accompanying the image sets flows down around them. The image sets have a single image on top and two immediately below. To create the effect, I contain the image on top in a DIV and float it, and the bottom...
3
3151
by: Mark Carroll | last post by:
I've been wanting web pages that nicely embed images among text. The way I typically do this at the moment is to sprinkle my IMGs through the text as floats, alternating between float: left and float: right. Mostly I test with IE 6 and Firefox 1. I'm having a hard time stopping ugly empty gaps appearing in the text. If I use clear: both then, if the browser window is too wide, the text takes up less vertical space than the images, and I...
0
2076
by: Jeb Hunter | last post by:
Well, how can I describe this succinctly? I have a page with DIVs that us background images to produce a border effect. It works perfectly well, but I want to make up (for now) 3 different border/background effects. Rather than duplicate the entire chunk of CSS 3 times, I thought "Gee, I should only have to specify the 3 backgrounds (all the other placement directives would be identical). However I must not be correctly specifying the...
7
5436
by: massic80 | last post by:
Hi everybody! I'm making a page for an exam at uni. In two DIV blocks of it there should appear (and disappear) some "icons", due to XML messages, so I dunno how many of them should I can obtain; I want to show a small image, with its "icon name" under it, so I thought to use a DIV where I put a small image, a <br/and the icon name (and text-align:center as CSS). My page is fully liquid, so my DIVS may be resized, and I wanted them to be...
8
3815
by: Woodchuck | last post by:
Hi:) I've been trying to position some element's on my page and I can't come up with a way to equally position 4 DIV's in another DIV without explicitly setting the width of the "child" DIV's. Here's what the code look's like: <div id="Heading"> <a id="WP">WERSJA POLSKA</a> <div id="Buttons"> <div id="Home" class="ButtPart"><img src="Images/Buttons/blank_button.gif" alt="" class="InButtPart" />
8
3538
by: DarkSaturn | last post by:
Is there a method of using the CSS float command on images to contain itself within a single paragraph? The problem I'm running into is trying to use float images on a listing page, I have an image (say 100 pixels high) that is set to float left, the text that I'm floating around it is only 2 lines high (leaving room for additional text below). Because there is room for additional text floating right of the image my next paragraph text...
17
2087
by: NYXX | last post by:
I wanna know how its possible to clone this website. www.writesomething.net I just want the actual programming code and files. I'm going to ceate a fully interactive website for users to input text and it appears directly on to the page without refreshing. I can't seem to find the txt file. <html> <head> <title>WriteSomething v2</title>
1
4218
by: littlealex | last post by:
IE6 not displaying text correctly - IE 7 & Firefox 3 are fine! Need some help with this as fairly new to CSS! In IE6 the text for the following page doesn't display properly - rather than being aligned to the top, along with the slideshow and link buttons, you have to scroll down to see the text - how can I make IE6 display correctly? http://geekarama.co.uk/new_home.html here is the code for new_home.html and following that the CSS...
2
4230
by: benwah1983 | last post by:
Greetings, Here is my problem: The following code shows a div with two small nested divs (images with a title), then the div is closed. Another one opens and a "random text" is displayed. <div style="width: 500px;"> <div style="float: left; padding: 20px;"> Image Title 1<br/> <img src="test.jpg"/> </div> <div style="float: left; padding: 20px;">
0
8889
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
8752
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
9401
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
9257
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...
1
9179
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8099
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
3228
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
2637
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2157
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.