Wrox Programmer Forums
Go Back   Wrox Programmer Forums > Web Programming > HTML > HTML Code Clinic
|
HTML Code Clinic Do you have some HTML code you'd like to share and get suggestions from others for tweaking or improving it? This discussion is the place.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the HTML Code Clinic section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old June 16th, 2004, 03:13 PM
Registered User
 
Join Date: Jun 2004
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Default CSS Question / layers/ helllllp

I have made a website with dreamweaver mx. The menu shows different layer with content with click on the buttons. But the position of the layers changes with resizing the browser, I tried to use css 4 absolute position. Still it does not work.
I do not want to remake the layers as I frame, I need a quick fix?
Can anybody be kind to help me, I have never use CSS.
Thank you
 
Old June 17th, 2004, 02:32 PM
Friend of Wrox
 
Join Date: Mar 2004
Posts: 357
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via Yahoo to anshul
Default

Dreamweaver MX defines layers using <DIV style="something"></DIV>
U can find many of these in ur code.
Or more easily when you after selecting a layer in 'design-view' u switch to 'code-view'.

If width, height, top, right, bottom, left are given percent values like 'width: 81%;' there are many problems. Don't do this.

Undo this: use values like 'width:760px;' etc.
( e.g., page display width of 'width:760px;' is maximum display will avoid scrollbars to all browsers of set MSIE, Netscape, Mozilla,
& Opera, don't use percent.)

Hope u resolve.

If u've absolute problems, find some CSS-design tutorials.
A single good-n-quick CSS tutorial would suffice.

http://mediasworks.com/tutorial/
 
Old June 17th, 2004, 03:50 PM
Registered User
 
Join Date: Jun 2004
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Default

TTTTTTTTTThank you anshul, i will try!

:)
 
Old June 17th, 2004, 06:21 PM
Registered User
 
Join Date: Jun 2004
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Default

http://www.anisdjservice.com/
This is the web

I tried it did not work. The layers are valued.But they move asyou resize the browser. I even had CSS to it as position set on auto l + R but it does not work:(

:)
 
Old June 21st, 2004, 04:36 AM
Friend of Wrox
 
Join Date: Jun 2004
Posts: 331
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to qazi_nomi
Default

You can make CSS easily by using Dreamveiwer
And CSS look like this

.topmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.mainmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: 006699;
}
.pagetitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}
.welcomeheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.nsons {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: 006699;
}
.groupheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}
.content {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: justify;
}
.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: center;
    }
.spareheading {
    font-family: "Arial Black";
    font-size: 9px;
    color: #FF0000;
    font-weight: normal;

}
.technologyheading {
    font-family: "Arial Black";
    font-size: 9px;
    color: 0F6591;
    font-weight: normal;
}
.valleyheading {
    font-family: "Arial Black";
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}
a.decor:link {color: white; text-decoration: none}
a.decor:visited {color: white; text-decoration: none}
a.decor:hover {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
}
a.decor2:link {color: #006699; text-decoration: none}
a.decor2:visited {color: #006699; text-decoration: none}
a.decor2:hover {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #006699;
}
a.decor3:link {color: #000000; text-decoration: none}
a.decor3:visited {color: #000000; text-decoration: none}
a.decor3:hover {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #006699;
}
a.decor4:link {color: #000000; text-decoration: none}
a.decor4:visited {color: #000000; text-decoration: none}
a.decor4:hover {
    text-decoration: underline;
    font-family: "Arial Black";
    font-size: 9px;

    font-weight: normal;
    color: #FF0000;
}


Love 4 all
 
Old June 21st, 2004, 04:52 PM
Registered User
 
Join Date: Jun 2004
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Qazi thank you!
Sorry for being stupid, Is this style sheet to attach?
Is it for font?
I need for position for different browser.

I need more detail!

:)





Similar Threads
Thread Thread Starter Forum Replies Last Post
3-Column CSS Question kwilliams CSS Cascading Style Sheets 2 April 8th, 2008 02:33 PM
Question on First CSS savoym CSS Cascading Style Sheets 2 February 1st, 2007 10:02 AM
CSS question Edward King CSS Cascading Style Sheets 1 September 16th, 2005 01:02 PM
Netscape Layers Using CSS+JavaScript(DOM) anshul Javascript How-To 2 May 26th, 2004 01:51 PM
Tables vs. layers (CSS question) jacob HTML Code Clinic 6 December 1st, 2003 06:21 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.