Style Css

Shows some Tutorials

Style Css

Postby Kims on Sun Jul 20, 2008 12:14 pm

Hi everybody.

I got a little situation here...
I'm a guy from Denmark and i just installed the Chronoforms.
And i the Tutorial it shows that you can make the boxes in line.
Just add the
Code: Select all
<style type=text/css>
@import url(templates/css/form.css):
</style>


I did that, but still the boxes is not standig in a straight line, like in the movie.

what do i do wrong?

Where should i type in my template name?
Let´s say my template name is: templates/rhuk_milkyway

Best regards Kim Christiansen

And thanks alot for a real good looking form program.

By the way, this is how my code looks like now::huh:
Code: Select all
<fieldset>
<legend>Conton.dk</legend>
<b>Indtast oplysninger og tryk på SEND, vi behandler din booking indenfor 24 timer.</b><br /><br />

<td colspan="8"><b><font face="Verdana" size="1">Oplysninger om dem:</font></b><font face="Verdana" size="1"><br></b><br /><br />
<style type="text/css">
<label for="Navn">Navn : </label>
<input type="text" name="Navn" id="Navn" tabindex="510" value="<?php echo $my->name?>"<?php echo $readonl?> />

<label for="Telefon">Telefon : </label>
<input type="text" name="Telefon" id="Telefon" tabindex="510" value="<?php echo $my->name?>"<?php echo $readonl?> /><br />

<label for="Kontakt person">Kontakt person : </label><input type="text" name="Kontaktperson" id="Kontaktperson" tabindex="510" value="<?php echo $my->name?>"<?php echo $readonl?> /><br />

<label for="Mobil">Mobil : </label>
<input type="text" name="Mobil" id="Mobil" tabindex="510" value="<?php echo $my->name?>"<?php echo $readonl?> /><br />

<label for="Email">Email : </label><input type="text" name="Email" id="Email"
tabindex="511" value="<?php echo $my->email?>"<?php echo $readonl?> /> <br />

<b>Model beskrivelse</b><br /><br />
<label for="Model">Modeltype : </label><select name="Model" id="Model" tabindex="512">
<option value="Vælg fra listen"<?php echo $in ?>>Vælg fra listen</option>
<option value="Glarmour">Glarmour</option>
<option value="Nude">Nude</option>
<option value="Topløs">Topløs</option>
<option value="Andet"<?php echo $out ?>>Andet</option>
</select> <br />
<label for="Opgave">Opgavetype : </label><select name="Opgave" id="Opgave" tabindex="515">
<option value="Vælg fra listen"<?php echo $in ?>>Vælg fra listen</option>
<option value="Flyer handling">Flyer handling</option>
<option value="Promotion">Promotion</option>
<option value="Event">Event</option>
<option value="Happening">Happening</option>
<option value="Statist">Statist</option>
<option value="Bodypaint">Bodypaint</option>
<option value="Sushipige">Sushipige</option>
<option value="Event">Event</option>
<option value="Foto shoot">Foto shoot</option>
<option value="TV reklame">TV reklame</option>
<option value="Servering">Servering</option>
<option value="Messepige">Messepige</option>
<option value="Bunnypige">Bunnypige</option>
<option value="Danser">Danser</option>

<option value="Andet"<?php echo $out ?>>Andet</option>
</select> <br />
<label for="Dato">Date : </label><input type="text" name="Dato" id="Dato" tabindex="513" value="dd/mm/åå" /> <br />
<b>Skriv datoen for opgaven</b><br /><br />
<label for="Tid">Date : </label><input type="text" name="Tid" id="Tid" tabindex="513" value="24:00" /> <br />
<b>Skriv venligst på hvilken tid af dagen de skal komme</b><br /><br />
<label for="details">Details : </label><textarea cols=40 rows=4 name="details"
id="details" tabindex="514"></textarea><br />
</style>
</fieldset>
<fieldset>
<legend>Send</legend>
<!-- This line makes sure that only visitors see the image verification, not the registered members -->
<?php if(!$my->id){ ?> 
{imageverification}
<?php } ?>
<input type="submit" value="Send" tabindex="515" /> <input type="reset" value="Start over" tabindex="516" /></fieldset>
<script language="javascript">
document.ChronoContact_checkincheckout.fromname.focus();
</script>
Kims
Fresh Boarder
 
Posts: 1
Joined: Sun Jul 20, 2008 11:56 am

Re:Style Css

Postby GreyHead on Sun Jul 20, 2008 1:24 pm

Hi Kims,

Do you have a templates/css/form.css file in your template? If not you'll need to create one. or find something suitable on the internet.

Bob

PS You have an unclosed <style> tag in your code that might cause some problems.
Bob Janes
info at greyhead.net
ChronoForms Support If you like ChronoForms please vote or post a review at Joomla.org
User avatar
GreyHead
Platinum Boarder
 
Posts: 3251
Joined: Tue May 29, 2007 10:15 pm
Location: Brittany

Re:Style Css

Postby admin on Sun Jul 20, 2008 5:51 pm

Kim,

In your code I see :
<style type="text/css">

Where does this get closed ? remove it, I see it not necessary, also, where is the :
<style type=text/css>
@import url(templates/css/form.css):
</style>

I cant see it in your code! put it at the top!

also, templates/css/form.css is some file which must exist at your server relative to your joomla root, create it and add the correct styles there or this is useless!!

Cheers

Max
ChronoForms Developer Thanks for using ChronoForms.
If you have any problems with ChronoForms please tell us.
If you like ChronoForms please post a review at Joomla.org
Want users to submit their content to your website ? try Submit Story
Want to list/edit/delete your data ? try ChronoConnectivity
User avatar
admin
Platinum Boarder
 
Posts: 2127
Joined: Mon Aug 14, 2006 5:29 am


Return to How To

Who is online

Users browsing this forum: No registered users and 2 guests