cssfreakie
-
Posts
1,674 -
Joined
-
Last visited
Everything posted by cssfreakie
-
thats the best quote i have ever seen " awesome
-
oops i forgot to add float to left mid and right so the code should look like this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> </head> <style type="text/css"> body{background:#5d9ab2;} #wrapper{ width:969px;/* set a width you like in this case 6 pixels extra come from borders of left mid right*/ margin:0 auto; /*center this div */ border:1px solid red; /*just to show where it is*/ } #left{ width:150px; min-height: 500px;/* a minimal to show the backgournd image */ background:url(images/urlzoidberg_dance_animate.gif) no-repeat top left; border:1px solid greenyellow; float:left; } #middle{ width:660px; /* 960 - 300 of left and right */ min-height:500px; border:1px dotted yellow; float:left; } #right{width:150px; min-height: 500px; background:url(images/urlzoidberg_dance_animate.gif) no-repeat top right; border:1px solid blue; float:left; } </style> <body> <div id="wrapper"> <div id="left"></div> <div id="middle"></div> <div id="right"></div> </div> </body> </html>
-
hi mini, i just commented on a post, but seeying this gives me a little feeling you should maybe start reading the very basics of css again. The thing is that what you are now doing is you give body 2 sets of properties simple said. but the first gets overridden by the latter (last) What you are trying to do is place an image left and an image right on the screen i guess. but to each element you can only assign 1 image so you should do it differently. maybe the folowing can help you out a bit. but i can reccomend an external style sheet": <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> </head> <style type="text/css"> body{background:#5d9ab2;} #wrapper{ width:966px;/* set a width you like in this case 6 pixels extra come from borders of left mid right*/ margin:0 auto; /*center this div */ border:1px solid red; /*just to show where it is*/ } #left{ width:150px; min-height: 500px;/* a minimal to show the backgournd image */ background:url(images/urlzoidberg_dance_animate.gif) no-repeat top left; border:1px solid greenyellow; } #middle{ width:660px; /* 960 - 300 of left and right */ min-height:500px; border:1px dotted yellow; } #right{width:150px; min-height: 500px; background:url(images/urlzoidberg_dance_animate.gif) no-repeat top right; border:1px solid blue; } </style> <body> <div id="wrapper"> <div id="left"></div> <div id="middle"></div> <div id="right"></div> </div> </body> </html>
-
CSS Alignment; seperate parts in one row Help \=
cssfreakie replied to Minimeallolla's topic in CSS Help
`you are using div's which is okay, but they are block elements and in simple words they push the next element underneath it. Try to apply float to the divs and you will see they will end up on the same line. Let me know if it helped. -
:olol are you facking serious :o. next time you ask for help and you don't know what someone means either ask in a gentle/polite way instead of implicitly push them of a building. Or use a search engine! i hope that last things rings a bell in fact. if you would have googled: What is a reset.css ? this would have been the result : http://lmgtfy.com/?q=what+is+a+reset.css&l=1 I hope you know what google is right? Edit and what a reset.css was is provided (minified) in the exact same sentence. this is what BA baracus tell's
-
since i have nothing to do i am happy to comment this, (no post > 30 days) I would recommend to have a look at the sucker-fish or sons of sucker-fish menu. it's pretty much the basis of a good css menu, done with css. will take you some time to fully master it, but ones you did it's great. good luck! for now, your inner Ul was missing a </li> behind it should have looked like this: <div class="topNav"> <ul> <li><a href="index.php" title="Inicio">Inicio</a></li> <li><a href="#" title="Estuido">Estuido</a> <ul> <li><a href="#">Subitem One</a></li> <li><a href="#">Second Subitem</a></li> <li><a href="#">Numero Tres</a></li> </ul> </li> <li><a href="#" title="Arquitectura">Arquitectura</a></li> <li><a href="#" title="Interiorismo">Interiorismo</a></li> <li><a href="#" title="Rehabilitaction">Rehabilitaction</a></li> <li><a href="#" title="Diseño">Diseño</a></li> <li><a href="#" title="Contacto">Contacto</a></li> </ul> </div>
-
my advise is to ditch dreamweaver and use something like netbeans (it's free and approximately 1 trillion times better). That way you learn what to do instead of letting dreamweaver create malformed mark-up btw did dreamweaver created the code you just provided? if so ask your money back. almost everything is wrong with it. elements is full and partial caps, properties without "" and the best advise is don't use inline style. Separate style from your markup. saves you headache, and is easier to maintain. edit: ones you have downloaded something other than dreamweaver i am happy to provide you a simple file set that separates markup, css and php to give you a head start.
-
My CSS is good, but not this good - translation?
cssfreakie replied to michaellunsford's topic in CSS Help
lol wel that is definatly not valid css. and i would fire the person who made that. and leave it out of the css. the : could have tried to be the start of a psuedo class (like :hover) or some sort of crappy ternary declaration in a conditional css which can be seen in some IE stylesheets. (but also is invalid) but not is not valid pseudo class, nor a valid ternary operator since a ? is missing. I would leave it out -
for IE include a stylesheet with conditional comments and for anything that is the first element that is floated (so that can be float:right or left add: display:inline; If you have no idea, add display inline for all elements that are floated since it wont matter but it's extra style to be loaded. make sure you have a fixed height or width, for anything that has min-height or min-width. ones you have done that most things should be fixed if not let us know, and a bit more precise.
-
well i don't know who designed this, but you should fire him, I see 11 style sheets loaded?!@? wtfroflbbq! That's just ridiculous. And i am not even talking about the excessive use of javascript and the divitis (a horrible illness). The worst part is, that despite of the million style sheets it forgot the most important thing which is a reset.css. Google for it! or read pretty much any reply i gave in the last hour to anyone. Place that above the style sheet you have now. and work from there. but i can really recommend to write a new template. This is a mess. -edit: and if we are shoting in the dark, I bet the problem without checking in IE is the margin bug
-
I assume you looked at jessi here post, if not, do
-
I am no genius, but i might be able to help. First problem is, what do you mean with wiggle. If i look ate the link you gave, the left content is aligned left. Could you be more precise or maybe draw/point what you mean/ what you want.
-
first of all, use a reset.css For any project you start with. this eliminates most browser differences. (meyer's reset is good) besides that read about IE bugs. (like margin bug etc) But with that reset ,most stuff should be fixed until ie7. use an extra stylesheet with conditional statements for IE6. Develop in firefox and adjust for the rest.
-
ha you ignorant sister, you use justify, which if suppose justifies the text ones you stand inside it.
-
I could be totally wrong, but why use the @ sign in your css? use a different <link> 's for different purposes: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.glenhealy.com%2Fclients%2FAArdvark_Future%2F&profile=css21&usermedium=all&warning=1&lang=en besides that min-width / max-width are valid. let javascript figure out the browser width and apply/include css on the fly. don't forget a <noscript>
-
Hi justin since your doing stuff in performance....: Combine the 3 stylesheet you have at the moment into 1 stylesheet saves you 2 extra server requests. Besides that I can really recommend you use a reset.css (meyers reset is a good one) to eliminate most browser differences. Place that at the top of your style-sheet. Right now i don't find it really helpful to help if you didn't use a reset.css since IE has so many bugs that without a reset it will be virtually impossible to help. So do that and ill have a look.
-
i can really recommend you use a reset.css, (if you don't allready) to eliminated most browser differences. I assume your original issue was solved? cheers!
-
ADD this at the bottom of your css I must say i don't like the look of your markup really, but that's just personal. div.headNav a.navLinks img.imgNav{ float:left; } if it doesn't work let me know
-
haku allready said it, aside is a html5 element. Seems firefox doesn't Yet support it, and neither should you rely on it for a commercial project
-
dont forget to set a parent width for the body otherwise it wont work for older browsers
-
would be awesome if you could be more precise, but since i also like guessing, here is what i think could cause the same: in the left part of your website, you use cufon. the span containing that cufon stuff has a padding. since the cufon takes time to render i think that is what causes the symptom <span class="label"> ....cufon inside here </span> css: #sidebar .cta a .label { background: url("../image/sidebar-cta/a-label.png") repeat scroll 0 0 transparent; bottom: 0; color: #FFFFFF; font-weight: bold; height: 25px; left: 0; padding: 10px 10px 0 0; position: absolute; text-align: right; width: 270px; } maybe try to set it to display none and ones the site has been fully loaded use javascript to set it to display:inline;
-
i am not sure if i am right but wouldn't it be possible by combining: http://www.php.net/manual/en/function.sort.php and http://www.php.net/manual/en/function.uasort.php
-
maybe have a little read on classes and id's: http://www.w3schools.com/css/css_id_class.asp will help you alot when making stuff
-
Wrapping text in paragraphs around multiple images.
cssfreakie replied to raknjak's topic in CSS Help
hehe bottom left corner green button 'solved' only shows when not in editor mode -
yeah i am pretty glad to because I was pretty much banging my head on my keyboard, because of this typo glad i am not like this guy