HTML - Build Square In Css1
Hey,
I need to make an squre which would be fully compatible with CSS1 only - I've it with CSS2 or 3, but appication which is using these html templates is not compatible with those css (border of div is not visible etc), so I have to to it by some "old" kind of way. Square should be like 18x18px with nothing inside - just thin black border (1px). Let me know if there is any way which won't be <table... Thanks in advance! Similar TutorialsHi people! I am semi-new to html, and have tried to figure this one out on myself, but it just doesn't seem to work! So I am trying to create a layout for my photo blog, with these standards: * images that I post auto-resize to squares [100*100] * when you click on the image it will show you the full sized version optional: * on the homepage you get the option to click on 'ANALOG' and 'DIGITAL' That's all! It can't be that hard right, am I over-seeing something? I want to use this layout on tumblr, blogger, wordpress, or any other free platform! I have a link right here to give you an idea of what I'm talking about: http://www.oscaralexander.com/lomo/lowlands-08-08/html/ [they aren't squares, I know] I want the maximize square to work with a new window pop-up but it is not. I been trying all sorts of options without luck. The minimize button works the close but not the maximize square. Is there any way this button can work? I am openning the new with "_self" option. This is by code now. javascript:window.open('http://www.tstonebeta.org/staff.html','','maximize,width=600,height=600,scrollbars=1,resizeable=1,status=1,toolbar=yes');void( 0) Thanks for any suggestions. Russ Hello, I want to build button for menu on a site. Each button is made from 'div'. When button is in release state (not pressed), the border-style of its div must be "outset". When button is in actioned state (pressed), the border-style of its div must be "inset". The code for release state may be: -------------------------- <a href="index.html"> <div id="menuHome" style="position:absolute; left:0px;top:0px;width:150px;height:20px; background-color:#FF6600; border-styleutset; border-color: #FF6600; border-width:3px;" align="center">Home </div> </a> -------------------------- The 'menuHome' is the button for home link and I make the link to this div and so on. My problem is to set the 'inset' property for border-style of 'menuHome' div when I click on this button to give effect of pressed button. Thank you. I am very intersted in building a Scroll-over menu such as the one on this site: http://us.wholesalesports.com/storefront/ When you scroll over HUNTING or FISHING, you will see a very nice menu with other text links. This menu has a very nice light red background as well as a dark red highlight scroll over. Where would I find a script or code to add this to my web site? Is it CSS or some other? My web software is Dreamweaver. Hi guys I want to build a simple HTML site on WordPress but I don't want to use the templates they offer there. I also want to add java script effects. Or is there a way to modify the design of big areas in case I do use a custom template? I want the site to look something like that with some codes for the images to move around like that: http://www.studiobreakfast.be/ Is there a free way to do that of I need to pay? Thanks a lot for your help! Natalie i want to build a free website to start really learning html until i am a wizard at html Hello I am trying to figure out the best way to make a table that shows a product then under the product has a small description, link to get details and then an add to cart link/image. an example of what I ma trying to do is the table they have built here; http://www.cabothillsmaple.com/order_syrup.htm What is the best way to do this? Thanks for your help I would like to build this type of widget but without the trulia logos and taking them to the trulia site, i would like to be able to use my idx system to search properties http://www.trulia.com/tools/searchbox/#code_block Hello all, I noticed there are more than a handful of different scripting languages, markup languages, and many different methods to building a modern day website. If im starting from scratch and I would like to build a professional website such as yahoo (homepage), craigslist, e-commerce, etc... A website that allows users to create their own accounts and such, what should I need to know? Is learning HTML + CSS really a good starting point? Is HTML, CSS, CGI + Perl sufficient to having the tools needed to create a good website? Realisticly, do professional web-designers really sit down and write code to create a website or do they use some fancy third-party application that basically does all the work for them? I have always wondered about these questions any help will be greatly appreciated. Is it wrong to use tables to build your website's layout? For example, on one column you'd have the navigation, and on the other column you'd have the main website content. Is this method wrong? Today's websites, most people focus on building them with more advanced languages such as PHP & MySQL, am I right? Do people still build full websites using only HTML and CSS? The only HTML/CSS sites I really see nowadays are usually old informational static websites that never change. I'd like to know 2 things please, which is FASTER, using templates and modifying to design sites or building from scratch? Next, which is BETTER, using templates or building from scratch? I just finished with basic index.html page for my website. It will have 20 or more subpages - they will all use same design. I don't want manually change all the links on every page if one day I add menu link or something like that So any ideas how to do that automatically in Dreamweaver CS3? Sorry, I don't know where to post that, but I want to try to build a website for iPod but I have no idea how to start, I can make website for desktop version, but not on iPod version. How different do I have to do? Where to start? Thank you. Hi, Can any one tell me some simple steps to build my website from development to publishing on the web without programming? This form uses a wordpress plugin so it works fine but it just looks bad because it doesn't fit into the theme nicely. Can anyone tell me how to make it fit? Code: http://reveretaxi.com/order-a-taxi-cab What value do i adjust in the HTML to get it to fit? Code: <div align="center"> <center> <pre> <table width="69%" height="690" cellspacing="0" cellpadding="0" border="0"> <tbody><tr> <td width="50%" height="25" bgcolor="#ff0000" align="right"> </td> <td width="50%" height="25" bgcolor="#ff0000"> </td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font><font color="#000000">Leaving From</font></b></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFrom]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Cross-Street:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* Cross-Street:]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Location Type:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[select* LocationType: "Choose One" "House" "Business" "Apartment" "Other"]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>City:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFromCity]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>State:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFromState]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Date:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* Date]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Time:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[select* Hour "Hour" "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12"]<!--webbot bot="Validation" b-value-required="TRUE" -->[select* Minute "05" "10" "15" "20" "25" "30" "35" "40" "45" "50" "55" "00"]<!--webbot bot="Validation" b-value-required="TRUE" -->[select* AMorPM "AM" "PM"]</td> </tr> <tr> <td width="50%" height="21" bgcolor="#ff0000"> </td> <td width="50%" height="21" bgcolor="#ff0000"> </td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font><font color="#000000">Destination:</font></b></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* Destination]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>City:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* DestinationCity]</td> </tr> <tr> <td width="50%" height="26" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>State:</b></font></td> <td width="50%" height="26"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* DestinationState]</td> </tr> <tr> <td width="50%" height="21" bgcolor="#ff0000" align="right"> </td> <td width="50%" height="21" bgcolor="#ff0000"> </td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Vehicle Type Preference:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[select* VehicleTypePreference "Taxi - 4 Door preferred" "Taxi - Van preferred"]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Payment Type:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[select* PaymentType "Choose One" "Cash" "Visa" "Master Card" "American Express" "Voucher"]</td> </tr> <tr> <td width="50%" height="25" align="right"><font color="#000000"><b>Number of Passengers:</b></font></td> <td width="50%" height="25">[select NumberofPassengers "1" "2" "3" "4" "5" "6" "7" "8" "9" "10"]</td> </tr> <tr> <td width="50%" height="21" bgcolor="#ff0000" align="right"></td> <td width="50%" height="21" bgcolor="#ff0000"></td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact Name:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactName]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact Phone Number<br> (w/ Area Code):</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactPhoneNumber]</td> </tr> <tr> <td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact Email:</b></font></td> <td width="50%" height="25"> <!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactEmail]</td> </tr> <tr> <td width="50%" height="21" bgcolor="#ff0000" align="right"> </td> <td width="50%" height="21" bgcolor="#ff0000"> </td> </tr> <tr> <td height="59" align="right" colspan="2"> <p align="center"><b><font color="#000000">If you require service to meet an arriving flight, please provide the following:</font></b></p> </td> </tr> <tr> <td width="50%" height="25" align="right"><font color="#000000"><b>Airline:</b></font></td> <td width="50%" height="25">[text Airline]</td> </tr> <tr> <td width="50%" height="25" align="right"><font color="#000000"><b>Flight Number:</b></font></td> <td width="50%" height="25">[text FlightNumber]</td> </tr> <tr> <td width="50%" height="21" bgcolor="#ff0000" align="right"> </td> <td width="50%" height="21" bgcolor="#ff0000"> </td> </tr> <tr> <td height="40" align="right" colspan="2"> <p align="center"><b><font color="#000000">If paying by voucher, please provide the following:</font></b></p> </td> </tr> <tr> <td width="50%" height="25" align="right"><font color="#000000"><b>Voucher Account Name:</b></font></td> <td width="50%" height="25">[text VoucherAccountName]</td> </tr> <tr> <td width="50%" height="25" align="right"><font color="#000000"><b>Voucher Account Number:</b></font></td> <td width="50%" height="25">[text VoucherAccountNumber]</td> </tr> <tr> <td width="50%" height="25" bgcolor="#ff0000" align="right"> </td> <td width="50%" height="25" bgcolor="#ff0000"> </td> </tr> </tbody></table> </pre> </center> </div> <p align="center"><font color="#000000"><b>Please provide any special requests or instructions in the field provided below:<br> [textarea specialrequestsorinstructions] </b></font> [submit]</p> Ok I want to get involved with a few affiliates. Now they've given me the link I need to set up my store within my website, but I need to know how and what is needed to build the HTML/CSS page so that the store works. They salso said that I am able to skin the storefront with my websites look. So is just the very basics of an HTML page needed for an affiliate link to work? Or is it going to be something more advanced? |