DaniWeb IT Discussion Community - HTML and CSS

Which way is better?

Alexancho — Sat, 07 Nov 2009 16:01:29 GMT

The task is to create links:

http://i063.radikal.ru/0911/05/84280713bc76.png
It can be done using HTML only. Something like this:

  Read Morebsp;   

   Comments (33)

But it also can be done using CSS. For that you have to create classes, write a bit more. Which way is preferable? And in the case of using CSS what is better to use an image as a background or just as an image?

google on firefox address bar

tk sailo — Sat, 07 Nov 2009 15:34:07 GMT

hello,
Can someone tell me how to put favicon and site name on the address bar with colored background on firefox like google.com?

thanks in advance.

Attached Images

add_bar.jpg (26.2 KB)

Code required, please help

galaji — Sat, 07 Nov 2009 05:51:42 GMT

Hello, there is a site out there known as 'getref', I want to have a site like that, can anyone help me getting HTML code for that ?

OR any help will be welcome..
I am new to this forum thats why I am not posting any links....
thanks at-least for reading this, have a terrific day(or night) ahead...

Different Monitor resolutions changing layout! Help

ryankreeps — Fri, 06 Nov 2009 23:55:48 GMT

I'm trying to launch my website http://www.ryankreeps.com

It looks fine on my macbook, but when I open it on a computer with a different resolution it looks terrible. Everything is out of place.

This is based off a wordpress template that I've customized a bit. This is my first website and I'm pretty much clueless. I know it has something to do with using absolute, relative, or float positioning. Can anyone take a look and give me some hints what is wrong?!

-Ryan

can you explain ie7? (fixed position, width 100%)

alipica — Fri, 06 Nov 2009 20:04:45 GMT

I just spent several hours trying to figure out how to fix my websites appearance in ie7. I've found a solution, but I have no clue why it actually worked. I'm looking for an explanation if anyone has one.

My goal was to have a fixed position div across the top of my website. It would have a solid image centered in it that was the width of the content not the screen. When you scroll the page the text should go underneath the bar. I also wanted the bar centered within the width of the screen (since my site is also centered). That way, if the screen was resized the bar would still be centered over the content.

I tried several css methods to achieve this. What I tried worked in EVERY other browser, but not IE7 (don't ask about IE6, I don't develop for it anymore). Here's what I had:

#upperBarWrap {

        position:fixed;        

        text-align:center;

        margin:0;

        width:100%;

}

#upperBar {

        width:1200px;

        height:38px;

        margin:0px auto;

        background-image:url(images/layout/upperBar1.png);

        background-repeat:no-repeat;

        background-position:top left;

        text-align:left;

}

Ie7 didn't know how to handle 100% width. my bar was always ~200 pixels to the right of where it should have been. With everything I tried the bar didn't budge from its off-center position. I finally decided I just needed to effect it somehow. What finally worked was adding a width that only 1e7 could read:

#upperBarWrap {

        text-align:center;

        margin:0;

        position:fixed;

        width:100%;

        *width:1220px;

}

Note that 1220px is the size of the content container div.

This solution really doesn't make any sense to me. Can anyone help me understand why this worked?

Positoning logo inline with H1 and H2

tiffinlar — Fri, 06 Nov 2009 15:37:41 GMT

HTML:



        Derby County Football Club


        Index Page

CSS:

#header{

position: relative;

  text-align: right;

  border: 1px solid #000;

  background: #FFFFFF;

  margin: 5px;

  padding: 3px;

}

.logo{



}

What i want is to display the H1 and H2 on the right, and have the logo on the left all in line with each other. any suggestions?

Adding Author in Blogger?

Doctor Inferno — Fri, 06 Nov 2009 08:32:28 GMT

Hello,

I have a blog hosted by blogger. But there is no "Posted By" in the posts. Does anybody know to add this? I have tried using the widgets feature to check "Posted by" but it still doesn't show.

Shadow

prachipote — Fri, 06 Nov 2009 05:14:28 GMT

how to give shadow in dreamweaver to textfield area?

this is my code nd i want to give inner shadow for this

valign='middle' not working!!

MDanz — Fri, 06 Nov 2009 00:28:29 GMT

i have a variable which is an image

$image = "";

i want it to be in the center of the td but it doesn't center vertically, it stays at the top, i did this

echo "



$image  





";

any ideas?

Why font-size is affecting the gap between divs in this example?

Altairzq — Thu, 05 Nov 2009 21:39:28 GMT

As you can see in this test, if you change the font-size in the body section to 0px, it's the only way to bring the divs containing the images together. Could anyone see a solution to this? I can't set the fonts to 0px in the website, and can't understand why is this happening.

I'm testing with Firefox but same is happening in Safari. Haven't tried IE, but it's not really important because I will be using the web only in FF and Safari.

http://localhost/america/editora/test.html

How to make uncompressed .pdf downloadable

wonderland — Thu, 05 Nov 2009 19:26:26 GMT

Hi,

I did a search on web but couldn't really find anything, well anything explained in detail at least ..

How can I make .pdf file downloadable insted of it opening in web browser?

I know that I can rar it , bu I really want to make it downloadable unrared .

Iframes problem

cavpollo — Thu, 05 Nov 2009 16:15:04 GMT

Hi there,

I got the following problem with my code (which its just an extract):
1. When it loads on Firefox it looks just like I want it to look, everything ordered and in its place, BUT when I visualize the same code on Internet Explorer it shows about half or less of the content of the iframe, and the left columns just appear at a random height...
2. This is a minor thing, but it bothers me a little bit. The border of the tables looks oddly different on internet explorer...

Sso my questions are: How can I fix this? I'm I missing something? What should I change?
I don't want to force all my visitors to download firefox to be able to see my page as I want them to see it...









        Inicio



        





















        

                    

        







        






















         Sorry, your browser doesn't support iframes.


        


        

        

        

                    Log-eate!  


                    Suscribete!  


        
 
















        Para poder visualizar bien esta pagina debes usar
el browser de internet Firefox. Consiguelo clickeando AQUI


bla bla bla

























          

          

          

          

          

                      

           

           

          




















        

                 


                 


                 




                 


                 

                               Asociate
a esta
pagina web!
Tu banner
aqui! =D

                

        





















CAVPOLLOS.WEBS.COM

Basic question about positioning, margins and paddings

K?! — Thu, 05 Nov 2009 13:36:54 GMT

Hi all

I want a header to stick to the top of the browser window and left and right to it. (pretty standard, right?)

I have configured the following things for this: (never mind the colors, those ar just for testing purpose.)

body {

margin: 0;

padding: 0;

border: 0;



background: black;

}



#header {

background: red;



height: 80px;

width: 100%;

margin: 0;

padding: 0;

border: 0;

}

But Firefox, IE and Chrome are STILL displaying space between the top of the browser window and the header div. (haven't tested other browsers yet)

Any help?
Thanks in advance
Greetings, K?!

Ps: sorry if this question has already been asked.

Google Maps Directions in infowindow

ib4dogz — Thu, 05 Nov 2009 10:32:25 GMT

Google Maps Directions in infowindow

Take a look at the link below. Click on one of my markers in the map. Inside the info windows I would like to have “Directions: To here - From here” feature in it.

Thanks in advance for your assistance.

http://www.crucialdesign.net/diningguide/test.html

CSS Menu Assistance

firefly-21 — Wed, 04 Nov 2009 23:29:00 GMT

Hi Everyone,

Having a few issues with my CSS menus that need resolving.

At present you can see how the menus are rendering by browsing to http://www.pccredibility.com.au/. It seems that they are positioning themselves underneath the right location, where they should be dropping down from.

However, the menu items should drop directly down when the mouse hovers over the menu item.

Im pretty sure there is a tag i need to reference within my stylesheet but i cannot remember which one. My stylesheet is located at http://www.pccredibility.com.au/index_files/styles.css

Can anyone help?

HTML Validation why bother?

ggeoff — Tue, 03 Nov 2009 19:51:19 GMT

Hi
I am using Expression Web 2 and need to alter an existing website so as to display nicely on what I regard as a standard display size of 1024 x 768. It would have been better to start from scratch but it's a bit late for that now. I have an error "td tag not closed before this body tag closed". I couldn't find any open tags and decided to sumbit the page to the HTML validator. To cut a long story short it didn't accept the Doctype statement throwing 9 errors.

Just out of curiousity I decided to enter www.microsoft.com into the validator. Is this a record? The validator threw up 296 errors and 31 warnings!

Microsoft seem to be doing all right so why bother should we bother with the HTML validator?

Geoff

Submit button

AKE_daniweb — Tue, 03 Nov 2009 13:02:03 GMT

I've searched the web without any succes to try and solve this newbie question.

I have an submit button that i want to say "Answer", but i want the value to be something else.
How do I do it?

//AKE

margin in css

rudz — Tue, 03 Nov 2009 11:42:05 GMT

margin-left:auto;

margin-right:auto;

is working in firefox but not working in ie can someone help plz i want to center the page .

How to declare the mime type for a html-email?

sica07 — Tue, 03 Nov 2009 11:13:06 GMT

Hello,

I am trying to create a html-email. I've read that in order to render the html content corectly I have to set the content-type of the mail to text/html but I don't know how. Ho to do all this when writing from a regular email client. I have to declare it in the mail body? Or in the mail header (if so, how do I do it?)? I tried with:

placed in the body of the mail (with the rest of the html code) but it doesn't work. It displays as plain text (displaying all the html tags).

how convert marquee to CSS effect?

fumnimda — Tue, 03 Nov 2009 06:15:55 GMT

as i read marquee tag is not compatible with XHTML.
how can i implement it with CSS ?

News Story Firefox 3.6 Beta 1 Available

EddieC — Mon, 02 Nov 2009 15:26:04 GMT

Firefox can finally orient itself, at least in terms of iPhones and MacBooks. Mozilla's latest browser, Firefox 3.6 beta 1, can now talk to accelerometers such as those in many Apple devices, thanks to orientation event objects introduced in the new Gecko 1.9.2 presentation engine at the browser's core. Also among DOM enhancements are drag-and-drop for file transfer and the ability for Web workers to self-terminate.

And that's just the beginning. The download of Firefox 3.6 beta 1 for Linux, Mac OS X and Windows contains thousands of bug fixes, including numerous repairs to CSS image rendering and text alignment.

There also were significant updates to XUL, and separate pages were created to advise extension and plug-in developers of how to update your work. For plug-in developers, you'll need to know that main () is no longer supported as an entry point. There are also some user interface changes and Mac OS X-specific mods, and with Gecko 1.9.2, the old Code Fragment Manager will be officially phased out. For extension developers, the add-on package has been modified, and there are UI and HTML 5 compliance improvements to deal with.

Firefox 3.6 also reportedly supports some aspects of Windows 7, including Aero Peek and taskbar thumbnails (does anyone like these?), but will not support Jump Lists when released later this year.

Is a form the only way you can input data using HTML?

fellathedog — Mon, 02 Nov 2009 15:17:53 GMT

In my searching, I think I know the answer, it seems that any time you want to do input using HTML, it references a form.

Is this also true with buttons?

Does ALL user feed back in HTML require a form?

I am not speaking of Java Script, just HTML.

Problem with larger image than I want

bufospro — Mon, 02 Nov 2009 12:15:04 GMT

Hi,
I want to insert in my home page a weather forecast.
So I found a site that generates code for weather.

The site is http: // freemeteo . com / default.asp?pid=183&la=1

The problem I have is that the image which is generated is higher than I want. I would prefer 250 *60.

And with divs I can't do it.

Could someone help me?

problem with loading my site

hno — Sun, 01 Nov 2009 20:27:18 GMT

HI
i have a problem with loading my site with ie6 . but it doesn't have noproblem with ie7 , opera, mozila and other browser except ie6 . it is not english , i wrote it with joomla and php ,

can you see bazare-iran.com and tell me what is the problem with it ?

Thanks

Rounded Points - What's the technique?

evstevemd — Sun, 01 Nov 2009 20:02:31 GMT

I need to make

to have rounded corner.
I wonder what other technique than putting rounded image at corner can be used to make them round. Is it Javascript or what? CSS?

Look at this site with rounded corners
http://www.mtibwasugar.com/pages/index.php

I don't want to use CMS like joomla or whatever

need help with making a onine game web site

hno — Sun, 01 Nov 2009 17:06:13 GMT

Hi
I want to make a online game web site . i want to klnow , what do i need for now ? should i install any script ?

please give me some information about it

thanks

Site shows up 'wrong' in IE; fine in Firefox,Opera

plagel — Sun, 01 Nov 2009 03:26:11 GMT

Hi folks. I'm Jeff, long time lurker, but now I need help I can't figure it out for the life of me. I can get everything else to look just fine, but the 'body' part of the site(right pane) shows up UNDERneath everything in IE. For example http://www.sparkleaning.com/commercial/

Thanks for any help!!

Here's the HTML for the page:















        Sparkleaning - Bucks County Residential Cleaning. Also Serving Philadelphia and New Jersey

        

        

        

        



        

        













                

        




        

                

                        

                




        

                

                        

                                                                



                                

                                Contact us today for a free estimate or to schedule an appointment!

                                

                

        

                

                        

                        First Name:

                        

                


                

                        

                                Last Name:

                        



                


                        

                                E-mail:        

                        

                


                        Phone:

                        

                


                        

                                Address:



                        

                


                        

                                City:         

                        

                


                State: 

                                           

                                        




                        Zip Code:        

                        

                






                                        Message:

                        



                

                



                        

                

                



                        





        

        
                        


                




                

                        

                                



                                        About Us

                                        

                                        


                                        Mission

                                                

                                                

                                        


                                        Services



                                                

                                        
Contact

                                                

                                        


                                        

                                


                        


                        

                        



                        Our Services

                        


                        



                        

                                Take a moment to browse the the services we provide, in addition to the regular dusting jobs those other companies do. 

                        


                        

                                Janitorial Solutions - Great for any office, no matter how large or small. 

                        




                        

                                Education Solutions - Protect our youth from unnecessary health risks, help raise their scores, and reduce absences! 

                        


                        

                                Healthcare Solutions - Ensure your office stays as clean as possible, to keep your clients healthy! 

                        


                        

                                Floor & Carpet Solutions - Extend the life of your floors while maintaining your professional appearance. 

                        




                


        




        

                

                                        

                        

                        

                        

                        



                        

                        © 2007-2009 Sparkleaning LLC. All Rights Reserved.

And the CSS:

* {

        margin: 0;

        padding: 0;

}



body {

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: 13px;

        color: #646A61;

        background: #165C7C;

}



#container {

        width: 752px;

        margin: 1em auto;

}



a:link { color: #666; }

a:visited { color: #666; }

a:hover { text-decoration: underline; }



a.nav:link { color: #FFF; text-decoration: none; }

a.nav:visited { color: #FFF; text-decoration: none; }

a.nav:hover { text-decoration: underline; }







/**********FORMS*****************/



#form_box {

        float:left;

        width: 220px;

        font:0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;

        padding-left: 0.2em;

        margin-top: 0px;

        margin-bottom: 0px;

        margin-left:0em;

        margin-right:0px;

        height:100%;



}





/*CONTACT FORM PART*/

#leftPane {

        float:left;

        width: 220px;

        text-align: left;

        height:100%;

        background-color:#D8D8D8;

        margin-top: 0px;

        color: #fff;

        padding-right:0px;

        padding-top:0px;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;





}

/*END CONTACT FORM PART*/



form div {

        text-align: center;

}



 

#form_box div {

        padding: 0.2em 0.5em;

}

 

#form_box div.hr {

        height: 0px;

        margin-top: 0pt;

        margin-bottom: 7px;

}

 

#form_box p {

        float: left;

        margin: 4px 0pt;

        width: 120px;

}

 

 

#log {

        width: 400px;

        margin-top: 10px;

}

 

#log_res {

        overflow: auto;

}

 

#log_res.ajax-loading {

        padding: 0;

        background: url(http://www.ethinking.net/17femmes/images/Small_of_the_Back_Girl_01.jpg) no-repeat center;

}



label {

        float: left;

        width: 45px;

        color: #3a6483;

        font-size:13px;

        text-align: right;

        margin-right: 5px;

        padding-right:4em;

        padding-bottom:.5em;

}



input.text, textarea {

        float: left;

        margin-bottom: .5em;

        width: 140px;

}



input, textarea {

        width:140px;

        float:left;

        background-color: #FF9F10;

        border-color: #FF9F10;

}



input:focus, textarea:focus {

        background-color: #FFB030;

        border-color: #FFB030;

}



textarea {

        height: 60px;

}









form br {

        clear: both;

}



p.submit {

        padding-left:10em;

}



/*******************ENDFORMS*****************/

























.brushBullets {

        list-style-type: none;

/*        list-style-image: url('images/brush-20.jpg');

 */

}

.brushBullets li {

        overflow: visible;

        background: url('images/brush-20.jpg') 0px -5px no-repeat;

        height: 26px;

        margin: 0 0 0 5px;

        padding: 2px 0 0 28px;

}



.packagearea {

        color: #003366;

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: 1.2em;

        text-align:left;

        padding-bottom:2px;

        padding-top:2px;

        font-weight:bold;

        

}





h1 {

        color: #003366;

        border-bottom: 0px solid #ccc;

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: 1.9em;

        text-align:left;

        padding-bottom:5px;

        

}



h2 {

        color: #003366;

        border-bottom: 0px solid #ccc;

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: .9em;

        text-align:left;

        padding-bottom:5px;

        padding-top:10px;

        font-weight:bold;

}



p {

  color:#3a6483;

  font-family:verdana,geneva,arial,helvetica,sans-serif;

  font-size: 13px;

  text-align:left;

  padding:1em;

}



p.footer {

  color:#3a6483;

  font-family:verdana,geneva,arial,helvetica,sans-serif;

  font-size: 13px;

  text-align:left;

  padding:0em;

 }





 ul.list {

  color:#3a6483;

  font-family: verdana, geneva, arial, helvetica, sans-serif;

  font-size:1em;

  text-align:left;

  padding-left:3em;

 }

 

  ul.deeplist {

  color:#3a6483;

  font-family: verdana, geneva, arial, helvetica, sans-serif;

  font-size:1.1em;

  text-align:left;

  padding-left:1.3em;

  font-weight:bold;

 }

 

  ul.extralist {

  color:#3a6483;

  font-family: verdana, geneva, arial, helvetica, sans-serif;

  font-size:1em;

  text-align:left;

  padding-left:3em;

  line-height:1.4em;

 }

 

 ul.cleaninglist {

           color:#3a6483;

                  font-family: verdana, geneva, arial, helvetica, sans-serif;

                  font-size:.9em;

                  text-align:left;

                  padding-left:15px;

                  text-height:1px;

        

 }



#topBar {

        width: 752px;

        height: 42px;

}



#topBanner {

        position: relative;

        display: inline-block;

        width: 750px;

        height: 71px;

}



#heading {

        border-left: 1px solid #ff9000;

        border-right: 1px solid #ff9000;

        border-bottom: 1px solid #226d9f;

}



#packages {

        border-left: 0px solid #226d9f;

        float: left;

        width: 450px;

        padding:0;



        

}

        



#belly {

        width: 750px;

        padding: 0;

        background: white;

        border-left: 1px solid #ff9000;/*left border*/

        border-right: 1px solid #ff9000;/*right border*/

        border-bottom:1px solid #226d9f;/*bottom border, above orange part*/

        overflow: auto;

}



#leftPane {

        float: left;

        width: 253px;

        padding-left: 4px;

        padding-right:4px;

        padding-top:0px;

        text-align: center;

}

#leftPane p {

        margin: 1em;

        font-size: 1.2em;

        font-weight:bold;

}



#rightPane {

        border-left: 1px solid #226d9f;

        float: right;

        width: 480px;

        padding-bottom: 10em;

}

#rightPane>* {

        margin: 0 .2em;

}

#rightPane p {

        text-align: left;

}



#bottomBar {

        color: white;

        background: #ff9000 url('images/bottomBar.gif') no-repeat top left;

        width: 752px;

        height: 42px;

        text-align: center;

}



#legalNotice {

        padding:.5em;

        

}



#legalNotice p{

        color: white;

        text-align:center;

        line-height:1em;

}



.formfield {

        font-family: verdana,arial,helvetica,geneva,sans-serif;

        font-size:11px;

        color:#666666;

        background-color:#F7F7F7;

        border: 1px solid #999999;

        letter-spacing: 0.1em;

        text-indent: 0.2em;

}



/* Navigation Container */

#divNav {

        background: #f90;

        height: 58px;/*height of the whole nav section*/

        width: 480px;

        margin: 0 0 1.1em;

        padding: 0;

        position: relative;

        top: 0; left: 0;

}

#divNav * {margin: 0; padding: 0; line-height:1.1em, 1.05, 1.15;}

#divNav a {text-decoration: none;}



#nav {

        list-style-type: none;

}



#nav>li {

        margin: 0;

        display: block;

        float: left;

        text-align: center;

}



/* for all links in the list */

#nav li a {

        display: block;

        width: 96px;

        color: white; /*color of sub-menu foreground*/

        font-weight: bold;

}



#nav li>ul a:hover {

        display: block;

        width: 96px;

        color: #f90; /*color of sub-menu foreground*/

        font-weight: bold;

}









/* Tab Presentation */

#nav>li>a {

        float: left;

        display: block;

        height: 15px;

        padding: 4px 0;

        width: 94px;

        border: 1px solid #165C7C;

        color: #165C7C; /*color of the non-current, main menu foreground*/

        background: white;

}

#nav>li.currentPage>a {background:#f90;border-bottom: 1px solid #f90; color: white;}/* Current top-menu */

#nav>li:hover>a {background: #165C7C;color: white;}/*Non-current top-menu, when hovered on*/

#nav>li.currentPage:hover>a {background: #f90}/*current top-menu, when hovered on*/





/* Categories */

#nav>li>ul {

        float: left;

        display: none;

        position: absolute;

        top: 25px;

        left: 0;

        width: 476px;

        height: 30px;/*height of subnav*/

        padding: 1px;/*padding of the subnav*/

        background: #165C7C;/*background color of the subnav*/

        list-style-type: none;

        border: 1px solid #224d9f;/*shows bottom border of the subnav area*/

        border-top: none;

}

#nav>li.currentPage>ul {

        background: #f90;

        display: inline-block;

}

#nav>li>ul>* {

        font-size: 92%;

        float: left;

        height: 29px;

        margin: 1px;

        padding-top:0px;/*padding for the subnav from the topnav*/

        /*padding-left:20px;/*makes the sub-nav more spaced out*/

        padding-right:15px;

        display: inline-block;

        width: 90px;

}

#nav>li>ul>*>* {

        vertical-align: middle;

}



/* Rollover */

#nav>li:hover>ul {

        display: block;

        z-index: 10000;

}

#nav>li:hover>a {border-bottom: 1px solid #165C7C;}/*when you hover over the top-nav*/

#nav>li.currentPage:hover>a {border-bottom: none; color: white;}/*when you hover over the top-nav, current*/

#nav li.currentPage ul li a:hover {color:#165c7c;}/*when you hover over the top-nav*/

I need Advice on designing a web page.

kreshan_489 — Sat, 31 Oct 2009 04:50:19 GMT

Hello everyone,

So here is the deal. I have to create a webpage for a bodybuilding fitness club. The problem is that i don't know where to start. Also, am a uni student doing various modules like Database systems(we are using Postgre SQL), Interface Design and computer Graphics(OpenGL, Maya, Google SketchUP) and Web Tech(HTML, CSS, Javascript).

From what i have, I want to use all these resources all together to make up my web page efficiently.

Can you show me a realistic path that can lead me to create my web page from the tools am currently learning? By that i mean where should i start for .e.g. design the database first or think about the page layout and so on.
Also, how should i make efficient use of all these tools to build up the page?

Kind regards,
Thanks
Thyaga

Help with divs

bufospro — Fri, 30 Oct 2009 20:00:19 GMT

Hi , I am trying to create a site for my father work.
But it is so bad in appearance.

The left side of the site is so empty, how can I add divs like these in the right side.

And I would like my logo image to become larger and back from the letters (to be like transparent).

Could someone help me ?
Please

Attached Files

demo.zip (374.7 KB)

scrolling thumbs gallery

bratislav — Fri, 30 Oct 2009 10:08:27 GMT

Please help. I want to put scrolling thumbs in horizontal area, each thumb should be open on mouse over in upper area for eg. 470px x 300px. Any help, thanks in advance.

Why removing float:left affects dimensions of a li element?

Alexancho — Wed, 28 Oct 2009 17:48:19 GMT

Why removing float:left affects dimensions of a li element?
The cod is simple:





 

 

   Horizontal menu 



 



                 

                

                          About


                        Servises


                        Solutions

I wanna show a intro page (intro.swf) before loading my index.htm, it's possible?

MavrickIT — Wed, 28 Oct 2009 16:55:11 GMT

Thanx in Advance.

Overlap flash object in IE8 problem

Dat0 — Wed, 28 Oct 2009 13:09:23 GMT

I'm trying to overlap an absolute positioned div box in front of a flash object. I applied wmode="opaque" It works for firefox but not for IE8.









  name="wmode" value="opaque">

   name="wmode" value="opaque">

  wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="100">

Please help me! This is a crucial piece of my CSS puzzle.

Vertical Align issue in IE7

bjdmb — Wed, 28 Oct 2009 06:04:44 GMT

I have been able to vertically align: middle multiple lines of text (navigation) and it works in FF. This does not work in IE7. I have seen multiple ways to align right in IE7 but I have not found one that worked for me. Any suggestions?

help me to mke fs website using html

zhipnie — Tue, 27 Oct 2009 17:37:54 GMT

guys kindly help me namn po ,,mke a website same as fs using html hir is my # [removed]..,nid lang po

Can you make relative?

Dat0 — Tue, 27 Oct 2009 15:14:25 GMT

I'm trying to absolute position a p element inside a table. I tried to make have position relative but it doesn't seem to work.

Does not work! But this does..





 Success

I'm confused why td cant be relative and if using a DIV to absolute position elements inside a is the only option?

height in table

prachipote — Tue, 27 Oct 2009 11:17:11 GMT

how to adjust height in 2rows textarea.it look ok in ie.but collaps height in ff.
bellow is code

Alternative for between -s in

godeny — Tue, 27 Oct 2009 09:26:52 GMT

Hello,

i have some inline images (keyboard keys) in a table cell near each other. Another cell in the row may be very long - fitting into several lines - so the browsers try to wrap every cell. Not using XHTML DTD everything is o.k - the two keyboard key images remain near each other. Switching to XHTML Firefox, Safari and Opera wraps the line between the two images (IE7 not).

As this is a dynamic content, generated from a wiki-like syntax, i am looking for a solution without generally disabling word wrapping in the table cells. Normal text should wrap, only consecutive tags should remain always together (as it is the case without the XHTML DTD).

Placing a between the images (placing before or after all inline images - this is generated contents) solves the problem, but is not an "official" tag.

Defining a style for the inline images with display: inline does not help.

Neither helps placing around each images. Placing a around the image groups is something i want to avoid, as that is not an easy step during the generation.

Any ideas to solve this XHTML-conform ?













  

    

    

  
Blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla

image will show in , but not in CSS

Epi23 — Tue, 27 Oct 2009 04:05:35 GMT

Ok, this is confusing me to no end, I am making a site and am trying to get the background image to stay in the center, not repeating. I've done this countless times by linking to an internet URL, but not from off of my own hdd.

The code I got to work is:







title here

but it repeats it, I don't want it too.

but, when I use CSS, it just shows a blank page.

My CSS code (I just used it in the head tag) is:





title here

I have no idea what I'm doing wrong.

Any help will be greatly appreciated

Dream weaver MX Table overstretching

scribeman01 — Tue, 27 Oct 2009 02:43:53 GMT

Greetings,

I am using Dreamweaver MX and am having problems with my tables being stretched vertically longer than they are supposed to. I removed all height requirements and are primarily vertically aligned to the top. First, here is my external CSS Sheet:

/* CSS Document */



.Arial14px {

        font-size: 14px;

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        font-weight: normal;

        color: #000000;

        position: static;

        top: auto;

        vertical-align: top;

}

.Arial12pxN {

        font-size: 12px;

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        vertical-align: top;

}

.Arial10pxN {

        font-size: 10px;

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        vertical-align: top;

}

.Arial16pxB {

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        font-size: 16px;

        font-weight: bold;

        font-variant: normal;

        vertical-align: top;

}

.Arial20pxB {

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        font-size: 20px;

        font-weight: bold;

        font-variant: normal;

        vertical-align: top;

}

.Arial24pxB {

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        font-size: 24px;

        font-weight: bold;

        font-variant: normal;

        vertical-align: top;

}

body {

        margin-left: 0px;

        margin-top: 0px;

        margin-right: 0px;

        margin-bottom: 0px;

}

.linkfont {

        font-family: Arial;

        font-size: 12pt;

        font-style: normal;

        line-height: normal;

        font-weight: normal;

        font-variant: normal;

        color: #0000FF;

}

.oakiecapN {

        font-family: Times New Roman;

        font-size: 12px;

        font-style: normal;

        font-weight: normal;

        color: #000000;

}

.oakiecapB {

        font-family: Times New Roman;

        font-size: 12px;

        font-style: normal;

        font-weight: bold;

        color: #000000;

}

.BurnsYellowsm1 {

        font-family: Verdana;

        font-size: 9pt;

        font-style: normal;

        font-weight: bold;

        font-variant: normal;

        color: #00FF00;

}

.BurnsYellowsm {

        font-family: Verdana;

        font-size: 10pt;

        color: #80FF00;

        font-style: normal;

        font-weight: bold;

}

.burnswhitebold {

        font-family: Times New Roman;

        font-size: 18px;

        font-style: normal;

        font-weight: bold;

        color: #FFFFFF;

}

.Verd10ptB {

        font-family: Verdana;

        font-size: 10pt;

        font-style: normal;

        font-weight: bold;

        font-variant: normal;

        color: #000000;

}

.Verd10ptBldblue {

        font-family: Verdana;

        font-size: 10pt;

        font-style: normal;

        font-weight: bold;

        font-variant: normal;

        color: #0000FF;

}

.Verd10pt {

        font-family: Verdana;

        font-size: 10pt;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        color: #000000;

}

This is the Dreamweaver document coding:

"http://www.w3.org/TR/html4/loose.dtd">

Oakie Brumm Media Interviews&Articles

Author

Leonard"Oakie" Brumm

SPORTS and RECREATION

in a SUPERMAX?

Media - Pt. 1

This is a partial list of numerous interviews and articles. We also invite you to do a internet search referencing Oakie Brumm - you will have quite a few more articles and reviews to view!

Date	Show/Time
11/16/05	Article: "Extra Time," discussion of how "Sports behind bars" in Australia can offer both a way out and forward for prisoners wanting to rehabilitate themselves." INSIDE SPORT (Sydney, NSW Australia), December 2005 issue, pps. 109-114 illustrated. Writer: Jesse Fink (Deputy Editor).
7/11/04	Article: "In Terms of Innovation, Brumm Set the Standard." NEWSDAY (New York City/Long Island, NY daily & web) Part one of five part series on Prison Sports. Writer: Michael Dobie
1/29/04	Article: "The Day the Wings Went to Prison." THE DETROIT FREE PRESS / Red Wings Hockey Supplement (Detroit, MI) Writer: Bill Dow
6/2/03	Chris Cleveland (Sports call-in show) 2:25 pm KSHP 1400 AM (Las Vegas, NV) (Fox Sports Radio) Format: Sports/Variety
4/11/03	Book Review MIDWEST BOOK REVIEW (Oregon, WI) Reviewer: John Hoh (previously in Bookideas.com 7/18/2002)
3/16/03	(Alive) Interview 7:45 pm Allyson G. & Paxton Quigley co-hosts KMPC ("The Ticket") 1540 AM (Los Angeles, CA) Format: Sportstalk

Interviews & Articles - Part 2

This seems to be a common problem with Dreamweaver MX tables. Any help would be greatly appreciated!

Thanks for any help - am pretty new with coding!

Problem with an absolute div

thacravedawg — Mon, 26 Oct 2009 22:35:32 GMT

Okay so I'm building a site with a bit of an unusual and complex layout. It has a static header div of a fixed height. A body div of a variable height that must be positioned absolutely for overlapping. And I need there to be a footer directly below the absolute div. Here is the basic layout of the css/html









        

            

                

                


            


        


        

            


            

                

                    

                        

                            

                             <--

                                Start Content Here

                              -->

                            


                        


                    


                


            


        


        

         <--

         This container is now showing up at the top edge of div id body_contents...

          -->

Basically, I have everything in the top portion of the document working properly. I just can't get my footer to work below my absolutely positioned element. I have tried wrapping div id body_contents in another div that is positioned statically and no marbles. Please help me get my footer to display in the right place.

CSS Problem

guptavicky — Mon, 26 Oct 2009 13:04:01 GMT

hello friends please tell me how can i create CSS file on net

this is possible or not if yes than please tell me witch site can
my help for my.......

:(

My site Cached with out www.

guptavicky — Mon, 26 Oct 2009 12:57:11 GMT

I have a site itsensex.com but google cached this site with out www.

can anybody tell me what i do for cached my site with www

finding coordinate points of an unshaped image

vijayabhaskar_a — Mon, 26 Oct 2009 11:55:48 GMT

Hi Friends....
i have an urgent reqirement to find coordinate points to a unshaped image(if user clicks different areas of that image ,then navigate to other URL's),so please help me to complete the task..
...whether it is in HTML or in asp.net
thanks

checkbox value

santhanalakshmi — Mon, 26 Oct 2009 06:11:09 GMT

hi,
please help me out....

I want to get the values of the checkbox, if i checked or if i unchecked.

first time,i have checked the checkbox and the values is coming correctly to me and at the same time, when i unchecked the same checkbox and the values is not coming to me correctly(i am getting only checked values if i unchecked also).

web ko

jowen@yahoo.com — Mon, 26 Oct 2009 01:43:48 GMT





web ko





INTERNSTIONAL SCHOOL OF ASIA AND THE PACIFIC

mozilla problem

maheshks230 — Sun, 25 Oct 2009 14:54:37 GMT

hai
i attached one thumbanail...first see that one....
in this how to align bullet symbols at the same time background pic is also vth it......
i tried bt no result!!!!
one time align bullet symbols at that time cann't see the back ground pic
plz tell me the css code for that one is CSS CODE

.nrml-bul {

list-style-image: url('../images/bullet-blue-normal.png');

        

list-style-position:inside;

        margin:5px 40px 10px 0px;

        border:1px solid #ccc;

        padding:2px;

        background: url('../images/list-bg-large.png') repeat-x;

vertical-align: middle;



}

HTML CODE





                                                                BI Solution That Works For Your Business


                                                                Data Driven Actionable Insights


                                                                Reliability Trust Support


                                                        


                                                        

                                                        

                                                                Deep insights into customer acquisition and retention campaigns


                                                                Critical reports / dashboards generated in self-serve mode without having to wait for days


                                                                Identification of cross-sell/up-sell opportunities for new lines of business


                                                                Predictive model to model churn indicators and drive retention campaigns


                                                                Robust and highly scalable BI technology


                                                                Single version of the truth – no more islands of data and sql queries

Attached Images

12.JPG (75.5 KB)

CSS tutorial

iwahm — Sun, 25 Oct 2009 11:09:51 GMT

Would you please suggest any website which is offering quality tutorial on CSS freely !I want to learn this online.If you've got any free ebook, please inform about it.Thanks.

Auto margin problem on home page only in IE6

bnapack — Sat, 24 Oct 2009 20:05:53 GMT

In IE6 the container on my home page doesn't center. On IE7, Safari and Foxfire, it's fine and on all other pages on IE6, it's also fine. Could there be something in the HTML of the home (index.html) page that is saying to ignore the margin-left, margin-right:auto in the Container CSS? I have compared the index HTML with the HTML of the correct pages and can't see anything that could cause this. This is the last problem I need to solve to get my site to look right in IE6. Any suggestions? www.napackdesign.com

problem with text field and submit button

sid7 — Sat, 24 Oct 2009 16:06:49 GMT

Hello,

I'm facing an annoying problem where a button's border colour changes when I click on the text fields in the same form.

I could use onfocus="blur();" on the text fields to resolve this, but then they will lose focus when selected.

So, I'm trying to find out where I can define this colour that the border changes to when text fields are selected. (i.e use camouflage so change of colour is not noticed)

// my css

input

{

padding: 4px; 

color:#888888; 

border: 1px solid #B4CFEC;

}

// my html

Any thoughts?

Thanks,
Sid

about inline boxes

Dat0 — Sat, 24 Oct 2009 03:07:38 GMT

Can anyone explain why if I apply style to a

to "display: inline" it overflows outside its containing block?

#iaminline{display:inline;}

hola!

The result has overflow, while "display:black" is completely contained in the containing block. I want to have inline elements completely inside the containing block. Thanks!

Help me alignment problems vth css

chowdarysmk — Fri, 23 Oct 2009 10:08:36 GMT

hai fndz,
i face alignment problems vth css...
anyone can help me.....in mozilla,but not striaght it show space between bullet symbols&text area...In IE7 ,no space between bullet symbol&text area...the pics are shown below (if any one ask code i also put it).how 2 correct alignment??/
plz help me.............
Thank you

Attached Images

	alignment not straight2bullet textfield(mozilla).JPG (148.2 KB)
	alignment problemmarkedin ie7.JPG (137.8 KB)
	remove bullet symbol in ie7pic.JPG (129.0 KB)

Linking a submit button on a form

ryan12193 — Fri, 23 Oct 2009 01:58:11 GMT

HI i know this is probably a novice question but i made a form just with name and email and a comments box but i am having trouble with my submit button, is there a way that i can just have it send the form information to me in an email when the form is submitted, instead of it being sent to a database? I really appreciate the help.

Thanks

R

Extra unwanted whitespace - IE Browser

sbarlow — Thu, 22 Oct 2009 15:05:40 GMT

Hi,

I have a very simple HTML and CSS combination which behaves differently in IE browsers and Firefox. Just wondering if anyone can explain why I'm seeing extra space allocated in IE browsers.

I've tried everything I can to remove it but can't figure out how.

Here's the HTML

and here's the CSS

#mapInfoTabBorder div.TabBorderInactiveTab {

        color: #ffffff;

        padding: 0;

        margin: 0;

        background: yellow;

        border: none;

}



#mapInfoTabBorder div.TabBorderInactiveTab input {

        color: #FFFFFF;

        margin: 0;

        padding: 0;

        border: none;

        background: green;

        text-align: left;

}

If you view this in IE6 or IE8 and then compare with Firefox, you'll see what I mean.

Thanks,

Stuart.

Need for help

chowdarysmk — Thu, 22 Oct 2009 07:09:56 GMT

Hello members
i am the new one to css...
In our forum above
we see
Hardware/software softwaredevelopment web development internet marketing business exchange is there
in tis how can create dropdown lists like
hardware/software
1.microsoftwindows
2.Linux&unix
3.Mac etc...
How can i get tis type of style sheet plz give the css sheet that one.....plz guys i'm a learner don't think bad
In advance Thank you

dissapearing blanks in textbox

jimib — Wed, 21 Oct 2009 22:48:45 GMT

<%@ Page Language = "VB" aspcompat=true Explicit="True"%> 

<%Dim src As String = " bet "%>















  

    

  


    Search For:

    >

on the screen, "bet" is the search string, but I want " bet "
any ideas?

Floated elements disrupting background image of body?

lisan28 — Wed, 21 Oct 2009 20:42:04 GMT

Hello everyone,

I have a wierd problem (seems I have a knack for that ) with a design I'm working on. When you first go to this page there is some disruption around the two floated columns in the background image that is assigned to the body tag:

(Right now the page is only working properly in non-IE browsers aside from the bg issue, but I don't know any developers that regularly use IE anyways...LOL)

http://www.spidersend.com/new_site/newsite4/test6.html

However if you refresh the page or click to another tab and then back to that page it corrects itself. Once I remove the sidebar and the float property from the css on the main content area the issue is gone so it has to be something to do with that. Has anybody experienced this before?

I just find it odd that it doesn't stay messed up, but corrects itself, even if you refresh and clear the cache. Confusing and wierd.

Any ideas? Theories? Any and all ideas are much appreciated. Here is the CSS:

body

{

        background-color: #FFFFFF;

        padding: 0px;

        margin: 0px;

        font-family: "arial";

        background-image: url('images/bottom_slice.png');

        background-repeat: repeat-x;

        background-position: bottom center;

}



div#header

{

        background-image: url('images/header_slice3.png');

        background-repeat: repeat-x;

        height: 198px;

        width: 100%;

}



div#header-content

{

        width: 680px;

        margin: 0px auto;

}



div#top-navigation

{

        width: 680px;

        margin: 0px auto;

        position: relative;

        bottom: 16px;

        color: #FFFFFF;

        font-family: "arial";

        font-size: 16px;

        padding: 0px;

}



div#content

{

        width: 850px;

        float: left;

}



div#content-header

{

        background-image: url('images/content_bg_top.png');

        width: 850px;

        height: 30px;

}



div#content-footer

{

        background-image: url('images/content_bg_bottom.png');

        width:850px;

        height: 32px;

}



div#content-area

{

        background-image: url('images/content_bg_slice.png');

        padding-left: 18px;

        padding-right: 18px;

}



div#adbar

{

width: 157px;

float: right;

}



div#adbar-header

{

        background-image: url('images/sidebar_top.png');

        width: 157px;

        height: 30px;

}



div#adbar-footer

{

        background-image: url('images/sidebar_bottom.png');

        width: 157px;

        height: 26px;

}



div#adbar-area

{

        background-image: url('images/sidebar_slice.png');

        padding-left: 5px;

        padding-right: 5px;

}



div#sidebar

{

        float: right;

        clear: both;

        position: relative;

        right: 10px;

        background-color: #d2e7f0;

        width: 300px;

        -moz-border-radius: 5px;

        padding: 5px;

        margin-left: 15px;

        color: #0c577a;

}



div#sidebar2

{

        float: right;

        clear: both;

        position: relative;

        right: 10px;

        background-color: #d2e7f0;

        width: 300px;

        -moz-border-radius: 5px;

        padding: 5px;

        margin-left: 15px;

        margin-top: 20px;

        color: #0c577a;

}



div#content-wrapper

{

        width: 1007px;

        margin: 0px auto;

}

Background Image for header_inner help!

NinjaLink — Wed, 21 Oct 2009 18:19:10 GMT

In my header_inner, I am trying to display an image in the background, but whenever I try, it just shows the blank. Will someone please help me with this as I have been messing with this for hours. I posted a .doc to show how I want the image to be displayed. I appreciate it.

.HTML

3 Column Rounded Corners - from the "Stylin' with CSS" Stylib library

background-image: url (../../lib/css_styles/layouts/carlile_bay3.jpg);

First Bolans Reunion 2011

RSVP

Flyer

Program

Discussion

Home

About Bolans First Reunion

The Bolans Community Development Association (BCDA) is planning a village reunion for 2011.

The reunion will mark Bolans ??? birthday. There will be educational, cultural and a variety of other activities.

We would like to invite villlagers and their relatives at home and abroad to meet and select one or more representative(s)--or point

of contact(s) (POC(s)). The POCs will provide advice and coordinate activities with members of the BCDA. The Bolans

Reunion Committee (BRC) consists of BCDA organizers and the POCs.

The Bolans Community Development Association

The BCDA is a Bolans based community organization. It has been involved in a number of community outreach

activities, such as acquiring computers and books. These resources have benefited both Bolans Primary School students

and the wider community.

Thoughts and Ideas from Facebook's Bolans Reunion Committee

Here are some thoughts from Facebook group, Bolans Reunion Committee:

"What about doing something along the lines of health and education. We can have a day when people come out and

get their blood pressure and sugar checked. Also we can have someone give talk on health related issues, substance

abuse, STDs etc and another person on the importance of education. Too many young people are sitting on the block...

time for them to do something meaningful with their lives."

--Lauralee Riley, British Virgin Islands

"Lauralee's ideas could be like a health and education fair."

--Jarusha Turner Jacobs, New York

Excellent idea. We need to be mindful of giving people enough time to plan for this trip. if it's going to be in 2010

then we need to really get on the ball with the planning. If there's anything that I can do to assist with the planning

please don't hesitate to let me know."

--Cordover Browne, Massachusetts, USA

If you would like to place an ad with us or donate to the reunion, please do not hesistate to contact us.

.CSS

/* THREE COLUMN LAYOUT */
/* you have to be careful with Nifty Corners - don't add height to the outer containers or the corners will no display correctly in Safari. */

/*padd the */
* {margin:0 padding:0;}
body {
text-align:center; /* IE6 needs this to center the layout in the browser window */
}
#main_wrapper {
width:840px; /* widths of columns will scale proportionately as this width is changed */
margin-left:auto; /* centers max'd layout in browser */
margin-right:auto; /* centers max'd layout in browser */
text-align:left; /* prevents page inheriting IE6 centering hack on body */
padding:10px 0;
margin-top:10px;
}
#header {
margin: 0 10px;

}
#nav {
width:130px;
margin:10px 10px 10px 10px;
float:left;
display:inline; /* fixes IE6 margin doubling bug */
}
#content {
width:550px;
margin:10px 10px 10px 0px;
float:left;
}
#promo {
width:120px;
margin:10px 0 10px 0;
float:left;
}
#footer {
margin:0 10px;
clear:both;
}
#header_inner, #content_inner, #promo_inner
{
overflow:hidden; /* prevents oversize elements from breaking the layout */
}
#header_inner {
padding:1em 2em;
width: 494 px;
height: 119 px;
background: url(../../lib/css_styles/layouts/carlile_bay3.jpg);
}
#nav_inner {
padding:1em .5em;
}
#content_inner {
padding:0em 1em 1em 1.5em;
}
#promo_inner {
padding:1em .5em;
}
#footer_inner {
padding:.5em 1em;
text-align:center;
}

Attached Files

Webpage.doc (130.0 KB)

Site renders incorrectly only on my machine!!

theFallGuy — Wed, 21 Oct 2009 13:19:04 GMT

Hello to everyone

I have a problem that is making me pull my hair out in frustration! I programmed a website (warpmediamarketing.com) and uploaded it to the server, having checked it out on my computer in IE7 and the latest Firefox. Everything seemed ok.

My client called to say that the side vertical spry menu overlapped the text on the warpmediamarketing.com/data3.html page and others. I checked on my computer and it was positioned correctly. They (the client) are using the same IE7 as me. I checked it on a screenshot browser site and it rendered wrongly (as the client said).

I have another computer with the same edition of IE7 so I checked that. That rendered worngly too. Checked with several friends and it was wrong too - only my computer rendered it differently. So, I changed the positioned to suit my clients (and everyone else's) computers. Fine, on my laptop too.

But heres the thing - it still renders differently on my computer. I've tried installing latest version IE8 and still the same problem!

I'm starting to think that my computer has it in for me - please help!

It properly works in mozilla not in ie plz help me2see in I.E6 r 7

chowdarysmk — Wed, 21 Oct 2009 09:27:07 GMT

This is css code

*{
padding:0px; margin:0px;font-size:100%
}

html{
font-size:100%;
height:100%;
}

body {
background:#8b909c url('../images/page-bg.gif') repeat-x;
height:100%;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

a{
text-decoration:none;
color:#00a8cc;

}
a:hover{
text-decoration:underline;
color:#00a8cc;
}
p{
font: 0.9em/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h1{
font: 1.5em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h2{
font: 1.3em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h3{
font: 1.1em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h1,h2{
color:#00a8cc;
}
h2,h3,h4{
margin-left:10px;
}
ul{
padding:0;margin:0;
}
ol{
margin:10px 30px;
}
.keymessage{
font: 1.1em/1.2em "Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding:80px 200px 20px 200px;

}
.keymessage:first-letter{
font-size: 2.4em;
}
#watermark{
/*background:url('../images/keystone-watermark3.png');*/
}
#page{
/*height:2000px;*/

}
#wrapper{
margin:0 auto;
width:949px;

}
#header{

}
#logo{
overflow:visible;
position:relative;
top:-3px;
left:-154px;
width:100px;
height:200px;
z-index:-2;
}

#tr-menu{
float:right;
padding:6px 10px 4px 4px;
}

.style_ip{
list-style-type:none;

}
.style_ip li{
display:inline-block;
background:url('../images/button-sprite01.png') no-repeat;
width:120px;
text-align:center;
height:28px;
}

.style_ip li a{
display:block;
padding:6px 4px 0 0;
text-transform:capitalize;
font:0.7em/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#63573f;
}
.style_ip li a:hover{
text-decoration:none;
color:#00a8cc;
}
.style_txt{
position:relative;
list-style-type:none;
float:right;
top:45px;
}
.style_txt li{
display:inline-block;
text-align:center;
}
.style_txt li a{
display:block;
text-transform:lowercase;
font:0.9em/0.9 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#666666;
padding: 2px 10px 2px 2px;
}
.style_txt li a:hover{
text-decoration:none;
color:#00a8cc;
}
.style_txt .last{
border-right:0px;
}
#menu{
position:relative;
top:40px;
float:right;
background:url('../images/menu-bg.png') no-repeat;
width:783px;
height:66px;
margin-right:6px;

}
.style_menu{
list-style-type:none;
padding:10px 10px 0 20px;
}
.style_menu li{
display:inline-block;
text-align:center;
height:28px;
padding:2px 0 0 13px;
height:26px;
}

.style_menu li span a{
display:block;
padding:4px 0 0 0;
text-transform:uppercase;
font:0.9em/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
margin-right:13px;
}
.style_menu li:hover{
background:url('../images/button-sprite02.png') 0px 3px no-repeat;
}
.style_menu li:hover span a{
background:url('../images/button-sprite02.png') 0px -23px repeat-x;
text-decoration:none;
color:#63573f;
}
.style_menu li:hover span{
background:url('../images/button-sprite02.png') right -47px no-repeat;
display:block;
}
.current{
background:url('../images/button-sprite02.png') 0px -77px no-repeat;
}
.current span a{
background:url('../images/button-sprite02.png') 0px -103px repeat-x;
text-decoration:none;
color:#63573f;
}
.current span{
background:url('../images/button-sprite02.png') right -127px no-repeat;
display:block;
}

#content{
position:relative;
top:-62px;
}
.middle{
padding:20px 30px 20px 30px;
border:0px solid #f00;
}
.middle p{
margin-bottom:10px;
}
.split{

}
.white-window{
background:url('../images/white-block-top.png') no-repeat;
padding-top:19px;
}
.white-window .middle{
background:url('../images/white-block-middle.png') repeat-y;
}
.white-window .bottom{
background:url('../images/white-block-bottom.png') no-repeat;
height:10px;
}
.grey-window{
background:url('../images/grey-block-top.png') no-repeat;
padding-top:19px;
}
.grey-window .middle{
background:url('../images/grey-block-middle.png') repeat-y;
}
.grey-window .bottom{
background:url('../images/grey-block-bottom.png') no-repeat;
height:10px;
}
.black-window{
background:url('../images/blk-block-top.png') no-repeat;
padding-top:19px;
}
.black-window .middle{
background:url('../images/blk-block-middle.png') repeat-y;
}
.black-window .bottom{
background:url('../images/blk-block-bottom.png') no-repeat;
height:10px;
}
.gb-window{
background:url('../images/grey-black-block-top.png') no-repeat;
padding-top:19px;
}
.gb-window .middle{
background:url('../images/grey-black-block-middle.png') repeat-y;
}
.gb-window .bottom{
background:url('../images/grey-black-block-bottom.png') no-repeat;
height:10px;
}
#footer{
margin:10px 0 5px 0;
font:0.7em/0.9 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
#footer a{
display:inline-block;
text-transform:capitalize;
text-decoration:none;
color:#5c5c5c;
padding: 2px 10px 5px 2px;
}
#footer a:hover{
color:#000000;
}
.style_ftr{
list-style-type:none;
margin:0 auto;
width:430px;
border:0px solid #f00;
}
.style_ftr li{
display:block;
float:left;
text-align:center;
}

.style_ftr li a{

}
.style_ftr li a:hover{
text-decoration:none;
color:#ffffff;
}
.style_ftr .last{
border-right:0px;
}
.style_pfc{
list-style-type:none;
margin:0 auto;
width:200px;
border:0px solid #f00;
padding:20px;

}
.style_pfc li{
display:block;
float:left;
text-align:center;
}

.style_pfc li a{
display:block;
text-transform:capitalize;
color:#e5e5e5;
padding: 2px 10px 2px 2px;
}
.style_pfc li a:hover{
text-decoration:none;
color:#ffffff;
}
.style_pfc .last{
border-right:0px;
}

.about-us-banner{
background: url('../images/about-us-banner.png') 1px -5px no-repeat;
height:276px;

}
.home-banner{
background: url('../images/home-banner-m.png') 0px -1px no-repeat;
height:279px;

}
h1.bul-header{
background: url('../images/bullet-sprite-large.png') 0px 0px no-repeat;
padding:0 0 0 40px;
margin-bottom:8px;
color:#00a8cc;
}
h2.bul-header{
background: url('../images/bullet-sprite-normal.png') 0px 0px no-repeat;
padding:0 0 0 40px;
margin-bottom:8px;
color:#00a8cc;
}
.img-right-block{
position:relative;
right:0px;
top:-31px;
margin:0 20px 10px 30px;
}
.left-block{
width:560px;
}
.middle.split .left-block{
width:563px;
}
.right-block{
width:300px;
float:right;
margin-top:0px;
}
.clear{
clear:both;
height:0px;
content:"";
}
.middle.split .right-block{
width:300px;
float:right;
margin-top:0px;
}
.dark-bg{
color:#ffffff;
}
.small-fonts p{
font-size:0.7em;
}
.read-more{
display:block;
float:right;
background:url('../images/button-sprite01.png') 4px -80px no-repeat;
font-size:0.7em;
height:28px;
width:100px;
text-align:center;
padding-top:5px;
}
.read-more:hover{
text-decoration:none;
}
.large-bul{
list-style-image: url('../images/bullet-blue-large.png');
list-style-position:inside;
margin:-32px 0 0 -20px;
height:242px;
font:1.4em/1.5 "Trajan Pro","Times New Roman", Times, serif;
text-transform:capitalize;
}
.large-bul li{
background:url('../images/list-bg-other.png')-11px 0px no-repeat;
padding:10px 10px 10px 10px;
height:47px;

}
.large-bul .first{
background:url('../images/list-bg-first.png')-11px -9px no-repeat;
padding-top:11px;
}

.nrml-bul{
list-style-image: url('../images/bullet-blue-normal.png');
list-style-position:inside;
margin:5px 40px 20px 40px;
border:1px solid #ccc;
padding:12px;
background: url('../images/list-bg-large.png') repeat-x;
}
This is html page

Keystone Logic

blog

whitepapers

subscribe

careers

contact us

Home

About Us

Industries

Solutions

Services

Customers

Partners

In the IT enabled world, information systems are the keystone of any organization. They enable businesses to work together effectively and in essence support the entire organizational structure and growth.

About us

KeystoneLogic is a global IT organization focused on providing IT solutions to enhance customer loyalty, customer satisfaction, and corporate performance and drive business growth.

Our vision is to continually invest in R&D and develop solutions and tools that are market ready, leverage our strong background in information technology and deliver tangible value to our customers.

We take pride in our integrity and our passion to deliver beyond our customers' expectations...

read more..

Proven Leadership

Proven Technology & Processes

Proven Experience

Proven Commitment

Home
About Us
Industries
Solutions
Services
Customers
Partners

Privacy
Feedback
Contact Us

All rights reserved. Copyright © 2009. Keystone Logic.com

Attached Files

images.zip (1.57 MB)

Help me

chowdarysmk — Wed, 21 Oct 2009 07:44:45 GMT

i tried 2 create one web page....it is good in mozilla....bad 2 view in I.E7...plz give me suggestions
http://blakol.com/cc/keystone/index.html
thnkyou in advance

Right column extending problem in CSS

bjdmb — Wed, 21 Oct 2009 04:23:36 GMT

I have a site that is two column developed in CSS. Whenever the right column gets too long it appears that the right column starts to go under the right column and then the text and images start stacking on top of each other. The background also disappears. This happens when I add a third prodcontainer and then the fourth goes off the background and over to the right further.Any help would be much appreciated.

CSS Code:

body{
margin:0;
padding:0;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 1000px;
margin: 0 auto;
/*Center container on page*/
background-image:url(../slices/bg-image.jpg);
background-repeat:repeat-y;
background-position:center;
}

#topsection{
padding-left:25px;
padding-top:0px;
margin:0;
height: 112px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background-image:url(../slices/bg-image.jpg);
background-repeat:repeat-y;
background-position:center;
}

#contentcolumn{
margin: 0 259px 0 235px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumnpage{
margin: 0 20px 0 235px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 213px; /*Width of left column in pixel*/
margin-left: -975px; /*Set margin to that of -(MainContainerWidth)*/

}
.leftnav{
background-image: url(../slices/bkg-nav-sides.png);
background-repeat:repeat-y;
width:213px;
padding-top:0px;
margin:0;

}
.leftnav ul li{
list-style-type:none;
}
.leftnav ul li a{
text-decoration:none;
width:213px;
}

#rightcolumn{
float: left;
width: 259px; /*Width of right column*/
margin-left: -280px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
background-image:url(../slices/footer-image.jpg);
background-repeat:repeat-y;
background-position:center;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/* define type styles */

h1 {
font:Arial, Helvetica, sans-serif;
font-size:24px;
color:#0e3263;
margin-top:3px;
}
h2 {
font:Arial, Helvetica, sans-serif;
font-size:18px;
color:#0e3263;
margin-top:3px;
}
.bluetitle {
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0e3263;
font-weight:bold;
}
.text {
font:Arial, Helvetica, sans-serif;
font-size:12px;
}

/*define navigation elements */
.top{
background:url(../slices/header.png) top no-repeat;
height:112px;
}
.navlinks{
background-image:url(../slices/navbutton.png);
background-repeat:no-repeat;
height:32px;
margin-left:-15px;
}
.navlinks a {
font-family:Arial, Helvetica, sans-serif;
color:#00275c;
font-size:14px;
font-weight:bold;
padding-left:38px;
}
.logos {
margin-left:25px;
}

.navtop{
background-image:url(../slices/bkg-nav-top.png);
background-repeat:no-repeat;
width:213px;
height:19px;
padding:0;
margin:0;
}
.navbottom{
background-image:url(../slices/bkg-nav-bottom.png);
background-repeat:no-repeat;
width:213px;
}
.contactus {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
color:#01204b;
}
.phone {
font:Arial, Helvetica, sans-serif;
font-size:24px;
color:#0e3263;
}
.graybar {
background-image:url(../slices/grayline.jpg);
background-repeat:no-repeat;
margin-left:18px;
}
/* Right side home page */

.adhometop{
background-image:url(../slices/ad-home-top.png);
width:259px;
height:168px;
background-repeat:no-repeat;
}
.adhomemiddle{
background-image:url(../slices/ad-home-middle.png);
width:259px;
height:174px;
background-repeat:no-repeat;
}
.adhomebottom{
background-image:url(../slices/ad-home-bottom.png);
width:263px;
height:228px;
background-repeat:no-repeat;
}
.orangetitle{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#dc6a04;
padding-left:15px;
}
.adtext{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0e3263;
padding-left:15px;
line-height:13px;
}
.adtext ul li {
list-style-position: -5px;
}
.homecontent{
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}

/* product page*/

#prodcontainer{
width:666px;
margin:0 auto;
padding: 10px;
background-image:url(../slices/item-bkg.png);
background-repeat:no-repeat;
height:173px;
}

#prodmain{
width:auto;
display:block;
padding:10px;
}

#productimage
{
width:100px;
margin-right:25px;
float:left;
}

#producttext
{
width:350px;
margin-right:25px;
float:left;
}

#productprice
{
width:100px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#01204b;
padding-left:5px;
}

.productnumber {
font-family:Arial, Helvetica, sans-serif;
font-size:48px;
color:#01204b;
}
.productnumbersmall{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#01204b;
}

.orangetitlelg {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#dc6a04;
}
#
.clear

{clear:both;}

HTML Code:

Untitled

Imagine a Hotspot the Size of a City™

With CLEAR™ you get internet over areas much, much larger than Wi-Fi.

We’re talking miles, not feet. So, forget about finding a hotspot… connect

anywhere CLEAR has coverage.* Now you’re truly mobile!

CLEAR is Next Generation Mobile Broadband

Powered by WiMAX, a Fourth Generation (4G) wireless technology, the
CLEAR network combines the mobility you love about your cell phone with
the speed you want from broadband.

That means you get the same full internet experience you get at home while on the go. So go ahead and watch videos, download music or send email… with CLEAR you can do what you want, where you want.

CLEAR Gives You Choices

Getting online should be easy. That’s why CLEAR gives you choices:

* Service for home, around town or both

* Flexible plans by the day or by the month

* Devices for mobile or at home use

Plus, there’s no drilling, digging or waiting for installation. CLEAR gives you internet the way you want it. Now that’s the way a broadband service should be!

Fast Home Internet

Fast Home Internet gives you more speed. This plan is ideal for online shopping, sending photos or even downloading
music. You'll connect at download speeds of 3Mbps and upload speeds of 500Kbps**. Usage is unlimited.

$35 activation fee (waived with 2 year sign up).

$30/month

Faster Home Internet

Faster Home Internet lets you do more online in less time. This plan is ideal for playing games, banking, shopping, uploading, downloading videos and more!
You'll connect at download speeds of 6Mbps and upload speeds of 500Kbps**. Usage is unlimited.

$40/month

positioning problems

snefmoo — Tue, 20 Oct 2009 23:50:57 GMT

i am trying to get my drop down navigation to centre within the div but nothing i try will work. here is the css and html for it, if anyone could help i would be extremely grateful.

html

Home

About Us

The Team

History

Vision

Products

Cozy Couch

Great Table

Small Chair

Shiny Shelf

Invisible Nothing

Contact

Online

Right Here

Somewhere Else

css

#topmenu ul {
font-family: Arial, Verdana;
font-size: 14px;
margin: 0;
padding: inherit;
list-style: none;
}
ul li {
display: block;
position: relative;
float: left;
}
li ul { display: none; }
ul li a {
display: block;
left: 200px;
text-decoration: none;
color: #ffffff;
border-top: 1px solid #ffffff;
padding: 5px 15px 5px 15px;
background: none;)
margin-left: 1px;
white-space: nowrap;
}
ul li a:hover { background: f2f2f2; }
li:hover ul {
display: block;
position: absolute;
}
li:hover li {
float: none;
font-size: 11px;
}
li:hover a { background: #F2F2F2 }
li:hover li a:hover { background: #f2f2f2; }

teach me

ehem011 — Tue, 20 Oct 2009 15:09:55 GMT

i am a college student and we have to make our own designed web page..can you help me to start

How to display password filed

bibbleonline — Tue, 20 Oct 2009 12:45:53 GMT

I tryed the

code, but the problem i found is, that anyone can see what text has been typed into the passord box, can anyone tell me how you get the text to appear as bullet marks like i have seen on other sites?

dropdown menu, not working in IE6

simirnov — Mon, 19 Oct 2009 23:46:32 GMT

I have made a dropdown menu wich is working fine in firefox and chrome, but in IE6, it is not working! i am typing the css code below, please any css guru, remove the bug from the given code if possible!

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li a {
font:bold 12px Tahoma, "MS Sans Serif";
color:#FFF;
display: block;
width: 135px;
height:38px;
text-align:center;
text-decoration:none;
padding:22px 0 0 0;

}

#nav li {

float: left;
width: 135px;
}
#nav li:hover {
background:url(../images/hover1.jpg) no-repeat;
float: left;
width: 135px;

}
#nav ul li:active {
background:url(../images/hover1.jpg) no-repeat 100% 0;
float: left;
width: 135px;
}
#nav li ul {
display: none;
height:auto;
position: absolute;
width: 150px;
left: -999em;
z-index: 3;
background-color:#4bcbd8;
}

#nav li:hover ul{
display:block;
height:auto;
background-color:#4bcbd8;
border:solid 1px #0d96a4;
left: auto;
text-decoration:none;

}
#nav li:hover ul a:hover{
background-color:#8be5ed;
color:#999;
left: auto;
text-decoration:none;

}
#nav li:hover ul, #nav li.sfhover ul {

left: auto;
background-color:#8be5ed;
display:block;

}

Three column CSS position

bjdmb — Mon, 19 Oct 2009 22:10:13 GMT

I need another set of eyes to look this over. I can't seem to get the three columns to work properly with the product listing at the bottom of the page. Here is the CSS;

#productbox{
width:666px;
background-image:url(../slices/item-bkg.png);
background-repeat:no-repeat;
height:173px;
}
.productimage {
float: left;
width: 100px;
margin-left: 0px;
padding:20px;
}

.producttext {
float: left;
width:250;
margin: 0 100px 0 100px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
}

.productprice{
float: left;
width: 100px;
margin-left: -350px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#01204b;
}

Here is the HTML:

Fast Home Internet

Fast Home Internet gives you more speed. This plan is ideal for online shopping, sending photos or even downloading
music. You'll connect at download speeds of 3Mbps and upload speeds of 500Kbps**. Usage is unlimited.

$35 activation fee (waived with 2 year sign up).

$30/month

Any help would be very much appreciated.

re: Website

walba — Mon, 19 Oct 2009 13:43:02 GMT

Hey, I'm new to web design and I need tips on how to start to deign a website starting from the basics, step by step

flash calendar

freshfitz — Sun, 18 Oct 2009 19:46:55 GMT

My customer wants me to integrate a flash calendar into their website is there any premade code that has a send to friends link that would send the data on that day to outlook so you can email it? I found calendarpro by www.usflashmap.com which is working but they would like the email feature and a twitter facebook plugin if possible.

Help with Auto Resize

leones — Sun, 18 Oct 2009 15:10:53 GMT

Ok I know.. Im a novice and have no idea.. but need a quick fix before I can do more research.. I'm working on a friends site and it's a auto resize-stretching website.. where it all stretches when browser is resized.. I no longer want it to stretch.. how do I stop it?

I managed to stop the flash from doing this.. I just don't know how to stop it... Pls Help!

var ElementMaxHeight = function() {
this.initialize.apply(this, arguments);
}

ElementMaxHeight.prototype = {
initialize: function(className) {
this.elements = document.getElementsByClassName(className || 'maxheight');
this.textElement = document.createElement('span');
this.textElement.appendChild(document.createTextNode('A'));
this.textElement.style.display = 'block';
this.textElement.style.position = 'absolute';
this.textElement.style.fontSize = '1em';
this.textElement.style.top = '-1000px';
this.textElement.style.left = '-1000px';
document.body.appendChild(this.textElement);
this.textElementHeight = document.getDimensions(this.textElement).height;
var __object = this;
var __checkFontSize = this.checkFontSize;
this.checkFontSizeInterval = window.setInterval(function() {return __checkFontSize.apply(__object)}, 500);

this.expand();

// Refresh elements height onResize event
var __expand = this.expand;
if (window.addEventListener) {
window.addEventListener('resize', function(event) {return __expand.apply(__object, [( event || window.event)])}, false);
} else if (window.attachEvent) {
window.attachEvent('onresize', function(event) {return __expand.apply(__object, [( event || window.event)])});
}
},

expand: function() {
this.reset();
for (var i = 0; i < this.elements.length; i++) {
this.elements[i].style.height = document.getDimensions(this.elements[i].parentNode).height + 'px';
}
},

reset: function() {
for (var i = 0; i < this.elements.length; i++) {
this.elements[i].style.height = 'auto';
}
},

checkFontSize: function() {
var height = document.getDimensions(this.textElement).height;
if(this.textElementHeight != height) {
this.textElementHeight = height;
this.expand();
}
}
}

if (!!document.evaluate) {
document._getElementsByXPath = function(expression, parentElement) {
var results = [];
var query = document.evaluate(expression, parentElement || document,
null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0, length = query.snapshotLength; i < length; i++)
results.push(query.snapshotItem(i));
return results;
}
}

document.getElementsByClassName = function(className, parentElement) {
if (!!document.evaluate) {
var q = ".//*[contains(concat(' ', @class, ' '), ' " + className + " ')]";
return document._getElementsByXPath(q, parentElement);
} else {
var children = (parentElement || document.body).getElementsByTagName('*');
var elements = [], child;
for (var i = 0, length = children.length; i < length; i++) {
child = children[i];
if (child.className.length != 0 &&
(child.className == className ||
child.className.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))) {
elements.push(child);
}
}
return elements;
}
}

document.getDimensions = function (element) {
var display = element.style.display;
if (display != 'none' && display != null) { // Safari bug
return {width: element.offsetWidth, height: element.offsetHeight};
}

return {width: originalWidth, height: originalHeight};
}

On zoom out, content cracks

alphagon — Sun, 18 Oct 2009 15:01:28 GMT

Hello! I have a little problem with this website, any help, suggestion would be appreciated. I discovered that on *BROWSER zoom out (on Firefox 3.5.3, Ctrl + -), the content gets outside the div's bottom, like shown bellow:

Normal state
Zoomed state

Any ideea? Is this a common behaviour?
Thank you,
alphagon.

* - edited.

product Database search

crackerjacker — Sun, 18 Oct 2009 02:53:05 GMT

Hi-

So im making a buying/selling website, where people can search through my catalog. and i have no idea how i would go about that. basicly i would have a database with all of my producs in it, and then people would type in a key word and a page would come up with the appropriate results.

Thanks in advance!

P.S. even if you don't know how to do this, if you could just point me in the right direction id apreciate it!

How would I do this in CSS? Newby pulling hair out.

aaava — Sat, 17 Oct 2009 10:27:16 GMT

Hello:

I've been trying for weeks (yes, it's embarrassing) to create a dhtml popup window w/min, max and close buttons in a title bar.

I can do this fine w/a table, but I hate tables, and want to accomplish the same thing w/non-table css.

Here is a rough image of what I want to accomplish:

----------------------------------
| Title - + x |
----------------------------------
| |
| |
| |
| |
| |
----------------------------------

Where the title is centered in the *whole* width of the title bar, and there are 3 images (icons 16x16) in the upper-right corner of the title bar.

I cannot seem to get the above working in multiple browsers. What works in FF 3.5 and IE8 doesn't work in IE7. What works in IE 7 doesn't work in FF3.0!! Ack.

Could someone show me the pristine css that would accomplish what I want to do? It would really help me understand what I'm doing wrong (believe me, I have PAGES of css and html that doesn't work).

Thanks all.

Images don't show up in IE7/or incorrect FF/3.0

aaava — Fri, 16 Oct 2009 19:51:15 GMT

I have no clue anymore about css. I used to think I knew what's what, but I get so many different results in different VERSIONS of the same browsers, never mind different browsers, that I'm at a loss.

I have written a dhtml popup dialog window that resizes and such. It also has min/max/exit image buttons in the top-right corner, like any normal dialog window would, and the ability to resize w/a resize image in the lower-right hand corner.

On XP machines w/IE 8 or Firefox 3.5+, everything shows up fine. So I figure I'm done, since how bad could it be in other versions of the same browser??

Bad. On a Vista (ugh) box, in IE 7, it's a disaster. Everything works fine as far as moving and resizing, but no min/max/exit images show up! In FF 3.05+ or so, on Vista, the images show up on a different line (below the title bar line). It's killing me because everytime I think I've fixed it on one box, it breaks elsewhere.

I would truly appreciate any help. Here's the code for the page (the relevant code anyway):

.dlgWindow {
height : 200px;
width: 400px;
float: left;
padding: 5px;
}

.dlgHtmlStyle {
width: 400px;
z-index: 20;
}

.dlgTitleHtmlStyle {
width: 100%;
height: 20px;
background-color: #d6b24a;
border: solid 1px black;
}

..dlgDragStyle {
width:100%;
height:21px;
background-color:#d6b24a;
text-align:center;
cursor:move;
border-bottom: solid 1px #000000;
}

dlgContentStyle {
width: 100%;
height: 100%;
overflow: scroll;
background-color: #F0F0F0;
color: #808080;
border: solid 1px black;
}

Web page Url
:closeDlg();" style="vertical-align: bottom; cursor: pointer; float: right;"/>
:maximizeDlg();" style="vertical-align: bottom; cursor: pointer; float: right;"/>
:minimizeDlg();" style="vertical-align: bottom; cursor: pointer; float: right;"/>

This panel will reset its position on a postback or page refresh.

Probably very simple text centering quesiton

dgr231 — Fri, 16 Oct 2009 15:41:59 GMT

Hello all,

I am in the process of teaching myself CSS to go along with my beginner-intermediate knowledge of HTML. I am just starting with CSS and have created a small test file to attempt to create a table with one row and one cell in that row. I then want to display white text that is centered in the one cell. Below is the current code that I have:

eBay Test Ad

This is only a test...

It seems to me that by having the statement:

text-align: center;

in the definition of .testtext that it should center this text. I sure this is a very simple fix and I'm just missing something cursory, but any help would be greatly appreciated.

Thanks,
D

jpeg and other image files not displaying in windows 7

expertotech — Fri, 16 Oct 2009 14:07:13 GMT

hello everyone, i have a new pc and it runs on windows 7, and i never had this problem with my other xp pc, everytime i create an html file with images (i have tried jpeg, gif and png so far) only png shows up and not jpg and gif, i need to solve this problem, i have tried to disable my security software and still nothing happned, this happens to both firefox and ie 8. is anyone experiencing the same problem? what could be causing this? have you found a solution? please help, i cant go on webdesigning without it :(

IFrame problem

CFulcrum — Fri, 16 Oct 2009 03:10:59 GMT

I'm trying to use an iframe (bad, I know) to display a shopping cart. It shows up as designed in IE but not Firefox.

Any solutions?

Thanks!

Putting divs side by side

apgriffiths — Tue, 13 Oct 2009 20:02:31 GMT

I am trying to create a kind of grid of divs but i cannot get it to work.
I am a newbie at this and still learning. I have been on many websites but still no luck.

My html is

The CSS is

.wrapper
{
width:380px;
height:148px;
margin-bottom:1px;
margin-top:1px;
border:solid 1px black;
}
.dropZone
{
background-color:Transparent;
height:120px;
width:80px;
float:left;
}
.dropZoneContainer
{
background-image:url(./images/footballpitch2port.png);
top:100px;
left:600px;
height:600px;
width:382px;
position:absolute;
}

When the page is rendered the divs are all over the place really. Im thinking of going back to a table but i would prefer a more flexible solution

IE8 Child Selector

Dat0 — Mon, 12 Oct 2009 21:22:32 GMT

Hi! I read that IE 8 accepts child selectors. But it does not seem to work for my IE8 (Spanish version if this even matters).

#div > p{background-color: blue;}
========================

Shoud work here!

and not here

It works for firefox and not for internet explorer. What could be happening?

Help creating div for drag and drop

apgriffiths — Mon, 12 Oct 2009 20:38:41 GMT

I am trying to create a drag and drop area. The theme for the area is a football pitch, the picture is broken up into a grid, please see the attached picture for what ive done so far,
So far i have only done it using a table using the following code,

But the table is not very flexible so i want to use just div and css, any help on this is very welcome as i am a newbie at this.

Attached Images

pitchlayout.jpg (41.5 KB)

z-index with images

optikali — Mon, 12 Oct 2009 17:10:07 GMT

I am trying to put up a rope border (border.png) on the sides of my center box of text. Text will work with z-index properly, but the border just will not show. Any ideas?

style.css =
* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background: #000000;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 777px;
text-align: left;
background-color: #FFFFFF;
}
#contentborderside{
margin-top: 252px;
position: absolute;
width: 800px;
background: #FFFFFF url("border.png");
z-index:1;
}
#content{
margin-top: 252px;
position: absolute;
width: 500px;
background:#c9a87f;
z-index:-1;
}

HTML =

Horseback Adventures

There should be a rope on either side of this!

Why won't the image show?

Try as I might I can't get the z-index to work for my border ='(

Any ideas?

The image is attached.

Thank you!
-optikali

Attached Images

border.png (41.6 KB)

Need Direction!!!

gmx — Mon, 12 Oct 2009 11:41:32 GMT

I just Started to learn HTML coding,But don't understand how to add design in code means website layout.

Web Design

aanshi — Mon, 12 Oct 2009 07:34:13 GMT

give me a html codes for web desin

is not working in IE8

anand4160 — Mon, 12 Oct 2009 05:16:09 GMT

i use nowrap="nowrap" attribuate to fix my UI for IE 6 , now when i am trying to run the same code in IE 8 its not working.

The code is simple to display table.

nowrap="nowrap" is written in the main CSS file , and its get applied to all site. its working fine with IE6 and 7 , but problem is in IE 8.

In IE8 text in table displaying in one line and and crossing the window layout.

Can any of you suggest me how to fix it?

Two screenshot are attached.

One is correct Layout display and other one is having problem.

When i am using below code? Page

Pgae display is fine with IE6.0 and 7.0.
But not in IE8.0.

Now when i am removing nowrap="nowrap" its fine with IE8 but showing problem in IE6 and 7.

Attached Images

Correct_UI.JPG (19.3 KB)
Problem_UI.JPG (22.1 KB)

Problem using Div tags and css in dreamweaver?

sumeru — Mon, 12 Oct 2009 05:12:36 GMT

I have been using tables to build all my sites till now and finally tried using CSS in dreamweaver. My page is uploaded at - http://photoindia.com/test/Untitled-1.html . The problem is in my layout, I want to have 3 div tags side by side(like 3 columns). I have inserted DIV tags and postioned them with the float and margin properties using CSS. As you can see on the page - http://photoindia.com/test/Untitled-1.html , all the div's are of different height. What I want to do is in the left most DIV how do i make the black bg white, so that when the text on the right most DIV increases all the div's have the same bg like over here - http://photoindia.com/test/photographers.html ( i'm using tables here)?

Any help will be greatly appreciated...

how

ayen — Sun, 11 Oct 2009 14:43:24 GMT

<br /> <head><br /> <how></div> </article> <article> <h1>Extending the box model?</h1> <p>Skzz — Sun, 11 Oct 2009 13:38:03 GMT</p> <div>I'm making a website with a header above all the content, a box for main info and a sidebar floating to the right, and then I have a footer that goes underneath the main content and the sidebar both.<br /> <br /> Now if the main content is taller than the sidebar, there's just a gap of background space between the sidebar and the footer. Is there anyway I can make the sidebar "box" extend to the footer at all times?</div> </article> <article> <h1>Background Image problem</h1> <p>Kruptein — Sun, 11 Oct 2009 13:25:38 GMT</p> <div>In my browser(opera), my background image takes up the full height off the screen, but on my friends(firefox) there appears a large black banner beneath it (black because that is the bgcolor)<br /> <br /> I give you the css hopefully you guys can help me.<br /> <br /> <pre style="margin:20px; line-height:13px">body {<br /> color:#C00;<br /> background-color:#000;<br /> background-image:url('../background.jpg');<br /> background-repeat:no-repeat;<br /> background-position:top;<br /> height:100%;<br /> }</pre></div> </article> <article> <h1>javascript doesnt work in firefox</h1> <p>leegeorg07 — Sun, 11 Oct 2009 12:32:30 GMT</p> <div>Hi, the site <a rel="nofollow" class="t" href="http://932gs.co.cc/secure_site.html" target="_blank">http://932gs.co.cc/secure_site.html</a> loads fine for ie and chrome/chromium but for some reason the javascript wont load, can people verify this and if it is true, how can I fix it?</div> </article> <article> <h1>Help From Css Experince Developer</h1> <p>ayalsule — Sun, 11 Oct 2009 12:13:28 GMT</p> <div>Hello There:<br /> I Build Me web site in Drupal I Think you know it very well, so I look for theme and I found a beautiful theme but their is problem with it<br /> <a rel="nofollow" class="t" href="http://drupal.org/project/acquia_marina" target="_blank">http://drupal.org/project/acquia_marina</a><br /> I want To make the theme 3 column, with width 100% not fixed for all the theme header and footer and body<br /> really he is made up of 3 column but the third column is placed in div content ,and i want to move it to out of div content and make it sperated<br /> any body here can help and tell what the changes i had to make in HTML code and CSS code to make what i want.</div> </article> <article> <h1>.htaccess redirect, and an anchor link</h1> <p>goodluck4287 — Sun, 11 Oct 2009 04:32:28 GMT</p> <div>A few questions...<br /> <br /> First, is there anything I can consolidate on this .htaccess and keep all of the functionality?<br /> <br /> Is my htaccess file going to be hidden from users with lines 2-5 or is there something else I need to do?<br /> <br /> My last one is probably the most fun. As you can see I have a redirect to <a rel="nofollow" class="t" href="http://www.mysite.com/index.php" target="_blank">www.mysite.com/index.php</a> (both a WWW and .PHP redirect). However, my conflict is with the last line and that's partially because of what I just mentioned. I have a product pitch page which is on index.php and I also have a navigation button on my site that says "Order" which links you to index.php#Order (at the bottom of my page).<br /> <br /> The conflict is that clicking on the index.php#Order link redirects you to index.php without the anchor. Anyone know how to make an exception to my rewrite rules so that my index.php anchor works properly?<br /> <br /> Thank you so much!<br /> <br /> <pre style="margin:20px; line-height:13px">DirectoryIndex index.php<br /> <Files ~ "^\.ht"><br /> Order allow,deny<br /> Deny from all<br /> </Files> <br /> ErrorDocument 404 /404.php<br /> Options +FollowSymLinks<br /> RewriteEngine on<br /> Options +FollowSymlinks<br /> RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /.*index\.php\ HTTP/ <br /> RewriteRule ^(.*)index\.php$ http://www.mysite.com/$1 [R=301,L]<br /> RewriteBase /<br /> RewriteCond %{HTTP_HOST} !^www\.mysite\.com$ [NC]<br /> RewriteRule ^(.*)$ http://www.mysite.com/$1 [R=301,L]<br /> redirect 301 /order.php http://www.mysite.com/index.php#Order</pre></div> </article> <article> <h1>tabbed menu breaks onto new line</h1> <p>gaz — Sat, 10 Oct 2009 16:54:44 GMT</p> <div>hi my navigaion keeps on moving onto a new line and i cant seem to stop it. i have tried all that i can think of.<br /> <br /> thanks<br /> <br /> <pre style="margin:20px; line-height:13px">body{<br /> height:100%;<br /> width: 150%;<br /> margin:0;<br /> }<br /> <br /> #nav{<br /> clear:both;<br /> font-weight:bold;<br /> color:black;<br /> margin-left:4px;<br /> float:left;<br /> list-style-type:none; <br /> background:url(navshadow.gif) no-repeat 8px 100% #fff;<br /> width:100;<br /> padding-bottom:21px;<br /> position:absolute;<br /> left:15%;<br /> <br /> }<br /> html>body #nav{<br /> margin-left:8px;<br /> background:url(navshadow.gif) no-repeat <strong>4px</strong> 100% #fff;<br /> }<br /> #nav li{<br /> list-style-type:none;<br /> float:left;<br /> margin:0 0 0 4px;<br /> padding:0 0 0 10px ;<br /> border-bottom:1px solid #999;<br /> background:url(tabgrey.png) #c0c0c0 top left no-repeat;<br /> <br /> }<br /> #nav li a{<br /> color:black; <br /> background:url(tabgrey.png) transparent top right no-repeat;<br /> display:block;<br /> padding:0 10px 0 0;<br /> float:left;<br /> <br /> }<br /> #nav li.cur,<br /> #nav li.over,<br /> #nav li:hover<br /> {<br /> background:url(tabblue.gif) #3c785c top left no-repeat;<br /> border-bottom:1px solid #2c6b2c;<br /> }<br /> <br /> #nav li strong,<br /> ul#nav li.cur a,<br /> ul#nav li.over a,<br /> ul#nav li:hover a<br /> {<br /> display:block;<br /> color:#fff;<br /> padding:0 10px 0 0;<br /> text-decoration:none;<br /> background:url(tabblue.png) transparent top right no-repeat;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> </style><br /> <script type="text/javascript"><br /> /*<![CDATA[*//*---->*/<br /> <br /> function rollover()<br /> {<br /> if(!document.getElementById || !document.createTextNode){return;}<br /> var n=document.getElementById('nav');<br /> if(!n){return;}<br /> var lis=n.getElementsByTagName('li');<br /> for (var i=0;i<lis.length;i++)<br /> {<br /> lis[i].onmouseover=function()<br /> {<br /> this.className=this.className?'cur':'over';<br /> }<br /> lis[i].onmouseout=function()<br /> {<br /> this.className=this.className=='cur'?'cur':'';<br /> }<br /> }<br /> }<br /> window.onload=rollover;<br /> <br /> /*--*//*]]>*/<br /> </script><br /> <br /> <br /> </head><br /> <body><br /> <br /> <br /> <br /> <br /> <br /> <ul id="nav"><br /> <li class="cur"><strong>About jjjjjjjjjjjjjjjjjUs</strong></li><br /> <li><a href="index.html">Garden Centre</a></li><br /> <li><a href="step2.html">Dahlias Kitchen</a></li><br /> <li><a href="step3.html">Kool Kamping</a></li><br /> <li><a href="step4.html"></a>Pets Corner</li><br /> <li><a href="step4.html"></a>Suttons Buildings</li><br /> </ul></pre></div> </article> <article> <h1>Shadow / background</h1> <p>ytregnn — Sat, 10 Oct 2009 14:46:46 GMT</p> <div>I try to add a "simulated" shadow on the left and right of my table/website.<br /> <br /> I use a background picture as my main background. I read something about using a transparent picture (.png?) and use that above my main background.<br /> <br /> Anyone who has an idea to how this can be done?<br /> <br /> Thanks in regards.</div> </article> <article> <h1>background-color wraps in IE</h1> <p>fatihpiristine — Sat, 10 Oct 2009 12:10:38 GMT</p> <div>hey guys..<br /> <br /> i have a problem on IE7. following css causing this. the problem is that wrapper div when its height is less than viewable area of the browser, browser doesn't apply background color. only applied to main div.<br /> <br /> <pre style="margin:20px; line-height:13px">body<br /> {<br /> background-color: #363636;<br /> color: #FFFFFF;<br /> font-family: tahoma,sans-serif;<br /> font-size: 70%;<br /> height: 100%;<br /> line-height: 1.2em;<br /> margin: 0;<br /> padding: 0;<br /> text-align: left;<br /> width: 100%;<br /> }</pre><br /> <br /> i fixed this giving same background color html but same code is working on another website <a rel="nofollow" class="t" href="http://www.biranket.com" target="_blank">www.biranket.com</a><br /> <br /> <pre style="margin:20px; line-height:13px">html<br /> {<br /> /* Fix for background issue in IE */<br /> background-color: #363636;<br /> height: 100%;<br /> width: 100%;<br /> }<br /> <br /> body<br /> {<br /> background-color: #363636;<br /> color: #FFFFFF;<br /> font-family: tahoma,sans-serif;<br /> font-size: 70%;<br /> height: 100%;<br /> line-height: 1.2em;<br /> margin: 0;<br /> padding: 0;<br /> text-align: left;<br /> width: 100%;<br /> }</pre><br /> anyone knows why it is happening ?</div> <br /> <div style="padding:5px"> <fieldset class="fieldset"> <legend>Attached Files</legend> <table cellpadding="0" cellspacing="5" border="0"> <tr> <td></td> <td><a href="http://www.daniweb.com/forums/attachment.php?attachmentid=12061&d=1255176616">test.zip</a> (546 Bytes)</td> </tr> </table> </fieldset> </div> </article> <article> <h1>embedding html?</h1> <p>leegeorg07 — Sat, 10 Oct 2009 09:06:41 GMT</p> <div>Hi, I have this code:<br /> <pre style="margin:20px; line-height:13px"><style><br /> div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;}<br /> div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;float:left;}<br /> </style><br /> <div class="floating-menu"><br /> <h3>Floating Menu</h3><br /> <a href="http://www.quackit.com/css/">CSS</a><br /> <a href="http://www.quackit.com/html/">HTML</a><br /> <a href="http://www.quackit.com/javascript/">JavaScript</a><br /> <a href="http://www.quackit.com/coldfusion/">ColdFusion</a><br /> <a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a><br /> </div></pre>which I got from a website, I was wondering if there is a way I can have this imported into a website? I thought if I saved it I could do the same type of thing as css where you do that?</div> </article> <article> <h1>Using Div Tags with CSS question</h1> <p>bryanhiehle — Sat, 10 Oct 2009 01:51:59 GMT</p> <div>Hello,<br /> So i need some help. i have currently been working on a website for a competition and i ran into a problem. I am using <div> tags and calling the id from the css. i have seperate id's classes and basic tag set up in CSS. the only problem is that i have ran into a current problem of having only the header div and left div tag appearing right, but not the body div tag. the body div tag sits on the bottom. I am using Microsoft Expression Web2 and tried moving them, but it came with a fixed attribute. i know that in the past the fixed attribute does not work with firefox and causes a mess if not set correctly. Would anyone know any way to help me out?<br /> <br /> Here is my code:<br /> <br /> <pre style="margin:20px; line-height:13px"> /* Enter basic CSS for XHTML PAGE */<br /> body {<br /> background: #FFFFFF;<br /> margin: 0px<br /> 0px<br /> 0px<br /> 0px;<br /> }<br /> <br /> /* Enter ID for XHTML PAGE */<br /> #DC-Header {<br /> background-color: #FF5B60;<br /> font-family: "Times New Roman", Times, serif;<br /> font-size: large;<br /> font-style: normal;<br /> letter-spacing: 3px;<br /> text-align: center; <br /> height: 120px; <br /> }<br /> #DC-Header-Img {<br /> text-align: left;<br /> width: auto;<br /> height: 120px;<br /> border: 0px;<br /> border-color: #FFFFFF;<br /> vertical-align: middle <br /> }<br /> #DC-Left-Bar {<br /> /* Size and General attributes of the Left Bar */<br /> width: 150px;<br /> height:700px;<br /> position:relative ;<br /> left: -5px; <br /> background-color: #ABF2F8; <br /> padding-left: 10px; <br /> /* Border Attributes */<br /> border-right: thin;<br /> border-right-color: #FF5050;<br /> border-right-style: solid ;<br /> border-right-width: thin ; <br /> }<br /> #DC-Body {<br /> background-color: #FFFFFF ;<br /> position:relative ;<br /> width:700px;<br /> height:700px;<br /> }<br /> <br /> /* Enter Classes for XHTML PAGE */<br /> .Header-Font {<br /> text-align: center;<br /> font-family: "Times New Roman", Times, serif ;<br /> font-weight: lighter ;<br /> font-variant: normal;<br /> color: #000000;<br /> font-size: x-small ;<br /> position:relative;<br /> display: block;<br /> }<br /> .Left-Bar-Links {<br /> /* Font attributes */<br /> vertical-align: top ;<br /> text-align: left ;<br /> font: menu ;<br /> font-family: "Times New Roman", Times, serif ;<br /> color: #000000;<br /> font-size:medium ;<br /> font-weight: normal ;<br /> <br /> }</pre><br /> <pre style="margin:20px; line-height:13px"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <br /> <head><br /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><br /> <title>Washington D.C. Buissness Profesionals of America 2010

Washington D.C. BPA 2010

Washington D.C.

sadsad

Any help will be greatful. I am currently competing in the Buisness Profesionals of america competition in high school. so this is still a learning process.

Automagically resize images?

daviddoria — Fri, 09 Oct 2009 23:59:34 GMT

Is there anyway to get images to be the "correct" size - i.e. fit the width of the text?

This is what currently happens:
http://engineeringnotes.net/personal/pictures.shtml

Thanks,

Dave

HTML to CSS and something else

cavpollo — Fri, 09 Oct 2009 22:04:49 GMT

How can I make this HTML into CSS? Also, after making it css I want to save it in a file (.css) and then call it from a different file (an html web page). What I dont know is how to add the "custom code" (the table has 2 holes. An image goes inside the first hole and in the second one I want to add the"custom code" that will be found in my html page).

Text hanging off side of page?

daviddoria — Fri, 09 Oct 2009 21:00:08 GMT

I'm still very new to css, so I'm sure this is just some really silly thing:
http://engineeringnotes.net/personal/

Does anyone know why the text is hanging off the left side of the page (on the "home" page and the "publications" page?

Thanks,

Dave

How to get anchor link specific area of a page.

tamphung — Fri, 09 Oct 2009 20:44:03 GMT

Hi guys, I'm new to this forum and hope to get some help with a problem. I want to be able to jump to an anchor but not have it display at the top but in the middle, a specific area of a certain number of pixel down from the top. I've tried many times, using different div id to div class, but not able to have to work. I'm able have it jump to that particular anchor because I put the at a certain section of the previous div. I know this is not a sustainable method since the content of the div's paragraph will change from time to time. Here's the code i have set up
html

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Columbia City Theater

THEATER

Venue Info

Floor Plan

Equipment Specs

Production Services

Gallery

STUDIO

Engineers

Studio Services

Equipment Specs

Gallery

LOUNGE

Events

Drinks Menu

Hours

Gallery

CALENDAR

Current Month

Next Month

CONTACT

Details

Networks

F.A.Q.s

Venue Info

A fully restored Vaudeville Theater circa 1919, located in the heart of the historic Columbia City District. The theater is operated by a team of experienced professionals with many years working in sounds and lighting. We can facilitate a variety of events and arrange to accommodate your needs. For more information about booking the venue for wedding, corporate or social events please contact Patrick Huntsman.

Floor Plan

A fully restored Vaudeville Theater circa 1919, located in the heart of the historic Columbia City District. The theater is operated by a team of experienced professionals with many years working in sounds and lighting. We can facilitate a variety of events and arrange to accommodate your needs. For more information about booking the venue for wedding, corporate or social events please contact Patrick Huntsman.

Equipments

A fully restored Vaudeville Theater circa 1919, located in the heart of the historic Columbia City District. The theater is operated by a team of experienced professionals with many years working in sounds and lighting. We can facilitate a variety of events and arrange to accommodate your needs. For more information about booking the venue for wedding, corporate or social events please contact Patrick Huntsman.

Production Services

A fully restored Vaudeville Theater circa 1919, located in the heart of the historic Columbia City District. The theater is operated by a team of experienced professionals with many years working in sounds and lighting. We can facilitate a variety of events and arrange to accommodate your needs. For more information about booking the venue for wedding, corporate or social events please contact Patrick Huntsman.

As you can see I put the inside the p tag of a different div.
here's the CSS

#bg {
position: fixed;
margin: 0px;
border: 0px;
padding: 0px;
left: 0px;
top: 0px;
width: auto;
height: auto;
overflow: hidden;
z-index: -1;
}
#bg img {
width: 100%;
opacity:0.9; filter:alpha(opacity=90);
}
#container {position: absolute;
width: 900px;
height: 2025px;
top: 0px;
background-color: none;
left: 200px;
margin: 0px 0px 0px 0px;
}
#venue-info{position: absolute;
top: 175px;
left: 200px;
}
#floorplan-info{position: absolute;
top: 610px;
left: 200px;
}
#equipment-info{position: absolute;
top: 1045px;
left: 200px;
margin: 0px 0px 0px 0px;
}
#production-info{position: absolute;
top: 1480px;
left: 200px;
padding-bottom: 165px;}

.info-box{position: absolute;
background-color: #ff3366;
width: 200px;
height: 290px;

margin: 0px;
padding: 0px;
opacity:0.75; filter:alpha(opacity=75);
}
.info-holder {position: absolute;
width: 200px;

top: 0px;
margin: 0px;}
.info {position: absolute;
width: auto;
height: 300px;
overflow: auto;
color: #000;
margin: 0px;}
.image-holder {position: absolute;
background-color: #ff3366;
width: 565px;
height: 385px;
left: 215px;
top: 0px;
opacity:0.75; filter:alpha(opacity=75);}

.images {position: absolute;
left: 215px;
top: 0px;}

.image{position: absolute;
left: 10px;
top: 10px;}
p{color: #fff;
padding-left: 10px;
padding-right: 5px;
padding-top: 30px;
font-size: .8em;
font-weight: normal;
letter-spacing: .5px;
line-height: 1.25em;
margin: 0px;}

.info-title h1{position: absolute;
background-color: #ff3366;
width: 190px;
padding-left: 10px;
font-size: 1.25em;
font-weight: normal;
text-align: left;
margin: 0px;}
#footer{position: absolute;
width: 100%;
height: 50px;
background-color: #ff33cc;
margin: -50px 0 0 0;
}
here's a screen shot
http://farm3.static.flickr.com/2550/...3e13130c_b.jpg

If anyone can help, I would really appreciate it. Thanks