Jump to content

cssfreakie

Staff Alumni
 View Profile  See their activity

  • Posts

    1,674

  • Joined

  • Last visited

 Content Type 

Everything posted by cssfreakie

  1. cssfreakie
    well i think you need some hardcore regular expressions for this and a table with keywords. otherwise I would have no idea how to do this. I think this is pretty difficult.
  2. cssfreakie
    Well if i would have made that template it would have worked for IE 5 6 properly It was a standard one i adjust a bit so it was easy to read. not my style either haha But i am really afraid the English i use is crap and people won't say it
  3. cssfreakie
    here try this out it wont get any compacter than this, if you like you can put the stuff between style in an external stylesheet. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/reset.css" /> <title></title> <style type="text/css"> div#menu{ width:960px; border:1px solid #333; overflow:hidden; /* if no height is given it will shrink wrap to the height of the inside */ } ul#hornav{ list-style: none; /* removes bullets */ margin:0; padding:0; /* if you would have used a reset.css this is done already */ } #hornav li{ display:inline; /* make it a horizontal list */ } #hornav a{ color:#000; /*give the links some color */ display:block; /*give them body */ float:left; /* block elements start at new lines, by using float we undo this but keep the body */ text-decoration: none; /* remove line under link*/ font-size: 15px; padding: 15px; border-right:1px solid #333; } #hornav a:hover{ /* mouse over */ background:#999; } </style> </head> <body> <div id="menu"> <ul id="hornav"> <li><a href=""><span>One</span></a></li> <li><a href=""><span>Two</span></a></li> <li><a href=""><span>Three</span></a></li> <li><a href=""><span>Four</span></a></li> <li><a href=""><span>Five</span></a></li> </ul> </div> </body> </html> -edit: i adjusted above a tiny bit to give the buttons a mouseover effect: #hornav a:hover{ background:#999; } now you might think why is he using those extra span inside the a elements. That is done to make it ready for sliding doors.
  4. cssfreakie
    Well div's are ideal for putting more stuff in one container (see it as a bag). By using a div you can target all stuff in that bag. But right now you put 1 word in a div. which is a bit to much. brb ill post you the same look and feel of your menu with an unordered list. (sounds unordred but that just the name w3c gave it
  5. cssfreakie
    Oh i would really not make a menu like that, an <ul> is much prettier for it. brb ill check your code for spaces. -edit: if you mean the top space you you commented out the margin:0; padding:0; in the body style this should put everything on top: body { background-color:#CCCCCC; padding:0; margin:0; border:0; } Or do you maybe mean the ticker border at the bottom part of the menu where it touches the content?
  6. cssfreakie
    I am missing code to, but any navigation menu that works would be set-up with an unordered list, and since you use it as a horizotal nav. you need to display it inline. If you like i can post some standard code that pretty much any decent menu uses, which in the end is able to do more advanced stuff such as sliding doors technique (css doesn't get more difficult than that really). Also if you like you can post at my little blog (cssfreakie.blogspot.com), for request on stuff. I am missing input on nice tutorials. Some best practises are already gathered there for the novice till mediocre css student.
  7. cssfreakie
    well just for the record, although i am not after tips hints or critiques on the look and feel of this blog (I do this for a living, and i would not sell this blog layout, since it's not my taste but it's easy and free). I am just using a free blogspot which is as far as I now a great place to have a free blog. I just tested it in IE 5,6,7,8,9 Opera, firefox and chrome, and it seems to work pretty fine, although it doesn't use the javascript png fix. But that is not my concern, my concern is the language used and that's it. So if you are able to open it, I really love to know if you or someone else has hints tips or critique on my English used
  8. cssfreakie
    I like the image, and i would use those colors in the rest of your design. change the colour of the title (Oxford Farms) it's madness to have this colour on such a nice background. change the white on the menu, i would make it black for now. same is for the color of the background for main content. the colors don't match the image. Anyway, for a nice pony park i would have chosen a different layout, with grass green, leather brown, pretty much a spring country side. I mean that is what you sell right?
  9. cssfreakie
    depends on your definition of fine really, compare it to a decent browser like firefox. This site doesn't work propperly because something vital is missing. Read my signature to check it.
  10. cssfreakie
    Well, while you take some days of, you may want to think about what i said earlier on targeting things, Why would you put something in a paragraph or span or why do you want to give something an ID or class. How would you in this case target the text magnolia field? in addition to the above I would read the following page out load: http://w3schools.com/css/css_id_class.asp and repeat that page every day until you see a secret message a good mantra text can be also : CSS is al about targeting elements id's or classes and setting a style to it.
  11. cssfreakie
    well before i look at it this <p class="clearline"</p> Should look like this: <p class="clearline"></p> you omitted the > twice Did you want that paragraph to be floated btw?
  12. cssfreakie
    hehe i just watch out of curiosity and i saw they were better scaled now, it's looking good. (think [url-http://cssfreakie.blogspot.com/2011/03/css-boxmodel-simple-explanation.html]boxmodel[/url] and it will be a piece of cake
  13. cssfreakie
    than we better prepare http://ww2.zombieinitiative.org/
  14. cssfreakie
    I always wondered who decided to call something web 2.0 or 3.0 I just place a banner up my site web 12.0 ready
  15. cssfreakie
    Looks like an advanced shuffle-board to me, great fun too
  16. cssfreakie
    how do you call her nice one
  17. cssfreakie
    hehe ok, well i just use free blogspot for it, because i am not earning a penny with it and it's more of a trial. But sorry to hear that, although i am not gonna fix it for blogspot.
  18. cssfreakie
    read every bit of my signature and and you will understand too what you are missing.
  19. cssfreakie
    hmm i give the menu as menu a 7 for the fact that it's working. although the look doesn't match the other colours of the website, same is for the new sample header images. But that's just my opinion careful with your new site that you don't make it a Christmas tree just like the other one. Choose max 4 colors that live in harmony apart from black and white. In the other thread someone pointed a great tool for that.
  20. cssfreakie
    I just looked at you website, but it looks okay to me. If your problem is not fixed could you be more precise, what page what image where you want them. right now i see 1 little and a big one that is able to slide but that's javascript. Let me know, maybe even draw it.
  21. cssfreakie
    lol forgot the most important, the url cssfreakie.blogspot.com
  22. cssfreakie

    Smoothing text

    cssfreakie replied to Spixxx's topic in CSS Help

    uh well, i would say send them a mail. I am not their admin, and if this is the only cufon generator? (is it?) than you won't be able to use, it which i doubt because i know quite a some people that use this for every day designs. Another way would be to use Sfir never used it myself though. and otherwise php GD library i think or maybe even typekit: http://typekit.com/?utm_medium=affiliate&utm_source=cufon&utm_campaign=cufon
  23. cssfreakie

    banner help!

    cssfreakie replied to Niixie's topic in CSS Help

    no problem m8 good luck!
  24. cssfreakie
    Come on mate, if you can make a menu the way you wanted with this .htc system how hard can it be to do the same with your original menu? It's also unordered list. let me look a sec seriously you choose for a menu system, and all menu systems are pretty difficult, but since you got it working why are you not able to adapt that knowledge and apply it to the older stuff. In fact you now ask the person helping you to read in to this menu system... instead of the one he or she suggested to help with something you choose because you had it working. Okay so how whould i do this.... hmm What are the similarities: both use ul's what are the differences: different class on wrapper span's used in original menu. Solution remove div ul and span from original menu and squese the li's in the new menu. <div id="supermenu"> <ul><!-- start ul 1 --> <li><a href="index1.php?page=home">Home</a></li> <li><a href="index1.php?page=president_desk">President's Desk</a></li> <li><a href="index1.php?page=club_info">Club Info</a></li> <li><a href="index1.php?page=club_members">Club Members</a></li> <li><a href="index1.php?page=directions">Directions to Field</a></li> <li><a href="index1.php?page=flight_log">Flight Log</a></li> <li><a href="index1.php?page=weather">Weather</a></li> <li><a href="index1.php?page=calendar">Calendar of Events</a></li> <li><a href="index1.php?page=links">Links</a></li> <li><a href="index1.php?page=how_to_articles">How to Articles</a></li> <li><a href="index1.php?page=learn_to_fly">Learn to Fly</a></li> <li><a href="index1.php?page=rookie_tips">Rookie Tips</a></li> <li><a href="index1.php?page=nolf">NOLFs</a></li> <li><a href="index1.php?page=member_area">Members Area</a></li> <li> <a href="#">Videos</a><!-- ====== Main item #1 ==== --> <ul> <li> <a href="#">Amazing 3D</a> </li> <li> <a href="#">B36</a> </li> <li> <a href="#">B52</a> </li> </ul> </li> <li> <a href="#">Slideshows</a><!-- === Main item #2 ==== --> <ul> <li> <a href="#">Grading</a> </li> <li> <a href="#">Fabric</a> </li> </ul> </li> <li> <a href="#">Product Reviews</a><!-- ==Main item #3 == --> </li> </ul><!-- end ul 1 --> <ul><!-- start ul 2 --> <li> <a href="#">Miscellaneous</a> <!-- =========== Main item #4 ==== --> </li> </ul><!-- end ul 2 --> </div> and yeah the styleing that was aplied to the orininal menu is lost now, but if you want 1 menu, you need to choose, and that's what we did. Hope this helps. I assume you understand that if you want items one level up place un ul around it. I never worked with this menu, but this should not be difficult Well i just tested it on my system and the stuff below works as a charm: same code same idea. If you want to set something to a lower level try to nest it. (i described that above)<ul><li><ul><li></li></ul></li></ul> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" > <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>menu</title> <style type="text/css"> /*-----------start supermenu ----*/ body { behavior: url(csshover.htc); } div#supermenu a { color: #000; text-decoration: none; } div#supermenu ul { list-style: none; margin: 0; padding: 0; width:200px; } div#supermenu ul li { font: bold 11px/16px arial, helvetica, sans-serif; height:100%; background:#ff8b8e; border-bottom:1px solid #fff; position: relative; float:left; width:100%; } div#supermenu ul li ul li{ background:#ffcf8b; } div#supermenu ul li a{ display:block; padding: 2px 3px; } div#supermenu ul li a:hover { color: #a00; background: #ffd3d4; border-right:1px solid #fff; border-left:1px solid #fff; } div#supermenu ul li ul li a:hover{ background: #ffedd3; border-left:1px solid #fff; } div#supermenu ul ul { position: absolute; top: 0; display:none; } div#supermenu ul li:hover ul{ display: block; left:200px; } /*--- end supermenu ----*/ </style> </head> <body> <div class="content"> </div> <div id="supermenu"> <ul><!-- start ul 1 --> <li><a href="index1.php?page=home">Home</a></li> <li><a href="index1.php?page=president_desk">President's Desk</a></li> <li><a href="index1.php?page=club_info">Club Info</a></li> <li><a href="index1.php?page=club_members">Club Members</a></li> <li><a href="index1.php?page=directions">Directions to Field</a></li> <li><a href="index1.php?page=flight_log">Flight Log</a></li> <li><a href="index1.php?page=weather">Weather</a></li> <li><a href="index1.php?page=calendar">Calendar of Events</a></li> <li><a href="index1.php?page=links">Links</a></li> <li><a href="index1.php?page=how_to_articles">How to Articles</a></li> <li><a href="index1.php?page=learn_to_fly">Learn to Fly</a></li> <li><a href="index1.php?page=rookie_tips">Rookie Tips</a></li> <li><a href="index1.php?page=nolf">NOLFs</a></li> <li><a href="index1.php?page=member_area">Members Area</a></li> <li> <a href="#">Videos</a><!-- ====== Main item #1 ==== --> <ul> <li> <a href="#">Amazing 3D</a> </li> <li> <a href="#">B36</a> </li> <li> <a href="#">B52</a> </li> </ul> </li> <li> <a href="#">Slideshows</a><!-- === Main item #2 ==== --> <ul> <li> <a href="#">Grading</a> </li> <li> <a href="#">Fabric</a> </li> </ul> </li> <li> <a href="#">Product Reviews</a><!-- ==Main item #3 == --> </li> </ul><!-- end ul 1 --> <ul><!-- start ul 2 --> <li> <a href="#">Miscellaneous</a> <!-- =========== Main item #4 ==== --> </li> </ul><!-- end ul 2 --> </div> </body> </html>
  25. cssfreakie
    Oei Sorry i am as good in javascript (within the css forum) as playing rugby without legs and being blindfolded. I assume your nifty JavaScript outputs html in the end right? post that here. I find it more than difficult to imagine how this would look. Maybe got an on-line example otherwise would save a lot.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.