CSS form help

This is a discussion on "CSS form help" within the Web Page Design section. This forum, and the thread "CSS form help are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design
Reload this Page CSS form help

Notices
Please Register!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Aug 22nd, 2007, 09:39
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 171
Thanks: 0
Thanked 1 Time in 1 Post
Send a message via MSN to RZX Developer
CSS form help
Dear All,
I am currently working on my first css form but have come into a difficulty, I have been able to set the form up fine, it validates and works perfect but I want all the select boxes to appear in a line like this URL:

http://www.fly-me2.co.uk/

Here is my site:
http://www.cheep-flights.com/flights.asp

CSS:
http://www.cheep-flights.com/style.css

Wayne
Reply With Quote

  #2 (permalink)  
Old Aug 22nd, 2007, 12:12
welshstew's Avatar
Lead Administrator

SuperMember
Join Date: May 2007
Location: inside the outside
Posts: 1,325
Blog Entries: 12
Thanks: 1
Thanked 4 Times in 4 Posts
Re: CSS form help
try the following, although it probably needs some cleaning up (I had to dump the css into the page to make it easier for me to play with, and you really should put the 'option titles' into a class)

Code: Select all
<!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" xml:lang="en" lang="en"> 
    <head>
        <title>Cheap Flights to Alicante | Arrecife | Tenerife | Dalaman | Faro | Fuerteventura | Las Palmas | Mahon | Malaga | Paphos</title>        

        <meta name="AUTHOR" content="Airflights Direct Ltd" />
        <meta name="COPYRIGHT" content="Copyright (c) 1995-2005 Airflights Direct Ltd" />
        <meta name="REVISIT-AFTER" content="1 Day" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--        <meta http-equiv="pragma" content="no-cache" />-->
        <meta http-equiv="expires" content="-1" />

        <meta name="MSSmartTagsPreventParsing" content="true" />
        <meta name="Rating" content="General" />
        <meta name="DISTRIBUTION" content="Global" />
        <meta name="keywords" content="cheap, flights, holidays, discounted, flights, fly, nights, accommodation, insurance, flight, airflights, tenerife, alicante, las palmas, paphos, spain, canaries, arrecife" />
        <meta name="DESCRIPTION" content="Cheap flights to Alicante, Arrecife, Tenerife, Dalaman, Faro, Fuerteventura, Las Palmas, Mahon, Malaga, Paphos &amp; Discounted Holidays from the UK. Cheep-Flights is a recognised brand name of Airflights" />
        <meta name="abstract" content="Cheep-Flights brings you cheap flights and holidays from all major operators to suit you alone. Fly to many popular or discounted destinations. Making the booking as enjoyable as the holiday!" />
        <meta name="ROBOTS" content="ALL" />
        <meta name="GOOGLEBOT" content="ALL" />

        <meta name="verify-v1" content="1kHsmePZxnL7bRmih8tuo84GOm4uWTA6fOtiXgg7p6A=" />


    <style type="text/css">
    body{    
    text-align: center;
    font-family: verdana, arial, tahoma, helvetica;
    font-size: 10px;
    margin: 20px auto;
    padding: 0px;
}

#bodymain{    
    margin:0px auto;
    width: 870px;
    background-color: white;
    padding: 0 px;
}

#leftcol
{
    float: left;
    width: 30px;
    background:#ffffff;
    margin:0px;
    padding: 0px;
}

#middlecol
{
    float: left;
    width: 800px;
    background:#ffffff;
    text-align: center;
    border-top: 1px solid #0096ff;
    border-bottom: 1px solid #0096ff;
    border-left: 1px solid #0096ff;
    border-right: 1px solid #0096ff;
    margin:0px;
    padding: 0px;
}

#rightcol
{
    float:left;
    width: 30px;
    background:#ffffff;
    position:relative;
    margin:0px;
    padding: 0px;
}

.floatRight {
    float: right;
}

.floatleft {
    float: left;
}

#flights
{
    text-align: left;
    width: 800px;
    height: 380px;
    background:#ffffff;
    position:relative;
    background: transparent url('/media/view3.jpg') repeat-x top left;
    margin:0px;
    padding: 0px;
}

.box { 
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 100px; 
    width: 140px; 
    padding: 5px; 
    float:left;
    
}
.box1 { 
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 5px; 
    width: 200px; 
    padding: 5px; 
    align:left;
    float:left;
}


.inputbox { 
    float:left;
    position:inherit;
    
        
        
}

.form { 
    border: 0px solid white; 
    padding: 5px; 
}

select { 
    background-color: white; 
    color: #000000; 
    float: right;
    display: inline;
}

hr {
    border: 0;
    width: 10%;
    background-color: #ffffff;
    color: #ffffff;
    clear: both;
}

h1{
    text-align: right;
    font-size: 22px;
    color: #4cb5ff;
    background: transparent url('/media/cheap flights header.jpg') repeat-x top left;
    height: 132px;
    padding: 0px
}

h2 {
    text-align: center;
    font-family: verdana, arial, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    height: 30px;
    background: transparent url('/media/cheap flights title.jpg') repeat-x top left;
    padding: 7px 0px 0px 0px;
}

p {
    text-align: left;
    margin: 10px 5px 10px 5px;
}

.destinations{
    text-align: center;
    font-size: 9px;
    width: 790px;
    color: #0096ff;
    padding: 2px;
}

.destinations a:link, .destinations a:active, .destinations a:visited{
    text-align: center;
    font-size: 9px;
    color: #0096ff;
}

.destinations a:hover{
    text-align: center;
    font-size: 9px;
    color: #000000;
}

.desttable{
    margin: 0 auto;
    width: 630px;
    position: relative;
    display: block;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
}

.desttable ul{
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

.desttable ul li{
    width: 110px;
    display: block;
    float: left; 
    border: 1px solid #000000;
    padding: 2px 5px 2px 5px;
}

.desttable ul li a{
    display: block;
    float: left;
    color: #0096ff;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

.desttable ul li a:hover{
    text-decoration: underline;
    color: #000000;
}

.footer{
    text-align:left;
    font-size: 10px;
    width: 600px;
    float: left;
    color: #000000;
    padding: 10px;
}

.footerdestinations{
    text-align: center;
    font-size: 10px;
    width: 794px;
    color: #0096ff;
    padding: 3px;
    border-bottom: 1px solid #bebfc0;
    border-top: 1px solid #bebfc0;
}

.footerdestinations a:link, .footerdestinations a:active, .footerdestinations a:visited{
    text-align: center;
    font-size: 10px;
    color: #0096ff;
    padding: 3px;
}

.footerdestinations a:hover{
    text-align: center;
    font-size: 10px;
    color: #000000;
    padding: 3px;
}

.media{
    text-align: center;
    width: 160px;
    float: left;
    color: #000000;
    padding: 10px;
}

.validation{
    text-align: center;
    font-size: 10px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #0096ff;
}

.xhtml{
    text-align: left;
    font-size: 10px;
    width: 400px;
    float: left;
    color: #0096ff;
    padding: 10px;
}

.css{
    text-align: right;
    font-size: 10px;
    width: 360px;
    float: left;
    color: #0096ff;
    padding: 10px;
}

a img { 
    text-decoration : none;
    border : 0;
} 

a:link { 
    color : #0096ff;
    text-decoration : none;
} 

a:visited { 
    color : #0096ff;
    text-decoration : none;
} 

a:hover { 
    color : #000000;
    text-decoration : underline;
} 

    
    </style>

</head>

<body>

<div id="bodymain">

<div id="leftcol">
<br /><br /><br /><br /><br /><br /><br />
<a href="/terms.asp"><img src="/media/buttons/terms.jpg" alt="Terms and Conditions" title="Terms and Conditions" /></a><br />

<a href="/privacy.asp"><img src="/media/buttons/privacy.jpg" alt="Privacy Policy" title="Privacy Policy" /></a><br />
<a href="/faq.asp"><img src="/media/buttons/faq.jpg" alt="FAQ's" title="FAQ's" /></a><br />
<a href="/sitemap.asp"><img src="/media/buttons/sitemap.jpg" alt="Sitemap" title="Sitemap" /></a><br />
<a href="/contact.asp"><img src="/media/buttons/contactus.jpg" alt="Contact Us" title="Contact Us" /></a>
</div>

<div id="middlecol">

<div class="destinations">
<span style="font-weight: bold; color: #000000">Cheap flights to:</span> <a href="/Cheap-Flights/Spain/Alicante.asp" title="Cheap Flights to Alicante">ALICANTE</a> | <a href="/Cheap-Flights/Spain/Canaries/Lanzarote/Arrecife.asp" title="Cheap Flights to Arrecife">ARRECIFE</a> | <a href="/Cheap-Flights/Spain/Canaries/Tenerife.asp" title="Cheap Flights to Tenerife">TENERIFE</a> | <a href="/Cheap-Flights/Turkey/Dalaman.asp" title="Cheap Flights to Dalaman">DALAMAN</a> | <a href="/Cheap-Flights/Portugal/Faro.asp" title="Cheap Flights to Faro">FARO</a> | <a href="/Cheap-Flights/Spain/Canaries/Fuerteventura.asp" title="Cheap Flights to Fuerteventura">FUERTEVENTURA</a> | <a href="/Cheap-Flights/Spain/Canaries/Las-Palmas.asp" title="Cheap Flights to Las Palmas">LAS PALMAS</a> | <a href="/Cheap-Flights/Spain/Balearics/Mahon.asp" title="Cheap Flights to Mahon">MAHON</a> | <a href="/Cheap-Flights/Spain/Malaga.asp" title="Cheap Flights to Malaga">MALAGA</a> | <a href="/Cheap-Flights/Cyprus/Paphos.asp" title="Cheap Flights to Paphos">PAPHOS</a>

</div>

<h1>

<br />The Cheap Flights &amp; &nbsp;
<br />Discounted Holiday Specialist&nbsp;&nbsp;

</h1>

<!-- SPACER START HERE -->
<div class="spacer">
&nbsp;
</div>
<!-- SPACER FINISH HERE -->


<!-- CONTENT HERE START -->

<h2>Charter Flights Information</h2>

<p>Charter flights are organised by tour operators to popular holiday destinations and until recently were typically of 7 and 14 night duration, however short durations are now also very popular. One way flights are generally available closer to the date of departure. The price of a charter flight is based on demand and availability so for instance a flight to Tenerife would cost more during a school or national holiday then at other times of the year. Prices can fluctuate very quickly!</p>

<p>We have an extensive database of flights departing from Birmingham airport to supply you with some of the best value, low-cost flights available.</p>

<p>We're full ABTA members and our 24 hour online booking facility and helpful staff provide a friendly service. Agents For ATOL Holders | Airholidays:6300 | Thomson:2524 | First Choice:230 | JMC:1368 | Club Travel:2067 | Unijet:1124 | And More. </p>

<div id="flights">

<div class="box">


<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline; padding-bottom:10px;">Departure Date:</span> 




<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline; padding-bottom:10px;">Duration:</span> 


<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline; padding-bottom:10px;">Depart from:</span>


<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline; padding-bottom:10px;">Duration Flexible:</span> 


<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline; padding-bottom:10px;">Destination:</span> 


<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline; padding-bottom:10px;">Adults:</span>  


<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline; padding-bottom:10px;">Children:</span> 


<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline; padding-bottom:10px;">Infants:</span> 


<hr />

</div>
<div class="box1">

<form name="search_form" action="http://www.afdl.net/results.aspx?" target="_blank" method="post">

<input type="hidden" name="src" value="afd" />
<input type="hidden" name="keyword" value="" />

<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline;">&nbsp;</span> 

<select name="date" class='inputbox'>
<option selected='selected' value='2007-04'>April 2007</option><option value='2007-05'>May 2007</option><option value='2007-06'>June 2007</option><option value='2007-07'>July 2007</option><option value='2007-08'>August 2007</option><option value='2007-09'>September 2007</option><option value='2007-10'>October 2007</option><option value='2007-11'>November 2007</option><option value='2007-12'>December 2007</option><option value='2008-01'>January 2008</option><option value='2008-02'>February 2008</option><option value='2008-03'>March 2008</option><option value='2008-04'>April 2008</option><option value='2008-05'>May 2008</option><option value='2008-06'>June 2008</option><option value='2008-07'>July 2008</option>

</select>

<select name="day" class='inputbox' style="margin-left: 5px;">
<option value='01'>01</option><option value='02'>02</option><option value='03'>03</option><option value='04'>04</option><option value='05'>05</option><option value='06'>06</option><option value='07'>07</option><option value='08'>08</option><option value='09'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option selected='selected' value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option> 

</select>

<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline;">&nbsp;</span> 
<select name="dur" class="inputbox">
<option value='ANY'>Any Duration</option><option value='0'>One Way</option><option value='1'>1 Night(s)</option><option value='2'>2 Night(s)</option><option value='3'>3 Night(s)</option><option value='4'>4 Night(s)</option><option value='5'>5 Night(s)</option><option value='6'>6 Night(s)</option><option value='7'>7 Night(s)</option><option value='8'>8 Night(s)</option><option value='9'>9 Night(s)</option><option value='10'>10 Night(s)</option><option value='11'>11 Night(s)</option><option value='12'>12 Night(s)</option><option value='13'>13 Night(s)</option><option value='14'>14 Night(s)</option><option value='15'>15 Night(s)</option><option value='16'>16 Night(s)</option><option value='17'>17 Night(s)</option><option value='18'>18 Night(s)</option><option value='19'>19 Night(s)</option><option value='20'>20 Night(s)</option><option value='21'>21 Night(s)</option><option value='22'>22 Night(s)</option><option value='23'>23 Night(s)</option><option value='24'>24 Night(s)</option><option value='25'>25 Night(s)</option><option value='26'>26 Night(s)</option><option value='27'>27 Night(s)</option><option value='28'>28 Night(s)</option> 

</select>

<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline;">&nbsp;</span>
<select name="depart" class="inputbox">
<option value='XXX-ANY'>Any UK Departure Point</option>
<option value='ABZ-ABERDEEN'>ABERDEEN</option><option value='BHD-BELFAST_CITY'>BELFAST CITY</option><option value='BFS-BELFAST_INTL'>BELFAST INTL</option><option value='BHX-BIRMINGHAM'>BIRMINGHAM</option><option value='BLK-BLACKPOOL'>BLACKPOOL</option><option value='BOH-BOURNEMOUTH'>BOURNEMOUTH</option><option value='BRS-BRISTOL'>BRISTOL</option><option value='CBG-CAMBRIDGE'>CAMBRIDGE</option><option value='CWL-CARDIFF'>CARDIFF</option><option value='ORK-CORK'>CORK</option><option value='CVT-COVENTRY'>COVENTRY</option><option value='DSA-DONCASTER'>DONCASTER</option><option value='DUB-DUBLIN'>DUBLIN</option><option value='EMA-EAST_MIDLANDS'>EAST MIDLANDS</option><option value='EDI-EDINBURGH'>EDINBURGH</option><option value='EXT-EXETER'>EXETER</option><option value='LGW-GATWICK'>GATWICK</option><option value='GLA-GLASGOW'>GLASGOW</option><option value='LHR-HEATHROW'>HEATHROW</option><option value='HUY-HUMBERSIDE'>HUMBERSIDE</option><option value='INV-INVERNESS'>INVERNESS</option><option value='JER-JERSEY'>JERSEY</option><option value='MSE-KENT_INTERNATIONAL'>KENT INTERNATIONAL</option><option value='NOC-KNOCK'>KNOCK</option><option value='LBA-LEEDS/BRADFORD'>LEEDS/BRADFORD</option><option value='LPL-LIVERPOOL'>LIVERPOOL</option><option value='LCY-LONDON_CITY'>LONDON CITY</option><option value='LDY-LONDONDERRY'>LONDONDERRY</option><option value='LTN-LUTON'>LUTON</option><option value='MAN-MANCHESTER'>MANCHESTER</option><option value='NCL-NEWCASTLE'>NEWCASTLE</option><option value='NQY-NEWQUAY'>NEWQUAY</option><option value='NWI-NORWICH'>NORWICH</option><option value='PIK-PRESTWICK'>PRESTWICK</option><option value='SNN-SHANNON'>SHANNON</option><option value='SOU-SOUTHAMPTON'>SOUTHAMPTON</option><option value='SEN-SOUTHEND'>SOUTHEND</option><option value='STN-STANSTED'>STANSTED</option><option value='SYY-STORNAWAY'>STORNAWAY</option><option value='MME-TEESIDE'>TEESIDE</option>

<option value='XXX-ANY'>Any UK Departure Point</option>
</select>

<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline;">&nbsp;</span> 
<select name="flex" class="inputbox">
<option value='0'>NO</option><option value='0'>+/- 0 Night(s)</option><option value='1'>+/- 1 Night(s)</option><option value='2'>+/- 2 Night(s)</option><option value='3'>+/- 3 Night(s)</option> 
</select>

<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline;">&nbsp;</span> 
<select name="destin" class='inputbox'>
<option value='XXX-ANY'>Any Destination</option><option value='AGA-AGADIR_-_MOROCCO'>AGADIR - MOROCCO</option><option value='AJA-AJACCIO_-__CORSICA'>AJACCIO -  CORSICA</option><option value='ALC-ALICANTE_-_SPAIN'>ALICANTE - SPAIN</option><option value='LEI-ALMERIA_-_SPAIN'>ALMERIA - SPAIN</option><option value='AYT-ANTALYA_TURKEY'>ANTALYA TURKEY</option><option value='ANU-ANTIGUA'>ANTIGUA</option><option value='ACE-ARRECIFE_-_LANZAROTE'>ARRECIFE - LANZAROTE</option><option value='ATH-ATHENS_-_GREECE'>ATHENS - GREECE</option><option value='BJL-BANJUL_-_THE_GAMBIA'>BANJUL - THE GAMBIA</option><option value='BGI-BARBADOS'>BARBADOS</option><option value='BCN-BARCELONA_-_SPAIN'>BARCELONA - SPAIN</option><option value='BIA-BASTIA__-_FRANCE'>BASTIA  - FRANCE</option><option value='BGY-BERGAMO_-ITALY'>BERGAMO -ITALY</option><option value='BJV-BODRUM_-_TURKEY'>BODRUM - TURKEY</option><option value='BLQ-BOLOGNA_-_ITALY'>BOLOGNA - ITALY</option><option value='BOD-BORDEAUX_-_FRANCE'>BORDEAUX - FRANCE</option><option value='BOJ-BOURGAS_-_BULGARIA'>BOURGAS - BULGARIA</option><option value='BDS-BRINDISI_-_ITALY'>BRINDISI - ITALY</option><option value='YYC-CALGARY_-_CANADA'>CALGARY - CANADA</option><option value='LPA-CANARIES_-__GRAN_CANARIA'>CANARIES -  GRAN CANARIA</option><option value='FUE-CANARIES_-_FUERTEVENTURA'>CANARIES - FUERTEVENTURA</option><option value='ACE-CANARIES_-_LANZAROTE'>CANARIES - LANZAROTE</option><option value='TFS-CANARIES_-_TENERIFE'>CANARIES - TENERIFE</option><option value='CUN-CANCUN_-_MEXICO'>CANCUN - MEXICO</option><option value='CPT-CAPE_TOWN_-_STH_AFRICA'>CAPE TOWN - STH AFRICA</option><option value='SID-CAPE_VERDE_-SAL'>CAPE VERDE -SAL</option><option value='CAS-CASABLANCA'>CASABLANCA</option><option value='CTA-CATANIA'>CATANIA</option><option value='CCC-CAYO_COCO_-_CUBA'>CAYO COCO - CUBA</option><option value='CMF-CHAMBERY'>CHAMBERY</option><option value='CGN-COLOGNE'>COLOGNE</option><option value='CMB-COLOMBO'>COLOMBO</option><option value='CPH-COPENHAGEN'>COPENHAGEN</option><option value='CFU-CORFU'>CORFU</option><option value='ORK-CORK'>CORK</option><option value='CHQ-CRETE_-_CHANIA'>CRETE - CHANIA</option><option value='HER-CRETE_-_HERAKLION'>CRETE - HERAKLION</option><option value='LCA-CYPRUS_-_LARNACA'>CYPRUS - LARNACA</option><option value='PFO-CYPRUS_-_PAPHOS'>CYPRUS - PAPHOS</option><option value='ECN-CYPRUS_NORTH_-_ERCAN'>CYPRUS NORTH - ERCAN</option><option value='DLM-DALAMAN'>DALAMAN</option><option value='YDF-DEER_LAKE_-_NF'>DEER LAKE - NF</option><option value='DEN-DENVER'>DENVER</option><option value='DJE-DJERBA'>DJERBA</option><option value='DUB-DUBLIN'>DUBLIN</option><option value='DBV-DUBROVNIK'>DUBROVNIK</option><option value='DUS-DUSSELDORF'>DUSSELDORF</option><option value='YEG-EDMONTON'>EDMONTON</option><option value='ETH-EILAT'>EILAT</option><option value='ECN-ERCAN_-NORTH_CYPRUS'>ERCAN -NORTH CYPRUS</option><option value='FAO-FARO'>FARO</option><option value='FEZ-FEZ'>FEZ</option><option value='FSC-FIGARI_FRANCE'>FIGARI FRANCE</option><option value='SFB-FLORIDA_-_SANFORD'>FLORIDA - SANFORD</option><option value='FRA-FRANKFURT'>FRANKFURT</option><option value='FUE-FUERTEVENTURA'>FUERTEVENTURA</option><option value='FNC-FUNCHAL_-_MADEIRA'>FUNCHAL - MADEIRA</option><option value='DLD-GEILO'>GEILO</option><option value='GVA-GENEVA'>GENEVA</option><option value='GOA-GENOA'>GENOA</option><option value='GRO-GERONA'>GERONA</option><option value='GIB-GIBRALTAR'>GIBRALTAR</option><option value='GOI-GOA'>GOA</option><option value='SKB-GOLDEN_ROCK'>GOLDEN ROCK</option><option value='GOT-GOTHENBURG'>GOTHENBURG</option><option value='LPA-GRAN_CANARIA_-_LAS_PALMAS'>GRAN CANARIA - LAS PALMAS</option><option value='GND-GRENEDA'>GRENEDA</option><option value='GNB-GRENOBLE'>GRENOBLE</option><option value='YHZ-HALIFAX'>HALIFAX</option><option value='HAJ-HANOVER'>HANOVER</option><option value='HEL-HELSINKI'>HELSINKI</option><option value='HER-HERAKLION'>HERAKLION</option><option value='HOG-HOLGUIN'>HOLGUIN</option><option value='HKG-HONG_KONG'>HONG KONG</option><option value='HUX-HUATULCO_-_MEXICO'>HUATULCO - MEXICO</option><option value='HRG-HURGHADA'>HURGHADA</option><option value='IBZ-IBIZA'>IBIZA</option><option value='KEF-ICELAND_-_REYKJAVIK'>ICELAND - REYKJAVIK</option><option value='INN-INNSBRUCK'>INNSBRUCK</option><option value='IST-ISTANBUL'>ISTANBUL</option><option value='ADB-IZMIR'>IZMIR</option><option value='XRY-JEREZ'>JEREZ</option><option value='XRY-JEREZ_-SPAIN'>JEREZ -SPAIN</option><option value='JER-JERSEY'>JERSEY</option><option value='KLX-KALAMATA'>KALAMATA</option><option value='KVA-KAVALA'>KAVALA</option><option value='EFL-KEFALONIA'>KEFALONIA</option><option value='KGS-KOS'>KOS</option><option value='KRK-KRAKOW'>KRAKOW</option><option value='SUF-LAMEZIA'>LAMEZIA</option><option value='ACE-LANZAROTE_-_ARRECIFE'>LANZAROTE - ARRECIFE</option><option value='LCA-LARNACA'>LARNACA</option><option value='LPA-LAS_PALMAS_-GRAN_CANARIA'>LAS PALMAS -GRAN CANARIA</option><option value='LXS-LEMNOS'>LEMNOS</option><option value='LIS-LISBON'>LISBON</option><option value='LDY-LONDONDERRY'>LONDONDERRY</option><option value='LAX-LOS_ANGELES'>LOS ANGELES</option><option value='LDE-LOURDES'>LOURDES</option><option value='LUX-LUXEMBOURG'>LUXEMBOURG</option><option value='LXR-LUXOR'>LUXOR</option><option value='LYS-LYONS'>LYONS</option><option value='FNC-MADEIRA_-_FUNCHAL'>MADEIRA - FUNCHAL</option><option value='MAD-MADRID'>MADRID</option><option value='MAH-MAHON'>MAHON</option><option value='AGP-MALAGA'>MALAGA</option><option value='MLE-MALE'>MALE</option><option value='MLA-MALTA'>MALTA</option><option value='RAK-MARRAKECH'>MARRAKECH</option><option value='RMF-MARSA__ALAM'>MARSA  ALAM</option><option value='MRS-MARSEILLES'>MARSEILLES</option><option value='MIA-MIAMI'>MIAMI</option><option value='MXP-MILAN'>MILAN</option><option value='MBA-MOMBASA'>MOMBASA</option><option value='MIR-MONASTIR'>MONASTIR</option><option value='MBJ-MONTEGO_BAY'>MONTEGO BAY</option><option value='MPL-MONTPELLIER'>MONTPELLIER</option><option value='AGA-MOROCCO_-_AGADIR'>MOROCCO - AGADIR</option><option value='MUC-MUNICH'>MUNICH</option><option value='MJV-MURCIA'>MURCIA</option><option value='MJT-MYTILENE'>MYTILENE</option><option value='NTE-NANTES'>NANTES</option><option value='NAP-NAPLES'>NAPLES</option><option value='NAS-NASSAU'>NASSAU</option><option value='JFK-NEW_YORK'>NEW YORK</option><option value='NCE-NICE'>NICE</option><option value='ORF-NORFOLK-VIRGINIA_USA'>NORFOLK-VIRGINIA USA</option><option value='ECN-NORTH_CYPRUS_-_ERCAN'>NORTH CYPRUS - ERCAN</option><option value='OLB-OLBIA'>OLBIA</option><option value='SFB-ORLANDO_-_SANFORD'>ORLANDO - SANFORD</option><option value='OSD-OSTERSUND'>OSTERSUND</option><option value='OTP-OTOPENI'>OTOPENI</option><option value='YOW-OTTAWA'>OTTAWA</option><option value='VDA-OVDA'>OVDA</option><option value='PMO-PALERMO'>PALERMO</option><option value='PMI-PALMA'>PALMA</option><option value='PFO-PAPHOS'>PAPHOS</option><option value='CDG-PARIS'>PARIS</option><option value='HKT-PHUKET'>PHUKET</option><option value='PSA-PISA'>PISA</option><option value='PDV-PLOVDIV'>PLOVDIV</option><option value='PMV-PORLAMAR'>PORLAMAR</option><option value='PRG-PRAGUE'>PRAGUE</option><option value='PVK-PREVEZA'>PREVEZA</option><option value='POP-PUERTO_PLATA'>PUERTO PLATA</option><option value='PVR-PUERTO_VALLARTA'>PUERTO VALLARTA</option><option value='PUY-PULA'>PULA</option><option value='PUJ-PUNTA_CANA'>PUNTA CANA</option><option value='REU-REUS'>REUS</option><option value='KEF-REYKJAVIK_-_ICELAND'>REYKJAVIK - ICELAND</option><option value='RHO-RHODES'>RHODES</option><option value='RMI-RIMINI'>RIMINI</option><option value='FCO-ROME'>ROME</option><option value='YYT-SAINT_JOHN_-_CANADA'>SAINT JOHN - CANADA</option><option value='SID-SAL_-_CAPE_VERDE'>SAL - CAPE VERDE</option><option value='SKG-SALONICA'>SALONICA</option><option value='SSA-SALVADORE_-_BRAZIL'>SALVADORE - BRAZIL</option><option value='SZG-SALZBURG'>SALZBURG</option><option value='SMI-SAMOS'>SAMOS</option><option value='SFO-SAN_FRANCISCO'>SAN FRANCISCO</option><option value='SFB-SANFORD_-_ORLANDO'>SANFORD - ORLANDO</option><option value='SDQ-SANTO_DOMINGO'>SANTO DOMINGO</option><option value='JTR-SANTORINI'>SANTORINI</option><option value='SVQ-SEVILLE'>SEVILLE</option><option value='SSH-SHARM_EL_SHEIKH'>SHARM EL SHEIKH</option><option value='JSI-SKIATHOS'>SKIATHOS</option><option value='SOF-SOFIA'>SOFIA</option><option value='SPU-SPLIT'>SPLIT</option><option value='SKB-ST_KITTS'>ST KITTS</option><option value='UVF-ST.LUCIA_-HEWANORRA'>ST.LUCIA -HEWANORRA</option><option value='SYD-SYDNEY'>SYDNEY</option><option value='TCP-TABA'>TABA</option><option value='TLV-TEL_AVIV'>TEL AVIV</option><option value='TFN-TENERIFE_-_NORTH'>TENERIFE - NORTH</option><option value='TFS-TENERIFE_-SOUTH'>TENERIFE -SOUTH</option><option value='TAB-TOBAGO'>TOBAGO</option><option value='YYZ-TORONTO'>TORONTO</option><option value='TLS-TOULOUSE'>TOULOUSE</option><option value='TSF-TREVISCO'>TREVISCO</option><option value='TRV-TRIVANDRUM'>TRIVANDRUM</option><option value='TUN-TUNIS'>TUNIS</option><option value='TRN-TURIN'>TURIN</option><option value='YVR-VANCOUVER'>VANCOUVER</option><option value='VRA-VARADERO_-_CUBA'>VARADERO - CUBA</option><option value='VAR-VARNA'>VARNA</option><option value='VCE-VENICE'>VENICE</option><option value='VRN-VERONA'>VERONA</option><option value='VIE-VIENNA'>VIENNA</option><option value='VOL-VOLOS'>VOLOS</option><option value='YEG-WINNIPEG'>WINNIPEG</option><option value='ZTH-ZANTE'>ZANTE</option><option value='ZRH-ZURICH'>ZURICH</option><option value='XXX-ANY'>Any Destination</option>

</select>

<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline;">&nbsp;</span>  
<select name="adults" class="inputbox">
<option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option>

</select>

<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline;">&nbsp;</span> 
<select name="childs" class="inputbox">
<option value='0'>00</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option>

</select>

<hr />

<span style="font-size: 12px; font-weight: bold; float: left; display: inline;">&nbsp;</span> 
<select name="infants" class="inputbox">
<option value='0'>00</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option>
</select>

<hr />

<input type='image' src='/media/search.jpg' value='&nbsp;&nbsp;SEARCH&nbsp;&nbsp;' class='button' onclick="swapDisplay()" />

</form>
</div>
</div>


<!-- CONTENT HERE FINISH -->


<!-- SPACER START HERE -->
<div class="spacer">
&nbsp;
</div>
<!-- SPACER FINISH HERE --> 

<!-- Cheap Flights To: Start Here -->
<div class="footerdestinations">

<a href="/Cheap-Flights/Spain/Alicante.asp" title="Cheap Flights to Alicante">Cheap Flights to Alicante</a> &rsaquo; 
<a href="/Cheap-Flights/Spain/Canaries/Lanzarote/Arrecife.asp" title="Cheap Flights to Arrecfie">Cheap Flights to Arrecife</a> &rsaquo; 
<a href="/Cheap-Flights/Turkey/Dalaman.asp" title="Cheap Flights to Dalaman">Cheap Flights to Dalaman</a> &rsaquo; 
<a href="/Cheap-Flights/Portugal/Faro.asp" title="Cheap Flights to Faro">Cheap Flights to Faro</a> &rsaquo; 
<a href="/Cheap-Flights/Spain/Canaries/Fuerteventura.asp" title="Cheap Flights to Fuerteventura">Cheap Flights to Fuerteventura</a>
<a href="/Cheap-Flights/Spain/Canaries/Las-Palmas.asp" title="Cheap Flights to Las Palmas">Cheap Flights to Las Palmas</a> &rsaquo; 

<a href="/Cheap-Flights/Spain/Balearics/Mahon.asp" title="Cheap Flights to Mahon">Cheap Flights to Mahon</a> &rsaquo; 
<a href="/Cheap-Flights/Spain/Malaga.asp" title="Cheap Flights to Malaga">Cheap Flights to Malaga</a>  &rsaquo;
<a href="/Cheap-Flights/Cyprus/Paphos.asp" title="Cheap Flights to Paphos">Cheap Flights to Paphos</a>  &rsaquo;
<a href="/Cheap-Flights/Spain/Canaries/Tenerife.asp" title="Cheap Flights to Tenerife">Cheap Flights to Tenerife</a>
</div>
<!-- Cheap Flights To: Finish Here -->

<div class="footer">
Cheep-Flights.com - The discounted flights and cheap holidays specialist.
<br />Cheep-Flights.com is a trading name for <a href="http://www.airflights.co.uk/" target="_blank">Airflights Direct Ltd</a>.

<br />Company Registration No. 3061880
<br /><a href="mailto:admin@airflights.co.uk">admin@airflights.co.uk</a> or phone 0800 083 7007
</div>

<div class="media">
<a href="http://www.abta.com/scripts/verify.hts?+e7864" target="_blank"><img src="/media/abta.jpg" alt="ABTA - E7864" title="ABTA - E7864" /></a>
<img src="/media/atol.jpg" alt="ATOL" title="ATOL" />
</div>

<br style="clear: both"/>



<!-- VALIDATION START HERE -->
<div class="validation">

<div class="xhtml">
[ <a href="http://validator.w3.org/check?uri=referer" target="_blank" title="Valid XHTML 1.0 Transitional">Valid XHTML 1.0</a> ]
</div>
<div class="css">
[ <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="Valid CSS">Valid CSS</a> ]
</div>

<br style="clear: both"/>

</div>

<!-- VALIDATION FINISH HERE -->

</div>

<div id="rightcol">
<br /><br />
<a href="/index.asp"><img src="/media/buttons/home.jpg" alt="Home Page" title="Home Page" /></a><br />
<a href="/flights.asp"><img src="/media/buttons/flights.jpg" alt="Flight Search" title="Flight Search" /></a><br />
<a href="http://www.airholidays.co.uk/" target="_blank"><img src="/media/buttons/holidays.jpg" alt="Cheap Holidays" title="Cheap Holidays" /></a><br />
<a href="/carhire.asp"><img src="/media/buttons/carhire.jpg" alt="Car Hire" title="Car Hire" /></a><br />
<a href="/insurance.asp"><img src="/media/buttons/insurance.jpg" alt="Travel Insurance" title="Travel Insurance" /></a><br />
<a href="/weather.asp"><img src="/media/buttons/weather.jpg" alt="Weather Forecast" title="Weather Forecast" /></a><br />
<a href="/contact.asp"><img src="/media/buttons/contact.jpg" alt="Contact Us" title="Contact Us" /></a><br />
</div>

<br style="clear: both" />

</div>

</body>
</html>
__________________
WelshStew
Lead Administrator
 tierney rides tboard - uk site | xtreme wales - extreme clothing
If you think I've helped, click the "Thanks"
webforumz - facebook | LinkedIn
Last Blog Entry: Opera 9.5 Released ! (Jun 12th, 2008)
Reply With Quote
  #3 (permalink)  
Old Aug 22nd, 2007, 12:19
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 171
Thanks: 0
Thanked 1 Time in 1 Post
Send a message via MSN to RZX Developer
Re: CSS form help
Hey Stew,
Thanks again, you helped me out yest and again today and both times you have fixed my problem first time.

Wayne
Reply With Quote
  #4 (permalink)  
Old Aug 22nd, 2007, 12:20
welshstew's Avatar
Lead Administrator

SuperMember
Join Date: May 2007
Location: inside the outside
Posts: 1,325
Blog Entries: 12
Thanks: 1
Thanked 4 Times in 4 Posts
Re: CSS form help
p.s. I don't know how this will affect your background images as I am unable to see them.

Stew
__________________
WelshStew
Lead Administrator
 tierney rides tboard - uk site | xtreme wales - extreme clothing
If you think I've helped, click the "Thanks"
webforumz - facebook | LinkedIn
Last Blog Entry: Opera 9.5 Released ! (Jun 12th, 2008)
Reply With Quote
  #5 (permalink)  
Old Aug 22nd, 2007, 12:20
welshstew's Avatar
Lead Administrator

SuperMember
Join Date: May 2007
Location: inside the outside
Posts: 1,325
Blog Entries: 12
Thanks: 1
Thanked 4 Times in 4 Posts
Re: CSS form help
coolio, just seen your reply, happy to help.

Stew
__________________
WelshStew
Lead Administrator
 tierney rides tboard - uk site | xtreme wales - extreme clothing
If you think I've helped, click the "Thanks"
webforumz - facebook | LinkedIn
Last Blog Entry: Opera 9.5 Released ! (Jun 12th, 2008)
Reply With Quote
  #6 (permalink)  
Old Aug 22nd, 2007, 12:21
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 171
Thanks: 0
Thanked 1 Time in 1 Post
Send a message via MSN to RZX Developer
Re: CSS form help
It worked fine mate, I used the span style and it worked a treat in all IE6, IE7 and FF.

Cheers Again

Wayne
Reply With Quote
Reply

Tags
css form help

« PHPBB2 css issue in everything but firefox | CSS Layout issue between IE and Firefox »
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 On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Hiding / Showing form fields based on previous form input John Alexander Hopper PHP Forum 1 Mar 10th, 2008 11:30
form variable within an iframe component of a form kissfreaque PHP Forum 3 Feb 29th, 2008 13:06
form variable within an iframe component of a form kissfreaque JavaScript Forum 5 Feb 29th, 2008 11:57
[SOLVED] PHP contact form redirect to same form Posie PHP Forum 14 Jan 29th, 2008 20:28
ASP form to check weather a form value is already in the database Andrew1986 Classic ASP 3 Oct 25th, 2007 08:23


All times are GMT. The time now is 03:57.

Contact Us - Web Design & Development Forums - Archive - Top

Sleep Study Scoring :: Free Bet :: Online Betting :: Bookmakers :: Funny Quotes :: Internet Recruitment Software :: Microsoft CRM Experts :: Online Casino :: Decorated Christmas Trees :: Midwife Forums :: Football Betting :: Web Development India :: Ecommerce Software :: Football Stats :: Dry Cleaning Collection :: Free Bets :: xtreme wales - extreme clothing :: Apuestas :: SEO Company India :: Werbeartikel :: Sharepoint Consultants :: Search Engine Optimisation :: Office Clearance London :: Sharepoint Experts :: Sports Betting :: Casino :: Website Templates :: Online Gambling

Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43