Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > Graphics, Images, Logos Templates & CSS > CSS Cascading Style Sheets

Notices

CSS Cascading Style Sheets All topics and discussions relating to CSS Cascading Style Sheets.

Closed Thread
 
Thread Tools
  #1  
Old 01-15-2008, 10:39 PM
DCOFFICESERVICES's Avatar
Major
 
Join Date: Oct 2007
Location: Bristol, UK
Posts: 483
Default Learning CSS

Hello, This bluevoda thing is addictive and you learn so much in this forum.

My next thing to learn is css. (I think)

One of my pet hates is when you make menu buttons for your website and you then visit your pages, the buttons just trundle on one at time instead of all appearing in one go.

Iwas wondering if css overcomes this?

Sometimes I look at other peoples sites with lots of images and fancy buttons and all the main components display at the same time?

Is anyone able to give me a brief overview.

Many thanks

Darren
__________________

http://www.dcwebsolutions.co.uk
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #2  
Old 01-16-2008, 02:39 AM
Bethers's Avatar
Major General & Forum Moderator
 
Join Date: Feb 2006
Posts: 5,253
Default Re: Learning CSS

Part of them all appearing at once would be how small the images are and how fast you computer loads them. Using text links would help with it also - instead of images. CSS might help on some of it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #3  
Old 01-16-2008, 11:54 AM
navaldesign's Avatar
General & Forum Moderator
 
Join Date: Oct 2005
Location: Italy
Posts: 10,049
Default Re: Learning CSS

CSS menus based on lists formatted as table cells are pretty fast. However, whenever there is a button image download, it takes more time.
BV menus are a bit slower, because each button has it's own pair of images. A 10 button menu has 20 images, so even if they are small, it is always some bytes to download. With css instead, you only have two (or three or four, depending on your menu) images, that are the same for all buttons. HAve a look at the menu here which is css.
__________________
Navaldesign
Logger Lite: Low Cost, Customizable, multifeatured Login script
Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #4  
Old 01-16-2008, 12:06 PM
DCOFFICESERVICES's Avatar
Major
 
Join Date: Oct 2007
Location: Bristol, UK
Posts: 483
Default Re: Learning CSS

Thanks for your replys Bethers & Naval,

Naval I have looked at your link and and it appears to have 11 menu buttons with rollerovers and when I loaded this page for the first time they all load at the same time and each time I open the other pages, which is perfect.

Is their anywhere I can go to learn how to create a menu bar like that in css?

Many thanks in advance

Darren
__________________

http://www.dcwebsolutions.co.uk
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #5  
Old 01-16-2008, 01:56 PM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 7,533
Default Re: Learning CSS

Hi, pop a search for CSS menus into google, theres hundreds out there.
These might give you a start.

http://www.dynamicdrive.com/style/
http://css.maxdesign.com.au/listamatic/
http://www.cssplay.co.uk/menus/

Good luck.
__________________
Regards Chris,
Sites are view in FF & IE, with res @ 1024 x 768 on 19” screens.

Barnet walks
How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips -
Collectables, Collecting


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #6  
Old 01-16-2008, 06:40 PM
Watdaflip's Avatar
Major General
 
Join Date: Sep 2005
Location: Cincinnati, Ohio
Posts: 2,151
Default Re: Learning CSS

There are plenty of tutorials on the internet, I would first start by learning HTML though. CSS is used to control HTML elements

http://w3schools.com is probably one of the best tutorial websites.
__________________

Register/Login Script
Do you use a Password Protected Directory? Need a way to allow users to make their own account, try my .htaccess Login Script
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #7  
Old 01-16-2008, 08:50 PM
DCOFFICESERVICES's Avatar
Major
 
Join Date: Oct 2007
Location: Bristol, UK
Posts: 483
Default Re: Learning CSS

Thanks everyone
__________________

http://www.dcwebsolutions.co.uk
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #8  
Old 03-26-2008, 10:20 PM
DCOFFICESERVICES's Avatar
Major
 
Join Date: Oct 2007
Location: Bristol, UK
Posts: 483
Default Re: Learning CSS

Hello I am looking at this again and I found this link

http://www.dynamicdrive.com/style/cs...s_indent_menu/

You'll see css code and html code. In BV Where do I paste these codes to get that menu layout?

Thanks

Darren
__________________

http://www.dcwebsolutions.co.uk
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #9  
Old 03-27-2008, 09:03 AM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 7,533
Default Re: Learning CSS

Hi, copy the 2 images to your computer & you can upload them with the page via your BV file publisher. (green earth with an up arrow)
Paste the 1st pat of the code in the page html “Between the head”
Paste the 2nd part in a html box that you can place on the front of your page.
Preview



Once you get used to this, there are some good ones at this site
http://www.cssplay.co.uk/menus/


,
__________________
Regards Chris,
Sites are view in FF & IE, with res @ 1024 x 768 on 19” screens.

Barnet walks
How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips -
Collectables, Collecting


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #10  
Old 03-28-2008, 12:01 AM
dougnez's Avatar
Brigadier General
 
Join Date: Aug 2006
Location: Midwest USA
Posts: 1,738
Default Re: Learning CSS

Hey watdaflip... Thanks for the good school site... Doug
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #11  
Old 03-28-2008, 12:11 AM
DCOFFICESERVICES's Avatar
Major
 
Join Date: Oct 2007
Location: Bristol, UK
Posts: 483
Default Re: Learning CSS

Thanks Chris

Do I have to publish the saved images first? Before I do code pasting bit?

Darren
__________________

http://www.dcwebsolutions.co.uk
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #12  
Old 03-28-2008, 08:41 AM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 7,533
Default Re: Learning CSS

Quote:
Originally Posted by DCOFFICESERVICES View Post
Thanks Chris

Do I have to publish the saved images first? Before I do code pasting bit?

Darren
Ah! i just noticed in that code that it was set up for their site.
There are to parts to change in the head part of the code. Look for media/indentbg.gif & media/indentbg2.gif then remove the part media/ so it becomes indentbg.gif & indentbg2.gif
This should now work on your home machine in preview & at the server when published & the images uploaded.


Cheers.
__________________
Regards Chris,
Sites are view in FF & IE, with res @ 1024 x 768 on 19” screens.

Barnet walks
How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips -
Collectables, Collecting


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #13  
Old 04-03-2008, 02:44 PM
Corporal
 
Join Date: Apr 2008
Posts: 17
Default Re: Learning CSS

CSS is a useful item to learn and I will try and improve mine.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Closed Thread


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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 Off



All times are GMT +1. The time now is 03:28 PM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC7
2005-2009 VodaHost Web Hosting Your Perfect Web Host - 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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203