DaniWeb IT Discussion Community - HTML and CSS

css problem

ashercharles — Sat, 11 Oct 2008 09:11:02 GMT

the following code is dislpayed differently in IE anf firefox ...........

pls help ....i want both to look alike

TWO-COLUM absolute LAYOUT WITH absolute BOXES

Header Section

Left Section

Content Section

entire webpage using
how to do it??

ashercharles — Sat, 11 Oct 2008 08:15:52 GMT

well i saw big players like google ,yahoo....using div a lot for their webpage.....

pls tell how to do it with ease....searched lot but they are all confusing............!

i also want to know how it is possible to replace frameset with.......

i have a webpage where link in the left frame has to be displayed in the right

pls help

want to show icon like google pls help

cpeeyush1 — Sat, 11 Oct 2008 08:02:22 GMT

hi
when we typed www.google.com in address bar of the browser then a blue color 'g' appears in the address bar before the typed url so i also want to show some icon for my web also but dont know how to do this so pls tell me

-PC(INDIA)

website distorted in Firefox browser

sos4seo — Sat, 11 Oct 2008 05:34:56 GMT

I designed a website for a small business. It displays correctly in Internet Explorer, but displays distorted and all messed up in Mozilla Firefox. Can anyone please tell me how to make the site display correctly in Firefox. http://www.videosecuritytexas.com/

Liquid CSS width off in IE 5.x

dwlamb_001 — Fri, 10 Oct 2008 14:07:51 GMT

Good day,

I am having an issue with IE 5.x and the following web page. For some reason the area of text is narrow as though the maximum possible resolution is 800x600. I say this because testing this page at 800x600 yields a similar result in all browsers tested that IE 5.x browsers produce at 1024x768. Testing IE 5.x at resolutions higher than 1024x768 will generate a desired result.

Because I want the 3 picture based icons in one line across, the minimum width of the overall wrapper needs to be 690 - 700 px. In its present state, the wrapper is 75%. At 1024x768 this should be enough to yield the minimum amount required.

I am aware of the deficiency in IE browsers doubling left margins when displaying CSS and liquid lay-outs. Those fixes have been tried to no avail.

If by chance you're unaware of it, there's a great resource for installing multiple versions of IE here.

Thanks for your time and have a Great Day!

candy wall like madonna.com

amarula25 — Fri, 10 Oct 2008 12:27:54 GMT

I wonder if you can help me i have this website. i want a script like if you click a image a overlay must display without leaving the content like on www.madonna.com on her candy wall. can this be done?

problem using frame set framset

ashercharles — Fri, 10 Oct 2008 11:54:26 GMT

hai
im using a top and nested left framest from Dreamweaver ....

there are three frames involved
1)header
2)left
3) and on for the content

the problem is this...in the header frame im having the sign out option...so wht happens is that when signout is clicked only tht frame is diaplaying logged out i want the entire page to logged ot instead.............

pls help

Computer aided learning

Alohavik — Fri, 10 Oct 2008 10:38:46 GMT

Im looking to start my final year project in computer science, but we haven't been given much guidance on a topic area, one of the things i was thinking of perhaps doing is a learning aid or something of that sort, and im not too good at java so wanted to do the programming in HTML; CSS.. but Im open to suggestions.
does anyone have any ideas?

thanks

download?

jeffrey16 — Fri, 10 Oct 2008 02:51:26 GMT

any one here know where to download microsoft expression web 2?

Dual Purpose Button

sm1tty300 — Thu, 09 Oct 2008 22:00:01 GMT

Hello I am looking for a button to do 2 things print out locally on the windows default printer as well as when you click submit it will email to an address the same information it is printing.

log in to a new page

J-son — Thu, 09 Oct 2008 13:22:10 GMT

Hi there, could anyone help me how to log in to a new html page? Like, when I click on log in button, it brings me to a new page. I tried several methods but didn't work.
Thanks in advance.







Identify Users







Identify Users






Log in

Please enter your User ID and Password to access




User ID:



Password:

css looks good in IE terrible in FF ... help

dbguide — Tue, 07 Oct 2008 01:02:48 GMT

:) Hey everyone,

Hows it going?

I have a prob with my css layout and I have fiddling around with it for 3 days and can't seem to understand why it looks great in IE and it lines up terrible in FF.

I kinda need a fresh set of eyes.

Here it is-- http://greenbolnyc.com/policy/policies.htm

here is my css layout-- http://greenbolnyc.com/css/msgstyle.css

Basically my main div does not contain the divs that are inside it.

I know it has something to do with the "float control" but if you look at the header div the menu div fits perfectly

it could be the DIV { margin: 0px, auto; } which I think centers all divs ... but I am not sure

any suggestions would be fantastic!

:)

ie6 help

furiber — Mon, 06 Oct 2008 23:26:28 GMT

Hello, i just desgined a web page and i'm having some trouble with ie6, since it wont let clicl on a link.

if somebody knows what could it be, i'll be very thankfull.

the webpage is here

and the link is the one called "el conjunto".

on every other browser i've tried it works just fine, but as always not on ie6.

thank you in advance.

Layered elements in liquid lay-out

dwlamb_001 — Mon, 06 Oct 2008 18:07:31 GMT

I have a challenge with placing a couple of small elements in a div using a liquid lay-out CSS.

The result I want can be seen here . My desired effect is the e-mail and CV in PDF links to the right of name at the top. However, I do not want them to push the name and text out of center. The lay-out in the example is done in layers using fixed CSS lay-out. I can't achieve the same result in liquid or elastic lay-out.

This is my HTML:



  

    

      CV in PDF

    


    

    

      Daniel Lamb, B.A.

    


    [continues with appropriates matching tags]

This is the corresponding CSS:

#wrapper{

  width: 70%;

  margin-left: 15%

}

#header{

  width: 100%;

  background-color: white;

  border-style: solid;

  border-color: #352B3F;

  border-width: thick;

  padding-bottom: 1%;

  margin-bottom: .75%;

  padding-right: 0.5%;

  padding-bottom: 2em;

  padding-left:  0.5%;

}

#pdf {

  float: right;

}

I've only included the 'pdf' elements for whatever the solution, I am certain the same concepts will apply to the e-mail icon hyperlink.

The challenge is the placement of either the pdf or e-mail links without interfering with the text in the header block area. Doing a fixed position lay-out, placement was possible using layers (z-index). Trying to apply the same technique now has no effect. If layering is not possible and I need to go with something such as an 85% area for the text and 13% area for the links (leaving 2% as gutter), is there a way to tweak the margins or padding so the centered appearance of the text is as though it is 100% the width of the header area?

Thanks for taking the time to read this and have a Great Day!

Daniel

CSS DIV container align multibrowser+unwanted margin

Apaxe — Mon, 06 Oct 2008 00:17:30 GMT

Hi,
[/code]
I'm trying to make a website using divs and CSS and I'm having some problemss that I just can't solve :S

1.I'm using a container DIV, to center the content, and in SAFARI everything falls apart.
2.in IE7 the second orange bar is too far from the bottom of the grey ones and in FIREFOX is less seen but, as i care for grids, I would like to make a 5px margin as everywhere else.

A JPG of the renders can be seen here: http://www.andresousa.eu/browser_screen.jpg

CSS USED

div#container{

        margin-left: auto;

        margin-right: auto;

        position: relative;

        width: 600px;

        display:block;

}



div#orange_bar {

        position: relative;

        width:600px;

        background-color: #D75600;

        height: 16px;

        margin-bottom: 0px;

}



div#content_left {

        display:table;

        position: relative;

        background-color:#353535;

        width: 110px;

        height: 110px;

        margin-top: 5px;

        

}



div#content_right {

        display:table;

        float:right;

        position: relative;

        background-color:#353535;

        width: 485px;

        height: 110px;

        bottom: 110px;

        margin-left: 0px;



}

HTML





 PHOTOGRAPHY












 PHOTOGRAPHY








 PHOTOGRAPHY


 PHOTOGRAPHY

Thanks a lot, I hope you can help me fixing this as I don't really wanna use tables.
Best regards.