...

View Full Version : Best way to code somethin like this?



efhx
01-13-2008, 11:51 AM
What would be the best way to code somethin like this? Its going to be the contact page and I'm goin to float 2 images to the right http://img518.imageshack.us/img518/8107/helpno7.jpg

kinda somethin like this http://www.eizo.com/contact/index.asp but was wondering if there is a better way to do it other than tables?:confused:

abduraooft
01-13-2008, 12:07 PM
<div >
<img src="" style="float:right"/>
<img src="" style="float:right"/>
..................
All the content goes here......
..........
<br style="clear:both"/>
</div>

Excavator
01-13-2008, 06:28 PM
Good morning efhx,
Not sure it's the best but...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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">
html, body {
background: #000;
}
* {
margin: 0;
padding: 0;
border: none;
}
#container {
width: 760px;
margin: 0 auto;
overflow: auto;
background: #000;
border-top: 5px solid #fff;
border-right: 20px solid #fff;
border-bottom: 5px solid #fff;
border-left: 5px solid #fff;
}
.title {
margin: 5px 0 0 0;
background: #FFCC00;
clear: both;
}
.column {
width: 300px;
float: left;
background: #000;
color: #fff;
}
.box {
float: right;
width: 400px;
height: 150px;
margin: 5px 5px 0 5px;
background: #fff;
border: 1px solid #000000;
}
</style>
</head>
<body>
<div id="container">
<div class="title"><h3>Lorem Ipsum</h3></div>
<div class="column">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<!--end .column--></div>
<div class="box"></div>
<div class="box"></div>
<div class="title"><h3>Lorem Ipsum</h3></div>
<!--end container--></div>
</body>
</html>

efhx
01-13-2008, 07:42 PM
thanks :) and is a dropdown menu in css possible that will work in all major browsers? or is it just better to do it in another language?

AoR Zeta
01-13-2008, 09:27 PM
Umm yeah it's possible to do it with CSS so that it works in all Browsers... search for Suckerfish Dropdowns.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum