Questions About Trebuchets

Let's play a game called "Buy This Shit!" Suggest one thing you think the average redditor has no clue about and tell them how awesome it is.

I'll go first: TV: The Black Donnellys, a great one season drama cancelled before it's time Movie: Give 'Em Hell Malone. A noir story set in the present day but keeping all the noir trappings. Music: George Hrab. Buy Trebuchet his new album, sample the whole thing [here](http://nerdyshow.c…

I run a robotics/engineering program in a middle school. What made (or would make) after-school science fun and engaging for you?

I'm pursuing a career in science education, and this is one of the first times I've been singly in charge of a room of kids. Terrifying, but awesome. We have some pretty nice equipment, they (the students) can create machinery that is hand-operated (like claws and trebuchets) or vehicles and othe…

I'm trying to match existing designs and need to identify this font.

MeFi Font Patrol: I have taken on the task of updating this website, and I need the name of the font that was used in these menu images. (More inside.) The original designer said he used some form of Trebuchet, but if you compare a sample with this image, it's clear that they're different -- notice in the latter that the 't' and 'j' are perfectly straight, while in the former they curve. I can't seem to find any other variants of Trebuchet online -- any suggestions?

Text is causing CSS placement issues

I have a comics website and would like to place text (database field "description") under each comic thumbnail.

I have 2 questions:

Question 1) I'm not sure why, but when I place text under a comic, it forces the comic row below it to offset by one.

enter image description here

But otherwise, without text... it lines up fine:

enter image description here

The CSS is as follows:

    .comics {
    float: left;
    padding: 15px 5px 30px 15px;
    margin: 10px;
    background: url(images/SiteDesign/comicbg.png) no-repeat 0 0;

    /*Need to set width on this >= to thumber width so description text will wrap*/
    width: 220px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;



    echo '<li>';
    echo    '<span class="comics"><a href=".?a

Advanced CSS rollover - parent container image swap

I am working with CSS and trying to build out a navigation menu without using js to trigger the rollovers. This nav is kinda tricky because the design has arrow like dividers at would be a pain to split up into individual link backgrounds...

For some reason I can't figure this out right now and thought I'd put the question out there... Is it possible to use the pseudo class :hover to swap out the background of the UL with each link.

I have created a fiddle of everything.

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

    margin: 28px auto;
    box-shadow:1px 1px 5px #ddd;


Can't press CSS decorated button

I'm having an issue with a CSS I applied to a button. It seems super simple but I can't find the problem.

The CSS decorates the button properly but I cannot click on it, it won't submit...

Here is the code:

.addToCart {
width: 100px;
border-radius: 4px/4px;
border: 2px #E8CD00;
text-align: center;
vertical-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
font-weight: bold;
padding: 1px;
background-color: #E8CD00;
color: black;

<form name="cartAdding">
<input type="hidden" name="productid" />
<input type="hidden" name="command" />
<input type="submit" value="ADD TO CART" class="addToCart" onclick="addtocart(<?php $itemId?>)" />

CSS angled menu with gradient under dropdown issue

I have an angled menu that has a gradient under it that continues all the way to the upper edge. I also have a subnav that has a different gradient that runs underneath the main nav's gradient. Everything looks right, but when you try to roll over to select from the sub menu drop down, it won't let you and goes to the next item on the main menu. I know this is a z-index issue but I can't figure out how to get it to look and function right.

Thanks in advance for any light you can shed on this problem!!!

I have it up on jsfiddle:


    #cssmenu > ul {
    list-style: none;
    margin: -95px 0 0 0;
    padding: 0;
    line-height: 1;
    float: left;
#cssmenu > ul {
    display: block;
    position: relative;
    width: 610px;
    -webkit-transform: rotate(-24deg);
    -moz-transform: rotate(-24deg);

jQuery Mobile shows all pages when using a multi-page template

I'm creating a simple jQuery Mobile 1.3.0 single-file, multi-page document. When it loads, all of the page divs display on the page. What is wrong with the code?

This is the HTML:

<!DOCTYPE html>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>Daily Exercise</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="favicon.png"/>
    <link rel="apple-touch-icon" href="icon.jpg"/>
    <link rel="stylesheet" href="" />
    <script src=""></script>
    <script src=""></script>
        .content    {margin-top:-20px;}
        .main       {font-weight:bold; font-size:14px; color:#444; font

Catapults Away!

How do I build a catapult, trebuchet or ballista? I am a high school senior. My physic's teacher has allowed us to choose a senior project. A catapult (or some contraption like it, if you can think of something more original) always seemed like a cool project. However, after searching, I found too many sites offering products, and not that many conclusive designs that I could actually use. Keeping in mind I am a high school senior, this is a school physics project, and I have ample but limited resources, what could I realistically build and where can I find the designs? Since we are on the projectile motion area, my other friend would like to know designs for a potato gun.