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: 3962
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/ChronoConnectivity/ChronoComments Developer Thanks for using our components!
If you have any problems with any extension please tell us.
If you like any of our extensions 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
Want to have stylish AJAX comments ? try ChronoComments
User avatar
admin
Platinum Boarder
 
Posts: 4282
Joined: Mon Aug 14, 2006 5:29 am

Re: Style Css

Postby epd on Sun Aug 31, 2008 12:25 pm

Hi,
I'm having also problems using css-styling with the forms created by chronoforms. I haven't been able to find form.css file anywhere and googling hasn't been helpful.
I'd be grateful if someone could send a form.css that contains styling for the most used chronoform div id's etc, if you know what I mean.
I tried one found at http://jeffhowden.com/code/css/ but the names were different and I'm very new with css so I don't know how to change them.
Thank you!
epd
Fresh Boarder
 
Posts: 7
Joined: Sun Aug 31, 2008 12:22 pm

Re: Style Css

Postby admin on Sun Aug 31, 2008 10:48 pm

Hi epd,

whats the problem you are having exactly ? which Chronoforms version do you have ? which Joomla version ? how did you create your form ?
ChronoForms/ChronoConnectivity/ChronoComments Developer Thanks for using our components!
If you have any problems with any extension please tell us.
If you like any of our extensions 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
Want to have stylish AJAX comments ? try ChronoComments
User avatar
admin
Platinum Boarder
 
Posts: 4282
Joined: Mon Aug 14, 2006 5:29 am


Return to ChronoForms How To

Who is online

Users browsing this forum: admin, Jpatient, MSN [Bot] and 2 guests