Re: [css-d] Styling forms
Thanks a lot for the help, I somehow managed it but I'm not very happy with the code. I never realised that a simple form could cause so many cross browser issues. As a tip on how I fixed it: floated the label and floated the input fields, somehow I managed to make it so it looks fine on ff3.5, ie7, ie8. Thanks for the help anyway guys, Christophers Shmitts answer was a bit of a inspiration. Regards, -- Krystian Szastok Affordable, Freelance Web Designer in Eastbourne, East Sussex: http://eastbournewebdesign.net Mobile UK (Orange): 07528 036 337 Call for more information or email me. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Styling forms
Hi, maybe this isn't 100% CSS question, but I'm looking to build a simple contact form, name, email, message and submit button (maybe captcha too, but optional). The thing is that no matter how I construct a form it displays wrong, either in FF, IE7 or IE8. I've found some tutorials on Google, but they don't display right on ie8 or I simply can't adapt them. Any help would be appreciated. Regards, -- Krystian Szastok Affordable, Freelance Web Designer in Eastbourne, East Sussex: http://eastbournewebdesign.net Mobile UK (Orange): 07528 036 337 Call for more information or email me. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with a header image in Opera 9.64
Hi, I'm using Opera 9.64 on Windows 7 Beta. This website: http://maleconcept.com/test/ Has the header image centered right, but on opera it slides a bit to the left. Any ideas what bug is causing it or how to fix it? Regards, -- Krystian Szastok Affordable, Freelance Web Designer in Eastbourne, East Sussex: http://smewebsolutions.co.uk Mobile UK (Orange): 07528 036 337 Call for more information or email me. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background Images clickable links
I don't get what's the point of doing that , why not just use an image
as a link?
On 4/6/09, Christopher R majes...@thecreativesheep.ca wrote:
I was reading up on how to create links from background images, so I came
across this page
which mentions the following:
http://www.attackr.com/css-trick-turning-a-background-image-into-a-clickable-link/
Simple enough one thought, I applied it like so to my code:
HTML:
span id=logomiddlea href=www.cokecola.com/a/span /* coka cola is
just a test URL */
CSS:
#logomiddle {
display: block;
background: url(header-web-page-graphic-done3_01.png) no-repeat top
center;
display: block;
position: absolute;
left: -490px;
top: -150px;
height: 1150px;
width: 960px;
z-index: 1;
}
I added display: block as it mentions but there is some mentioning of
positioning that has gotten me lost.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Krystian Szastok
Affordable, Freelance Web Designer in Eastbourne, East Sussex:
http://eastbournewebdesign.net
Mobile UK (Orange): 07528 036 337
Call for more information or email me.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Layout still broken, new problems
I think there's something called bootcamp and parallels too (sorry about the spelling, but if you google, it will correct itself) that should work on all MAC's. Regards, -- Krystian - Sunlust Affordable Web Services in Eastbourne: http://eastbournewebdesign.net Mobile UK (Orange): 07528 036 337 Call for more information or email me. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Jumping footer...
Hi, We've redesigned this website: http://test.royalsussex-southdowns.co.uk/test/ I'm having problem with a jumping footer in IE7/8 it's some weird rendering issue, sometimes the page loads right but sometimes if I go to Lowthers Lambs or History page, the footer appears covering the container and leaves blank space in the footer wrap. Any ideas? -- Krystian - Sunlust Affordable Web Services in Eastbourne: http://eastbournewebdesign.net Mobile UK (Orange): 07528 036 337 Call for more information or email me. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Positioning a website in the middle
Hi, I was trying to google for it but I can't find a solution, I know how to position website with margin: 0 auto, but it stays on the top of the website on bigger screens, what I need is it to stay in the middle, vertically and horizontally, I'm looking for a simple solution, don't mind the JS if needed. Any help/tips/links appreciated. Regards, -- Krystian - Sunlust Freelance Web Designer in Eastbourne: http://sunlust.net Mobile UK (Orange): 07528 036 337 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 - h1 breaking a table a bit
Hi, The website is: http://sunlust.net/test6/ The original that looks fine: http://www.articlessubmissionservices.net/ On Firefox it looks fine, on IE7 after I added H1 it created a brake in the table at the top of the page, then I removed the H1 but the break is still there and I have no idea why. I'm _terribly sorry_ for the bloody layout, it's a quick job I'm doing for a client (adding some semantics in to help with SEO) and I'm not getting paid for anything else, I tried to convince them to just use a nice wordpress template instead of some table nested layout on some custom shitty cms but without any success. Anyway, all I'm asking is to someone to have a quick look and let me know where the break comes from if possible, I know it's not a CSS issue itself, but it's to do with layout and maybe some CSS can fix it. Appreciate any tips, and once again, sorry for the code...it's not mine and I'll be still trying to convince my client to go ahead with something semantic instead. Regards, -- Krystian - Sunlust Freelance Web Designer in Eastbourne: http://sunlust.net Mobile UK (Orange): 07528 036 337 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Redesigned my website - IE6 huge problems, png fix?
Hi, I just recently redesigned my website: http://sunlust.net it's the default wordpress template redesigned by me. Now, it's fine in IE7, and in FF etc, the problems come out in IE6, everything is messed up, I used a lot of PNG files and obviously this made things even worse. I'm not asking anyone for debugging it for me as this would take ages, but at least throw me a link or a term to get me on track because so far, I'm just scared of looking at it lol. I'll look for a png fix on google or use an alternative stylesheet with jpg's (will loose transparency but at least there will be some background :D) , I'm only worried about the positioning. Also, to be honest I'm fed up with IE6, what do you guys think if I make a huge background image for IE6 users saying upgrade to Internet Explorer 7 ? I mean a really huge one. Let me know, any help appreciated. If you have any other comments regarding the website, please let me know, I would really like to get it right this time... (it's my 4th redesign). Regards, -- Krystian - Sunlust - I-M-A: Freelancer on the side: http://sunlust.net Full time Website Designer: http://smesolutions.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Website displaying different on two hosts - some extra styles?
Hi, A friend of mine asked me to help him out on this website: http://www.dreamofthailand.co.uk I've done few fixes and it displays good on my computer, in IE7/FF, then I uploaded it to http://sunlust.net/dreamofthailand/ and it still displays right, but when he uploaded it to http://www.dreamofthailand.co.uk/test/index.html and http://www.dreamofthailand.co.uk/ the IE7 issue comes up again (a blue line on right of content and one image slipping). Does anyone have any idea what can be causing this problem? I thought it's a css issue but if it is then why doesn't it show on my website? He says he uploaded exacly the same files...and that he done it with ftp program. Regards, -- Krystian - Sunlust - I-M-A: Freelancer on the side: http://sunlust.net Full time Website Designer: http://smesolutions.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 positioning problems - margins probably...
Hi, I made/edited a website for my company, http://www.smesolutions.co.uk it's based on a Joomla template which I had to edit because of it's bugs, now it looks all fine in FF 2/vista and on IE7/vista, but it breaks like hell in IE6/vista (26.18% out of all IE visits) and Safari/vista I see that the code is a mess, I was doing the edits quickly on live site Also there's some problem in IE6 with the images on the right sidebar, I don't know what's causing it, I added Dell logo today and it looks fine, but the rest dissapear... If there's any solution please point me towards it or give any tips/links to tutorials and I'll learn myself. Regards, -- Krystian - Sunlust - I-M-A: Freelancer on the side: http://sunlust.net Full time Website Designer: http://smesolutions.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] MS abandons IE8 for development for FF3?
Firefox 3 has the 'AwesomeBar,' you can't seriously expect to compete with that, can you? Ballmer said that Firefox 3.0 will be the standard browser included with Windows 7 installations along and will replace Internet Explorer 7 on Windows Vista SP2. We've been looking for something to try to salvage Vista, and this could be it, said Ballmer. Lol, love the article, thanks for the share. -- Krystian - Sunlust - I-M-A: Freelancer on the side: http://sunlust.net Full time Website Designer: http://smesolutions.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 problem - something overflows the image
Hi, I'm having a problem with an image and a top border of my navigation on the left sidebar, on IE6 something covers them with the background, and I have no idea why and what element it is, since it displays right on FF, IE7, Opera, Safari... The websites address is: http://www.sunlust.net/test5 Any ideas? Regards, -- Krystian - Sunlust Freelance on the side: Sunlust Designs - http://sunlust.net Full time Website Designer at SME System Solutions Ltd __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Suckerfish navigation Versus Slideshow JS images
Hey guys/girls, I have a really big problem, I'm desiging a website and I placed suckerfish dropdown menu which I copied from html dog, and it works great on it's own. Problem is, there's my slideshow stuff on the right of it, and when I hover Special Services the submenu opens partly under the slideshow, you can see for yourself: http://www.720taxis.com/test I'm not sure if this can be solved. XHTML doesn't validate because of missing alt tags on images (website is under heavy construction, so I didn't add all the detail into it), and because of the weather widget and it's elements, but it doesn't concern the slideshow and my problem. CSS validates. Hope that someone can help me out on this one. Regards, -- Krystian - Sunlust Freelance on the side: Sunlust Designs - http://sunlust.net Full time Website Designer at SME System Solutions Ltd __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [css] Sticky footer problems
Hello, Sorry for my few last picky posts, this time it's about a sticky footer. If I understand right, there is an option of creating a footer that will always stick to the bottom of the browser window, expanding either content of itself to fill the unneeded space. Couldn't really find an example of working sticky footer to be honest, since most websites have enough content to _always_ fill my above the fold space. Example of my problem is here: http://sunlust.net/portfolio.htm As you can see, in any browser I get a messed up look and footer doesn't stick, even tho I tried applying one of methods I googled. Second problem, that's only a small one, it's about Google Analytics, ages ago one friend gave me access to his stats and now I want to get rid of it, but I can't see any way from google analytics control panel to do so, is there any way to only have access to my Account? Thanks in advance. -- Krystian - Sunlust Sunlust Designs http://sunlust.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] a button for a website to change background and text color
Hey everyone, I'm trying to get a button for a website, so that user can choose whether to view the site and read text on a dark background with white text or on a white background with dark text. Problem is, I don't want to change the background of the body element, I want to change background of container div. I was trying to google it but since I can't really express myself in this matter, I didn't find anything useful. I would prefer purely xhtml/css solution, but if it can only be done with js, so be it. Thanks in advance, and hope it's not off topic. Regards, -- Krystian - Sunlust Sunlust Designs http://sunlust.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] problems with background image, borders
Hello there, I'm making a website and I have two big problems with cross compatibility, haven't tested on IE7, site developed for FF, so in FF everything looks as it should. Made and tested on Ubuntu 7.10. 1. background image looks fine on FF but looks totally wrong on Opera 9.5and IE6, don't know what's wrong 2. border around navigation dissapears, and it doesn't pick up background color, as it does on Opera and FF. address: http://sunlust.net/test4 css: http://sunlust.net/test4/css/master.css If you notice any other weird behaviors, please let me know, I'm not getting paid for this project but I want to get it right since it's for a close friend. Much appreciated, Regards -- Krystian - Sunlust Sunlust Designs http://sunlust.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] problem in IE6 - footer falls apart
Hey there people, Me and my friend were working on a new website and he came out with this layout: http://filez.kapati.net/public/aenima/ only problem so far that I noticed is that footer falls apart in IE6, I'm not sure why this happens. Also, in lower resolution top navigation slides together. Could someone indicate me towards some kind of solution? Kind regards -- Krystian - Sunlust Sunlust Designs http://sunlust.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with header img in IE6/7
Hello, I have a problem with header image, somehow there's some white space between header image and navigation, only in IE6/7. I'm sure it's something simple that I just can't comprehend... also, if you notice any more issues, please let me know. address is: http://sunlust.newlocal.co.uk Regards -- Krystian - Sunlust __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with header img in IE6/7
ah, regarding the footer, don't look at it, it's not yet made, I'm in process of getting something neat there, so at the site it's just a dodgy background color and some basic markup. Regards -- Krystian - Sunlust __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] GIF to PNG switch didn't work
Wow, 225 errors :O On 1/30/08, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Maybe this is more useful... http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you regards Georg Thanks for the link Georg, pointed out few things I, myself, never thought of. -- Krystian - Sunlust __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
