Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Div problem not working right why?

Reply
Thread Tools

Div problem not working right why?

 
 
Richard
Guest
Posts: n/a
 
      01-05-2004
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>


 
Reply With Quote
 
 
 
 
Chet
Guest
Posts: n/a
 
      01-06-2004

"Richard" <anonymous@127.000> wrote in message
news:(E-Mail Removed)...
| 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
--
Chet
http://www.velocityreviews.com/forums/(E-Mail Removed) (remove NO.....SPAM)


 
Reply With Quote
 
 
 
 
Richard
Guest
Posts: n/a
 
      01-06-2004
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.




 
Reply With Quote
 
Richard
Guest
Posts: n/a
 
      01-06-2004
Problem solved thank you.


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
FF 3.6 vs IE7 -- clicking on inner DIV causing outer DIV onBlur tofire in FF not in IE Tom Y Javascript 1 07-12-2011 08:36 AM
style of inner div is not overriding that of outer div Mc Lauren Series HTML 3 02-13-2010 01:36 AM
<div ... /> and <div ...></div> K Viltersten ASP .Net 4 03-31-2009 07:33 PM
NS/FF don't change div offsetWidth when div innerHTML is added toand div becomes wider mscir Javascript 3 06-26-2005 04:04 PM
Q: Div A inside Div B is larger than Div B Dwayne Madsen Javascript 1 06-01-2005 03:02 PM



Advertisments