ClioSport.net
Register a free account today to become a member!
Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!
-
When you purchase through links on our site, we may earn an affiliate commission. Read more here.
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
right, ive been having a fiddle.
i think its something to do with the positioning of the flashbanner at the top of the page, located in the pageheader css.
i simply floated it left, when before hand that attribute was left blank.
could it be because of such simple errors, missed out attributes that cause so much hassle?
in firefox as box needs padding out to make it look proper, but by changing the padding to suit firefox, it mkae sit look out of place in IE.. hmm
right, ive been having a fiddle.
i think its something to do with the positioning of the flashbanner at the top of the page, located in the pageheader css.
i simply floated it left, when before hand that attribute was left blank.
could it be because of such simple errors, missed out attributes that cause so much hassle?
in firefox as box needs padding out to make it look proper, but by changing the padding to suit firefox, it mkae sit look out of place in IE.. hmm
20VT Clio & 9-5 HOT
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
yeh the slightest error can fuk the lot up.
iv had a play and it looks better, was just gonna fix a few toher bits and bobs that didnt look right in FF, such as the height of the menu items
just try this css and see if it improves. your header height was shorter than the building DIV which was positioned inside it, and the width of your right column was too wide to fit to the right of the menu.
http://www.craig-adams.co.uk/other/smc_css.css
yeh the slightest error can fuk the lot up.
iv had a play and it looks better, was just gonna fix a few toher bits and bobs that didnt look right in FF, such as the height of the menu items
just try this css and see if it improves. your header height was shorter than the building DIV which was positioned inside it, and the width of your right column was too wide to fit to the right of the menu.
http://www.craig-adams.co.uk/other/smc_css.css
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
thanks mate, it has got it all together but still overlaps a bit and the menu boxs are still to small (dont worry about the menu box's, forgot to say that i sorted that)
i'll upload the ammended page, could you test it on ur firefox if possible?
thanks mate
thanks mate, it has got it all together but still overlaps a bit and the menu boxs are still to small (dont worry about the menu box's, forgot to say that i sorted that)
i'll upload the ammended page, could you test it on ur firefox if possible?
thanks mate
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
right, turns out the ftp was being really slow, refreshed it a few times. the general layour of all the pages are there now and everything seems to sit correctly. just a few things like text not wrapping and pages not being long enough, i think thats due to not having a <br> jobby.
www.smc-comms.com/test if you coulkd navgate around some of the pages, and some of the drop down menus from the antennas and masts page then that would be great.
right, turns out the ftp was being really slow, refreshed it a few times. the general layour of all the pages are there now and everything seems to sit correctly. just a few things like text not wrapping and pages not being long enough, i think thats due to not having a <br> jobby.
www.smc-comms.com/test if you coulkd navgate around some of the pages, and some of the drop down menus from the antennas and masts page then that would be great.
172
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
My advice when developing with CSS-P is to develop it in firefox (don't bother with dreamweaver previews, they're shite, always check in the browser itselfs) as it's more or less standards compliant. Then hack the s**t out of it for IE, don't do IE first then FF. And if you're really good, keep checking on Opera and Safari.
My advice when developing with CSS-P is to develop it in firefox (don't bother with dreamweaver previews, they're shite, always check in the browser itselfs) as it's more or less standards compliant. Then hack the s**t out of it for IE, don't do IE first then FF. And if you're really good, keep checking on Opera and Safari.
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
hey trusty nice people!!
having a bit of trouble with some javascript, or html.. or just dreamweaver..
i have some drop down menus at the bottom of this page.
www.smc-comms.com/test
i want the links to open in a fullscreen window, not a small tiny box, like it does at the moment.
here is the javascript.
function openNew(s) {
var url = s.options[s.selectedIndex].value;
var newWin = window.open(url,"window_name","width=0,height=0,toolbar=1,directories=1,menubar=1,status=1,resizable=1,location=1,scrollbars=1,copyhistory=1")
newWin.window.focus();
}
any help would be appreciated! site is nearly done now(not yet fully uploaded)
hey trusty nice people!!
having a bit of trouble with some javascript, or html.. or just dreamweaver..
i have some drop down menus at the bottom of this page.
www.smc-comms.com/test
i want the links to open in a fullscreen window, not a small tiny box, like it does at the moment.
here is the javascript.
function openNew(s) {
var url = s.options[s.selectedIndex].value;
var newWin = window.open(url,"window_name","width=0,height=0,toolbar=1,directories=1,menubar=1,status=1,resizable=1,location=1,scrollbars=1,copyhistory=1")
newWin.window.focus();
}
any help would be appreciated! site is nearly done now(not yet fully uploaded)
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
Just a quick question, sorry for hi-jack save posting similar threads how do you get the background like Adams has got on his website? This one: http://www.seymourinteriors.co.uk/
Just a quick question, sorry for hi-jack save posting similar threads how do you get the background like Adams has got on his website? This one: http://www.seymourinteriors.co.uk/
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
make .gif roughly 2000px x 10px and in the center of that have a box the colour of your website, in his case yellowy.. and make it the width of your site, in adams16v case, roughly 800px and shadow it.
then in the body css,
body {
background-image: url(your image);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: center top;
think that should work...
make .gif roughly 2000px x 10px and in the center of that have a box the colour of your website, in his case yellowy.. and make it the width of your site, in adams16v case, roughly 800px and shadow it.
then in the body css,
body {
background-image: url(your image);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: center top;
think that should work...
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
finished the site, but having a bit of trouble getting it validated. on the top of the index and in other pages i have a flash banner. is this the correct way of placing it?
ive made that by insert>media>flash in the menu.
when i get it validated it comes up with several issues just for that banner.
can be found here.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.smc-comms.com%2F&charset=%28detect+automatically%29&doctype=Inline
am i placing the flash banner in there incorrectly?
if i delete the code which has issues, it still works in IE but not firefox!
finished the site, but having a bit of trouble getting it validated. on the top of the index and in other pages i have a flash banner. is this the correct way of placing it?
Code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0[/URL]" width="762" height="110">
<param name="movie" value="flash/animations/index.swf" />
<param name="quality" value="high" />
<embed src="flash/animations/index.swf" width="762" height="110" quality="high" pluginspage="[URL="http://www.macromedia.com/go/getflashplayer"]http://www.macromedia.com/go/getflashplayer[/URL]" type="application/x-shockwave-flash"></embed>
</object>ive made that by insert>media>flash in the menu.
when i get it validated it comes up with several issues just for that banner.
can be found here.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.smc-comms.com%2F&charset=%28detect+automatically%29&doctype=Inline
am i placing the flash banner in there incorrectly?
if i delete the code which has issues, it still works in IE but not firefox!
20VT Clio & 9-5 HOT
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
flash is a fuker to validate, i had a few probs when i was learning. there are various ways to sort it, but i personally use this one whic works fine:
as for the other things in there. the 'alts' are advised which is basically what text you would like to show if a image wont load or has a problem, rather than having missing info on the page. just add something like this:
as part of your image tag.
and where is says ID already defined. change them to classes. you can only have 1 instance of an ID, but you can have multiple classes through the webpage.
overall, looks impressive for a beginner mate, im impressed with how good it looks to say you've pretty much learnt from scratch. good effort
flash is a fuker to validate, i had a few probs when i was learning. there are various ways to sort it, but i personally use this one whic works fine:
Code:
<object type="application/x-shockwave-flash" data="flash/header.swf" width="600" height="390">
<param name="movie" value="flash/header.swf"/>
<param name="quality" value="high"/>
</object>as for the other things in there. the 'alts' are advised which is basically what text you would like to show if a image wont load or has a problem, rather than having missing info on the page. just add something like this:
Code:
alt="Alternative text here"as part of your image tag.
and where is says ID already defined. change them to classes. you can only have 1 instance of an ID, but you can have multiple classes through the webpage.
overall, looks impressive for a beginner mate, im impressed with how good it looks to say you've pretty much learnt from scratch. good effort
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
thanks for the help mate,
the MD seems to be over the moon with the site and wants me to do two more sites for other companies in our group.
Ive learnt so much from doing this one site, hopefully the next two will improve and i want my code to improve alot too. Alot of it was helped by you, cheers for that
I'll give that a try^^ thanks
thanks for the help mate,
the MD seems to be over the moon with the site and wants me to do two more sites for other companies in our group.
Ive learnt so much from doing this one site, hopefully the next two will improve and i want my code to improve alot too. Alot of it was helped by you, cheers for that
I'll give that a try^^ thanks
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
one error left!!
i dont quite understand what its saying.. regarding the br clearsides class.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.smc-comms.com%2F&charset=%28detect+automatically%29&doctype=Inline
one error left!!
i dont quite understand what its saying.. regarding the br clearsides class.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.smc-comms.com%2F&charset=%28detect+automatically%29&doctype=Inline
172
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
You've got a class in there with no value and a space in your id needs to be <br class="clearside" /> or <br id="clearside" /> (of course you could have both class and id in there, but I can't see why you would).
You've got a class in there with no value and a space in your id needs to be <br class="clearside" /> or <br id="clearside" /> (of course you could have both class and id in there, but I can't see why you would).
Only add values to the alt tag is they are describing something important. If it's just an image as part of the design leave it as alt="". You should also provide title="" for full browser compatability e.g.Adams_16v said:
Code:
<img src="p**n.jpg" alt="p**n" title="p**n" />
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
yay my first ever xhtml 1.0 transitional page!!
www.smc-comms.com
but there are like 80 pages leading off this one which arent!!
yay my first ever xhtml 1.0 transitional page!!
www.smc-comms.com
but there are like 80 pages leading off this one which arent!!
306 TD Slut
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
anyone know much about robots?
I have <meta name="robots" content="FOLLOW,INDEX"/> in mine, but only because i copied accross from the old site.
what others can i use and what do they mean? i cant find much on the net..
anyone know much about robots?
I have <meta name="robots" content="FOLLOW,INDEX"/> in mine, but only because i copied accross from the old site.
what others can i use and what do they mean? i cant find much on the net..
Red Cup
ClioSport Club Member
Focus RS
Re: trying to get my head around CSS!! AAARRRRGH!!!!!
alt attributes (not tags) are alternative text for screen readers and non-visual browsers. It should be a short description of the image.
You should have alt attributes for all images and as stated, make them blank for presentational images. Keep the content short, ie "ACME logo" rather than "ACME's logo - an orange sun behind black bold text".
title attributes are used to supply additional information that is not essential, these work on almost every element (except base, basefont, head, html, meta, param, script, and title) but aren't required for any. Title attributes are supposed to render as tooltips.
Alt renders as a tooltip in IE Win, but that's a browser fault and no others do it.
An example of correct usage would be an image that links to a page:
<a href="/cliotrophy/" title="Statistics and information on the Renault Sport Clio Trophy"><img src="cliotrophy.jpg" alt="Clio Trophy"></a>
Meta robots - this tag is deprecated. If you want search engines to spider your site you don't need to add anything - a link from a site within the directory will do it. If you don't want them to, then look into the use of robots.txt
172.com said:
alt attributes (not tags) are alternative text for screen readers and non-visual browsers. It should be a short description of the image.
You should have alt attributes for all images and as stated, make them blank for presentational images. Keep the content short, ie "ACME logo" rather than "ACME's logo - an orange sun behind black bold text".
title attributes are used to supply additional information that is not essential, these work on almost every element (except base, basefont, head, html, meta, param, script, and title) but aren't required for any. Title attributes are supposed to render as tooltips.
Alt renders as a tooltip in IE Win, but that's a browser fault and no others do it.
An example of correct usage would be an image that links to a page:
<a href="/cliotrophy/" title="Statistics and information on the Renault Sport Clio Trophy"><img src="cliotrophy.jpg" alt="Clio Trophy"></a>
Meta robots - this tag is deprecated. If you want search engines to spider your site you don't need to add anything - a link from a site within the directory will do it. If you don't want them to, then look into the use of robots.txt
182 Cup Inferno
i use css for layout in my job, i hated it at first but love it now.
The link below is to an article about nifty corners, creates rounded corners on your divs, its quite difficult to get your head around it, but it looks great!
http://www.html.it/articoli/nifty/index.html
The link below is to an article about nifty corners, creates rounded corners on your divs, its quite difficult to get your head around it, but it looks great!
http://www.html.it/articoli/nifty/index.html
306 TD Slut
theres something wrong with the site. but only in FIREFOX the drop down menus for the catalogues, spec sheets and manuals etc.. on the bototm of the www.smc-comms.com page work in IE but not with firefox the directory looks like this when clicked on.
http://www.smc-comms.com/docs%5Cantennas_masts.pdf
and in IE it works and looks like this:
http://www.smc-comms.com/docs/antennas_masts.pdf
there are no spaces in between any of the file names only underscores. Firefox seems to recognise the underscors but not the forwards slashes.. its doing my nut and 11% of our site veiwers are mozilla.
the drop down menus for the catalogues, spec sheets and manuals etc.. on the bototm of the www.smc-comms.com page work in IE but not with firefox the directory looks like this when clicked on.http://www.smc-comms.com/docs%5Cantennas_masts.pdf
and in IE it works and looks like this:
http://www.smc-comms.com/docs/antennas_masts.pdf
there are no spaces in between any of the file names only underscores. Firefox seems to recognise the underscors but not the forwards slashes.. its doing my nut and 11% of our site veiwers are mozilla.
