|
|
Posted by dorayme on 12/19/07 05:44
In article <fka8nd$a37$1@news.netins.net>,
IGot2P <IGot2P@crsales.com> wrote:
> dorayme wrote:
> > In article <fka631$94g$1@news.netins.net>,
> > IGot2P <IGot2P@crsales.com> wrote:
> >
> >
> >>dorayme wrote:
> >>
> >>>In article <fk91b8$hjo$1@news.netins.net>,
> >>> IGot2P <IGot2P@crsales.com> wrote:
> >>>
> >>>
> >>>
> >>>>Ok, basically all I want to do is to put two image/links side by side
> >>>>and NOT above each other. Point your browser to
> >>>>http://www.rivervalleylodgeandcampground.com/lodge.html and you will see
> >>>>that all four bottom image/links are vertical but I want two lines of
> >>>>two. How do I do this? .....and yes I know that in IE there is an error
> >>>>because my translucent overlay is not coming to the bottom of the screen
> >>>>when an image is enlarged.
> >>>>
> >>>
> >>>
> >>>Since you know the width of the pics, you could just do inline
> >>>them in a container whose width is plenty big for two of them
> >>>side by side but not for three. They will wrap, two by two down...
> >>>
> >>>Need the markup for this?
> >>
> >>Yeah, it would be appreciated. How 'bout both the CSS and XHTML?
> >>
> >
> >
> > Take a look at:
> >
> > http://netweaver.com.au/alt/IGot2P.html
> >
> > and adapt to suit.
>
> Unfortunately netweaver.com.au times out before it ever
> connects.....will try again later.
Really? Where are you? I don't like the sound of this! Please let
me know about it when you can.
Here is the mark up I used, you can paste it into your text
editor and call it anything.html and run it over your browser
(like Safari or Firfox),
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title</title>
<style type="text/css" media="all">
..thumbnailHolder {width: 550px; margin: auto;}
..featurectr {padding: 10px; border: 0;}
</style>
</head>
<body>
<div class="thumbnailHolder">
A Peek Inside (click on images to enlarge)
<a href="images/lodge1_big.jpg" rel="lightbox"><img
class="featurectr"
src="http://www.rivervalleylodgeandcampground.com/images/lodge1_sm
all.jpg" alt="Lodge interior" height="187" width="250"></a><a
href="images/lodge2_big.jpg" rel="lightbox"><img
class="featurectr"
src="http://www.rivervalleylodgeandcampground.com/images/lodge2_sm
all.jpg" alt="Lodge interior" height="187" width="250"></a>
<a href="images/lodge3_big.jpg" rel="lightbox"><img
class="featurectr"
src="http://www.rivervalleylodgeandcampground.com/images/lodge3_sm
all.jpg" alt="Lodge interior" height="187" width="250"></a><a
href="images/lodge4_big.jpg" rel="lightbox"><img
class="featurectr"
src="http://www.rivervalleylodgeandcampground.com/images/lodge4_sm
all.jpg" alt="Lodge interior" height="187" width="250"></a>
</div>
</body>
</html>
--
dorayme
Navigation:
[Reply to this message]
|