Div problem not working right why?

R

Richard

Considering the problem below, why does the second division drop down below
the main division?
I want both divisions for the thumbnails on top of each other inside "big".
No matter what I try, the second division shows up below "big".
Why?
It should show up within "big" not below it. Right?


<style type="text/css">

div.big { width:900px; background:gold; }
div.show {width:150px; height:60px; background:black; float:left; }
div.title { width:6em; background:white; }

</style>


<div class="big">
<div class="show">
<thumbnail image goes here>
</div>
<div class="title">
text
</div>
</div>

<div class="show">
<thumbnail image here>
</div>
<div class="title">
text
</div>
<main image here>

</div>
 
C

Chet

| Considering the problem below, why does the second division
drop down below
| the main division?
| I want both divisions for the thumbnails on top of each other
inside "big".
| No matter what I try, the second division shows up below "big".
| Why?
| It should show up within "big" not below it. Right?
|
|
| <style type="text/css">
|
| div.big { width:900px; background:gold; }
| div.show {width:150px; height:60px; background:black;
float:left; }
| div.title { width:6em; background:white; }
|
| </style>
|
|
| <div class="big">
| <div class="show">
| <thumbnail image goes here>
| </div>
| <div class="title">
| text
| </div>
| </div>
|
| <div class="show">
| <thumbnail image here>
| </div>
| <div class="title">
| text
| </div>
| <main image here>
|
| </div>
|
try this

<head>
<style type="text/css">
div.big { width:900px; background:gold; }
div.show {width:150px; height:60px; background:black;
float:left; }
div.title { width:6em; background:white; clear: left; }
</style>
</head>

<body>

<div class="big">
<div class="show">
thumbnail image goes here
</div>
<div class="title">
text
</div>

<div class="show">
thumbnail image here
</div>
<div class="title">
text
</div>
main image here
</div>

</body>

hth
 
R

Richard

Tried your way, does not do what I want.

Picture this:
Left division, right division.
Left division will contain two sub divisions.
With that repeated "under" each one.
Or:
A table with 3 columns 5 rows.
3rd column is "rowspan=5".

http://1-large-world.com/images/z3.jpg

Screenshot of tables version.

Thumbnails to the left, text to the right of the thumbnail, and the full
image in the expanded cell.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Clickable Div Block 1
Slideshow not working properly 2
Why is the e.target not working here? 1
How to make a div select work? 5
Login form no longer working 2
CSS Grid inside slider not working... 1
Jquery not triggering / acting as expected. 0
Working on mobile css menu with plenty of frustration! 2

Members online

No members online now.
Total: 22 (members: 0, guests: 22)
Robots: 125

Forum statistics

Threads
473,776
Messages
2,569,603
Members
45,189
Latest member
CryptoTaxSoftware

Latest Threads

Top