PDA

View Full Version : Not sure how to do this or what its called?


TheNostradamus
10-31-2007, 08:45 PM
Im really sorry if this question is Dreamweaver 101, but im not sure how to do this. on my site that im developing I want to put each of my products in a frame of sorts, please see this holiday web page for example http://www.holidayhypermarket.co.uk/

Each of the holidays are in a frame effect, but what was done to achive this??

Please help a noob..

m1a2x3x7
10-31-2007, 10:27 PM
I'm very impressed to say its done using CSS I love when sites are done this way. I'm a CSS guy and their code looks pretty clean. I didnt look at all of it but its a combination of div tags and div classes.

The site is aspx so I'm guessing all the trips are being pulled from a database.

To accomplish this you'll need to spend a lot of hours my friend. As you say you are a noob to this it wont be easy but if your willing to learn you can ask all the questions here.

Not to many people here are asp guys but a bunch including myself are php which you can accomplish the same task as they did with this language.

If you are needing this asap your best bet is to pay someone. I hope this helps

edbr
11-01-2007, 08:52 AM
if your question is how to have data in 'boxes like the site it can easily be done with divisions (layers)
I am sure like was said that this is example is database driven but you can still manually fill these boxes
to get you started..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Div1 {
position:relative;
width:200px;
height:115px;
border:#333333 solid 1px;

}
-->
</style>
</head>

<body>
<div id="Div1">
<p>whatever yu want to put<br />
here</p>
<p>d</p>
<p>&nbsp;</p>
</div>
</body>
</html>

TheNostradamus
11-01-2007, 11:33 AM
yeah just to clarify, I just want to be able to add images and text inside an image box..

domedia
11-01-2007, 12:28 PM
Did edbr's post help you out then?

TheNostradamus
11-01-2007, 03:00 PM
its not exactly what I was looking for, I was thinking of doning something in Photoshop and then importing it?

Thanks Edbr though...

domedia
11-01-2007, 03:17 PM
What are you looking for exactly? Ed's code will create the frame around your DIV.

TheNostradamus
11-01-2007, 04:57 PM
Sorry mate, I know beggers cant really be choosers but if you look closely the Holidayhypermarket site have a slight effect on the frame, appears to have a sort of drop shadow!!!

Atomico™
11-02-2007, 01:43 AM
look at the code


<div id="maincontentholder">
<div id="maincontent">
<div id="contentholder">
<div id="content">

<div id="uc_main_deals">

<div class="deal">
<div class="dropshadow"></div>
<div class="container">
<img src="http://www.holidayhypermarket.co.uk/holidays/images/left_deals/ian_1.jpg" alt="Holiday Picture" />
<h2>Summer 2008 Holidays</h2>
<div class="deallist">
its just done in css with a drop shadow image

TheNostradamus
11-02-2007, 08:55 AM
BINGO!!

Ok I suppose one needs to learn more about css :-/

Thanks

TheNostradamus
11-04-2007, 09:54 AM
Hi all

I have taken your advice and Im working through some good tutorials, I have also found a really good one on the Adobe site>>

http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004.html

Does anyone else know where I can find some totorials that would be useful??

Thanks for your help..