CSS 3.0 Problem
Facing some problem plz help me out:-
How to create rounded box with help of CSS 3.0
Border radius (see below) this will not work in any IE browser lower than version 9. (so virtually useless in my opinion)
#wrapper {
width: 300px;
height: 300px;
background-color: #36F;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
Similar Messages
-
Hi,
I'm building a website from a photoshop design and I have a
problem with the layout I can't see how to fix:
I have a header and a footer which both need to stay centered
and expand to whatever the browser window width is set to.
Between them I have a div of the main content of the pages
which also needs to be centered.
All seems very simple. I would normally just have a big div
around the whole page with an align="center". Job done.
But the problem is the space to the left of the content div
needs to be grey and the space on the right needs to be black.
Therefore I assume I'm going to need 3 divs. 2 for the left and
right spaces and another with the main content between them.
Both the side divs will need to expand somehow to fill the
space while keeping the fixed width content div centered. But I
think they will also have to be floated to sit side by side.
I cant seem to get the divs to stay in the correct places or
keep the side ones filling the space between the content div and
the edges of the browser.
Can anyone help?
Thanks,
OlliebearIs this what you au trying to do?
http://starttoweb.com/
If so, you are welcome to grab the CSS file and mostly to fit
your needs.
Cheryl D Wise
Adobe Community Expert
http://starttoweb.com
"Olliebare" <[email protected]> wrote in
message
news:fpn0q2$p1v$[email protected]..
> Hi,
>
> I'm building a website from a photoshop design and I
have a problem with
> the
> layout I can't see how to fix:
>
> I have a header and a footer which both need to stay
centered and expand
> to
> whatever the browser window width is set to.
>
> Between them I have a div of the main content of the
pages which also
> needs to
> be centered.
>
> All seems very simple. I would normally just have a big
div around the
> whole
> page with an align="center". Job done.
> But the problem is the space to the left of the content
div needs to be
> grey
> and the space on the right needs to be black. Therefore
I assume I'm going
> to
> need 3 divs. 2 for the left and right spaces and another
with the main
> content
> between them.
>
> Both the side divs will need to expand somehow to fill
the space while
> keeping
> the fixed width content div centered. But I think they
will also have to
> be
> floated to sit side by side.
>
> I cant seem to get the divs to stay in the correct
places or keep the side
> ones filling the space between the content div and the
edges of the
> browser.
>
> Can anyone help?
>
> Thanks,
>
> Olliebear
> -
I cant figure out why the valign isnt working on my page..
http://www.v4.skiingbc.info/pages/skiarea2.php?Name=Test1212&TrailMaps=X&FS=√&LP=√
CSS Sheet:
http://v4.skiingbc.info/v4.css
I want all text to be middle aligned in the table cells... If
someone could take a look at the code that would be really
appreciated..
In Dreamweaver the text is middle aligned, it just doesnt
work in IE7You have this on the page:
<td height="79"
<valign="top">
try changing it to thos:
<td height="79" valign="top">
you also have this:
<option selected="selected">Select Card
Type</option>
option selected>Search By Card Type
</option>
make it like this:
<option selected="selected">Select Card
Type</option>
Ken Ford
Adobe Community Expert
Fordwebs, LLC
http://www.fordwebs.com
"Monica101" <[email protected]> wrote in
message news:f0foos$n7u$[email protected]..
> I've got text in a table that won't align at the top:
>
> <td height="79"valign="top"><table width="150"
border="0" cellpadding="0"
> cellspacing="0" class="Side_Links">
>
> It looks fine in Dreamweaver, but displays verticaly in
the center of the
> table. I've been working in Dreamweaver for years and
never had this problem. I
> tried fixing it w/ css:
>
> vertical-align: top;
>
> This didn't work either.
>
> Page:
>
>
http://www.capitalinternet.com/~mycredit/template.php
>
> Thanks!
>
> -
Hello
I have been recently working on a web project. In the project I have a css file Thats suppose to position the logo image.
This is the css code:
/** LOGO */
#logo {
width: 830px;
height: 90px;
margin: 0 auto;
margin-top: 10px;
margin-left: 200px;
background: url(images/img04.jpg) no-repeat left top;
Margin-top moves the logo down and margin-left moves the logo in alignment. The problem is that when I view the
page on different screen sizes margin-left makes the logo image automatically move to the middle of the page.
Instead of staying in the required position.
Can any one help.
Thanks.Hi Thanks so much for the reply.
I want to add more information.
This is the css:
body {
margin: 0;
padding: 0;
background: url(images/img01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #66665E;
h1, h2, h3 {
margin: 0;
text-transform: uppercase;
font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #0C95C9;
h1 { font-size: 44px; }
h2 { font-size: 18px; }
h3 { }
p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
ul, ol { }
blockquote { }
a { color: #0C95C9; }
a:hover { text-decoration: none; }
a img {
border: none;
img.left {
float: left;
margin: 7px 30px 0 0;
img.right {
float: right;
margin: 7px 0 0 30px;
hr { display: none; }
.list1 {
.list1 li {
float: left;
line-height: normal;
.list1 li img {
margin: 0 30px 30px 0;
.list1 li.alt img {
margin-right: 0;
#wrapper {
/* Header */
#header-wrapper {
#header {
width: 920px;
height: 45px;
margin: 0 auto;
/* Menu */
#menu {
float: left;
width: 640px;
height: 45px;
#menu ul {
margin: 0;
padding: 10px 0px 0px 5px;
list-style: none;
line-height: normal;
#menu li {
display: block;
float: left;
#menu a {
display: block;
float: left;
margin-right: 3px;
padding: 3px 25px 2px 25px;
text-decoration: none;
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
#menu a:hover { text-decoration: underline; }
#menu .current_page_item a {
height: 20px;
background: #FEC200 url(images/img02.jpg) repeat-x left top;
color: #FFFFFF;
#menu .first {
background: none;
/* Search */
#search {
float: right;
width: 250px;
height: 45px;
#search form {
float: right;
margin: 0;
padding: 12px 30px 0 0;
#search fieldset {
margin: 0;
padding: 0;
border: none;
#search input {
float: left;
font: 12px Georgia, "Times New Roman", Times, serif;
border: none;
#search-text {
width: 135px;
height: 18px;
padding: 3px 0 0 5px;
border: 1px solid #333333;
background: #ECF9E4;
color: #000000;
#search-submit {
height: 25px;
margin-left: 10px;
padding: 1px 10px;
background: #C0C0C0 url(images/bg_grey.jpg);
color: #000000;
/* Page */
#page {
width: 920px;
margin: 0 auto;
#page-bgtop {
padding-top: 30px;
/** LOGO */
#logo {
width: 920px;
height: 90px;
margin: 0 auto;
background: url(images/img04.jpg) no-repeat left top;
#logo h1, #logo p {
margin: 0px;
line-height: normal;
text-transform: lowercase;
font-weight: normal;
color: #FFFFFF;
#logo p {
text-transform: lowercase;
font-size: 10px;
#logo h1 {
padding-top: 54px;
font-size: 34px;
#logo a {
text-decoration: none;
color: #FFFFFF;
/* Content */
#content {
float: center;
width: 920px;
height: 800px;
padding-top: 0px;
padding-right: 0px;
/* Post */
.post {
background: url(images/img07.jpg) repeat-x left bottom;
margin-bottom: 25px;
.post .title {
height: 30px;
color: #549900;
.post .title a {
text-decoration: none;
color: #585D60;
.post .date {
.post .meta {
margin-top: -10px;
padding: 2px 30px 2px 16px;
background: url(images/img03.gif) no-repeat left 8px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #66665E;
.post .meta span {
display: block;
margin-top: -10px;
.post .meta a { }
.post .entry {
padding: 10px 0;
.post .links {
margin: 0 250px 0 0;
padding: 0 0 0 0px;
.post .links .comments {
.post .links .permalink {
padding-left: 17px;
/* Sidebar */
#sidebar {
float: left;
width: 177px;
padding-left: 22px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #585D60;
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
#sidebar li {
margin-bottom: 30px;
padding: 0 0 10px 0px;
#sidebar li ul {
#sidebar li li {
margin: 0;
padding: 7px 10px 10px 7px;
background: url(images/img07.jpg) repeat-x left bottom;
#sidebar p {
margin: 0;
padding: 0px 10px;
#sidebar h2 {
height: 26px;
margin: 0 0 10px 0px;
padding: 12px 0 2px 7px;
text-transform: capitalize;
font-size: 18px;
font-weight: normal;
color: #464F54;
#sidebar p {
line-height: 200%;
#sidebar a {
text-align: left;
text-decoration: none;
font-weight: normal;
color: #585D60;
/* Calendar */
#calendar {
#calendar caption {
padding-bottom: 5px;
font-weight: bold;
#calendar table {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid #24130F;
border-left: 1px solid #24130F;
border-right: 1px solid #24130F;
#calendar thead th {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
background: #24130F;
#calendar tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
#calendar tfoot td {
padding: 5px;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
#calendar tfoot #next {
border-top: 1px solid #24130F;
text-align: right;
#calendar tfoot #prev {
border-top: 1px solid #24130F;
#calendar .pad {
border-bottom: 1px solid #24130F;
#calendar #today {
background: #24130F;
/* Footer */
#footer {
width: 920px;
height: 49px;
margin: 0 auto;
padding-top: 50px;
#footer-bgcontent {
margin: 0px;
padding: 0px;
height: 99px;
background: #394144;
#footer p {
margin: 0;
text-align: center;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
color: #FFFFFF;
#footer a {
color: #E5FFC4;
This is the Mainpage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Uimodo</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="../style/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery/jquery-1.4.3.min.js"></script>
</head>
<body>
<div id="wrapper">
<div id="logo">
</div>
<hr />
<!-- end #logo -->
<div id="header">
<div id="menu">
<ul>
<li><a href="Vidmin.php" class="first">Home</a></li>
<li><a href="Other.php">Other</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="search">
<form method="get" action="">
<fieldset>
<input type="button" id="search-submit" onclick="window.location.href='now.php'" value="UPLOAD NOW" />
</fieldset>
</form>
</div>
<!-- end #search -->
</div>
<!-- end #header -->
<!-- end #header-wrapper -->
<div id="page">
<div id="page-bgtop">
<div id="content">
<table width="920" border="0" align="center" cellpadding="4">
<tr>
<td height="42" valign="top"><table width="415" height="41" align="right">
<tr>
<td width="215" height="35" align="center"> </td>
<td width="60" align="center"><a href="" target="_blank"><img src="../Logo/fblogo.png" alt="" width="34" height="33" /></a></td>
<td width="124"><a href="" target="_blank"><img src="../Logo/twitlogo.png" alt="" width="34" height="33" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="72" valign="top" align="center"><table width="859" height="72" border="0">
<tr>
<td width="293" height="49"><div align="center"><font size="5" color="#333333">Signup</font></div></td>
<td width="14"> </td>
<td width="296"><div align="center"><font size="5" color="#333333">Login</font></div></td>
</tr>
<tr>
<td height="17"><div align="center" id="register"></div></td>
<td> </td>
<td><div align="center" id="loginstatus"></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="269" valign="top" align="center"><table width="908" height="291" border="0" align="center" cellpadding="3" bgcolor="#CCCCCC">
<tr>
<td width="401" height="287" align="center" valign="top"><form id="register_form" method="post" action="">
<table width="300" height="291" >
<tr>
<td height="23" colspan="2"> </td>
</tr>
<tr>
<td width="85" height="36"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Username :</font> <br />
</div></td>
<td width="203"><input name="realname" id="realname" type="text" size="30" value='<?Php echo $profile['displayName'];?>'/></td>
</tr>
<tr>
<td height="45"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Email :</font> <br />
</div></td>
<td><div align="left">
<input name="email" id="email" type="text" size="30" value='<?Php echo $profile['email'];?>'/>
<input name="propic" id="propic" type="hidden" size="30" value='<?Php echo $profile['photo'];?>'/>
</div></td>
</tr>
<tr>
<td height="81"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Security :</font> <br />
</div></td>
<td><div align="center"><img src="CaptchaSecurityImages.php?width=150&height=40&characters=8" alt="captcha"/></div>
<p>
<input name="security_code" id="security_code" type="text" size="30" />
</p></td>
</tr>
<tr>
<td height="45"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Password:</font> <br />
</div></td>
<td><div align="left">
<input name="password" id="password" type="text" size="30" />
</div></td>
</tr>
<tr>
<td height="45"> </td>
<td><div align="left">
<input type='submit' name="submit" id="submit" value='Sign Up'/>
</div></td>
</tr>
</table>
</form></td>
<td width="6" align="center"></td>
<td width="475" align="center" valign="top"><form method='post' id='login_form'>
<table width="300" height="176" >
<tr>
<td height="19" colspan="2"> </td>
</tr>
<tr>
<td height="36"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif" >Email :</font> <br />
</div></td>
<td><div align="left">
<input name='emailenter' type='text' id='emailenter' size="25" />
</div></td>
</tr>
<tr>
<td height="45"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Password :</font> <br />
</div></td>
<td><div align="left">
<input name='passcode' type='password' id='passcode' maxlength='15' size="25" />
</div></td>
</tr>
<tr>
<td height="45"> </td>
<td><div align="left">
<input type='submit' name='submit' value='Login'/>
<a href="ForgotPassword.php">Forgot Password?</a></div></td>
</tr>
</table>
</form></td>
</tr>
</table></td>
</tr>
<tr>
<td height="23" valign="top" align="center" > </td>
</tr>
</table>
</div>
<!-- end #content -->
<div style="clear: both;"> </div>
</div>
</div>
<!-- end #page -->
<div id="footer-bgcontent">
<div id="footer">
<p>Copyright (c) . </p></div>
</div>
<!-- end #footer -->
</div>
</body>
</html>
Please just focus on the logo div. It suddenly moves to the middle on different screen size etc. Hope you can help. -
Dear All,
After a power outage, one of our CSS is failing to boot up properly. Every time its rebooted, it goes straight to the OFFDM although the Primary boot device has been selected to be Disk. I have formatted the
Disk and loaded a new image, it booted with the new image once and its
Loading to OFFDM every time its rebooted.
I would be really grateful if someone could shed some light on this problem.
Regards,
ZahidYou could check the boot.log for error messages inorder to find out what the problem could be.
Here's the link to Troubleshooting the Boot Process:
http://www.cisco.com/en/US/products/hw/contnetw/ps792/products_installation_guide_chapter09186a00800df9dc.html#xtocid1
Hope this is of some help to you.
For details refer:
http://www.cisco.com/univercd/cc/td/doc/product/webscale/css/css_500/getstart/trouble.htm#xtocid4 -
While renewing the ssl certification in CSS everything went fine while installation but after that when i checked with the following command
sh ssl associate rsakey | grep url(dont want to mention name)
i can see the previous as well as the new both key as associated and says yes
while the new should show yes and old should be no
same it is showing for cert
can anyone help me to sort out with this problem what it can be
Thanks in advanceSagar,
Have you performed the "no ssl associate rsakey" and the "no ssl associate cert"?
After that, perform the "clear ssl file " and "clear ssl file rsakey "
HTH
Dave -
Hi
I am using the following css to align a div to the right hand
side of the
page:
#headerRight { RIGHT: 10px; MARGIN-RIGHT: 0px; POSITION:
absolute; TOP: 5px;
align: right; border: 0; width: 235px;}
The above seems to work well, except for one small annoying
problem. If the
content of the page is wide and causes the horizontal scroll
bar to appear,
then the div seems to work as it appears 10px from the right
side of the
window. However if I move the horizontal scroll bar over to
the right, then
the div doesnt move accordingly.
If I then resize the browser window, then the div moves and
always lines up
10px from the edge no matter what size the window is.
Anyone know where I am going wrong, or need any more
information?
Thanks
Brendan
Rate your experiences with your UK and Ireland builders at
http://www.ratethebuilder.co.uk
=========================================Solved the problem by using the following javascript code:
function scrollDetect(){
document.getElementById("headerRight").style.left =
document.body.clientWidth - 245 + document.body.scrollLeft;
setInterval("scrollDetect()", 500);
Where 245 is the width of the div.
Only problem is that the code probably isnt cross browser at
the moment, but
I'll work on that.
Thanks again for all your help.
Rate your experiences with your UK and Ireland builders at
http://www.ratethebuilder.co.uk
=========================================
"RateTheBuilder" <[email protected]>
wrote in message
news:[email protected]...
> Osgood
>
> Sorry, would love to post a url, but content is
sensitive.
>
> Basically I have a div which stretches the width of the
page which
> contains the header details. Then on top of this div but
to the very right
> of the page I have a div that I have absolute
positioning set. This div
> must remain the set distance from the right of the
screen (10px) even when
> the user is scrolling horizontally.
>
> Thanks for your time so far and I hope I've shed a
little more light.
>
> Brendan
> ______________________________________________
> Rate your experiences with your UK and Ireland builders
at
>
http://www.ratethebuilder.co.uk
> =========================================
>
> "Osgood" <[email protected]> wrote in
message
> news:[email protected]...
>> RateTheBuilder wrote:
>>
>>> Osgood
>>>
>>> There is no content on the same level as the div
to the right, but the
>>> content below the div may extend the width of
the page. There are other
>>> divs on the same level as the one I want to keep
right and I have the
>>> problem div above them, so that is why I used
absolute positioning.
>>
>> Sorry i'm lost.
>>
>> You say you have no content on the same level as the
div to the right and
>> then say there are other divs on the same level as
the one you want to
>> keep right?
>>
>> Can you post a url to the page in question?
>>
>
> -
Hi, I have a problem with the NAT group intercepting connections to a PIX on the local VLAN. VLAN1 on the LB is the outside internet connection, VLAN2 is internal, at 10.0.10.0/24. The PIX IP is 10.0.10.254. If a webserver at 10.0.10.5 tries to connect to a server behind the PIX, the PIX logs a connection not from 10.0.10.5, but from the NAT group, which has an external IP address. Not only does this slow things down, but confuses the ACL config on the PIX. Any way to force devices to directly connect on the local VLAN, as one would normally expect? Thanks!
What happens is the traffic that will use the group will need to match the source/dest configured in the ACL, but more importantly, the VLAN you apply to the ACL itself will determine what traffic is even looked at in the ACL itself. So if you apply vlan1 to the ACL, then only traffic coming into the CSS via VLAN1 will use the acl (assuming it matches the clause criteria configured).
By using the ACL approach, you could put those ip addresses you want to NAT in the first clauses, and then leave out the ones you do not want to NAT. If there is no ACL match, then there will be no NAT.
Instead of specifying all the ip addreses in separate ACLs, you can use the subnet mask to create a range of addresses.
Hope this help. I do agree that this can be a bit of a maint challenge having to do this, but I'm not sure any other option exists unless there is something different about the way you have your source groups configured.
Regards
Pete.. -
Css background-position problem
Hello, I get a problem with this style:
<style type="text/css" media="screen">
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
body {
background-color:#ffffff;
background-image:url(images/myimage.jpg);
background-position: center bottom;
background-repeat:repeat-x;
</style>
In ie7 works fine, in firefox 2 the bottom position doesn't
work...
Any suggestion ?
Thanks
howdyHello, this is the page, simply copy and paste.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>test background</title>
<style type="text/css" media="screen">
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
body {
background-color:#ffffff;
background-image:url(
http://img179.imageshack.us/img179/2401/backgroundkc8.jpg);
background-position: center bottom;
background-repeat:repeat-x;
#layer1{
text-align: center;
width: 300px;
margin-right: auto;
margin-left: auto;
border: 2px double #003333;
</style>
</head>
<body>
<div id="layer1">Lorem ipsum dolor sit amet,
consectetuer adipiscing
elit. Quisque cursus, justo a tincidunt volutpat, dui orci
feugiat
justo, at varius odio est quis turpis. Integer nisl enim,
condimentum
et, eleifend et, posuere quis, risus. Nam convallis. Integer
diam dui,
accumsan mattis, dignissim at, dictum rutrum, justo. Praesent
lacinia.
Cras a diam. Aenean quis elit. Duis mauris erat, aliquet nec,
malesuada
laoreet, aliquam sit amet, magna. Ut turpis metus,
sollicitudin ac,
fermentum non, pretium eu, augue. Nunc faucibus, leo eu
pharetra
ultrices, sem augue ultricies risus, at egestas velit lectus
ac velit.
Suspendisse pretium nibh dapibus turpis. Praesent felis mi,
vestibulum
eu, pellentesque et, consequat eu, ante. Nulla accumsan enim
et pede.
Suspendisse potenti.
Donec eget nulla. Proin et est. Integer volutpat, dolor
scelerisque
bibendum egestas, lacus dui venenatis odio, vitae varius
massa eros sit
amet ligula. Curabitur tellus. Curabitur ultricies volutpat
tellus. In
sodales. Duis cursus mi eu dui placerat porta. Mauris laoreet
turpis at
nunc. Vivamus volutpat, metus dignissim accumsan hendrerit,
turpis
turpis aliquet nulla, non viverra dui dui quis quam. Mauris
sem nunc,
laoreet in, elementum vitae, tempor a, libero. Cras ac turpis
sit amet
risus cursus ultrices. Sed id quam.
Nulla tortor ligula, adipiscing nec, ornare eu, gravida in,
justo. Sed
elementum vestibulum lectus. Mauris lectus mauris, convallis
nec,
posuere quis, lacinia at, felis. Vestibulum ante ipsum primis
in
faucibus orci luctus et ultrices posuere cubilia Curae;
Aenean cursus
quam eget dui. Maecenas sapien. Aenean pellentesque lobortis
mi. Quisque
tempor ipsum in libero. Pellentesque habitant morbi tristique
senectus
et netus et malesuada fames ac turpis egestas. Class aptent
taciti
sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos.
Quisque lacus tellus, ornare quis, euismod et, lacinia sed,
justo. Proin
auctor nisi sed tortor. Fusce in justo et nisl fermentum
vehicula.
Quisque urna felis, lacinia at, viverra in, fermentum ut,
lacus. Duis
tempus. Morbi bibendum libero vitae diam faucibus placerat.
Praesent eu sapien. Sed ut velit quis magna lobortis
malesuada.
Phasellus dignissim risus ac est. Pellentesque semper sem.
Donec porta
nulla nec quam. Pellentesque aliquet risus id quam. Proin
tincidunt erat
nec nunc. Praesent euismod fringilla ipsum. Donec ornare.
Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Sed leo.
Proin non nisi non neque porta tempus. Proin varius velit eu
sapien.
Pellentesque pulvinar arcu id ante. Nunc eu diam. Phasellus
euismod,
felis in scelerisque pharetra, diam augue eleifend mi, a
rutrum mauris
arcu nec orci. Proin sed erat. Pellentesque et libero.
Aliquam ante
velit, ultrices ut, fermentum ac, cursus ut, est. Etiam vitae
nisl ac
metus cursus viverra. Proin non felis. Donec massa. Nullam
quam lectus,
pulvinar eget, condimentum at, tristique in, quam. Proin
vehicula
elementum diam. Proin sapien. Praesent suscipit, lorem at
dapibus
fringilla, orci elit facilisis lacus, at dictum augue velit
quis enim.
Mauris eu mauris. Aliquam rhoncus fermentum pede. Vestibulum
gravida
vulputate mauris.
Pellentesque consectetuer. Cras tellus justo, iaculis vitae,
semper at,
scelerisque porta, tortor. Pellentesque at mi sed tellus
pellentesque
ultricies. In quis pede. Integer vel tortor at dui elementum
suscipit.
Praesent interdum posuere odio. Integer mollis mattis ipsum.
Duis id
metus ut nulla molestie sagittis. Suspendisse faucibus urna
vel metus.
Sed bibendum, dolor sit amet rhoncus rutrum, lorem turpis
pharetra
tortor, quis viverra neque lorem eget massa. Lorem ipsum
dolor sit amet,
consectetuer adipiscing elit. Suspendisse vestibulum arcu
vitae odio.
Fusce enim lacus, porttitor nec, scelerisque non, viverra eu,
enim. Sed
mauris. In hac habitasse platea dictumst. Duis porta mauris
quis orci.
Donec suscipit turpis eu dui egestas suscipit. Suspendisse
potenti. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur
ridiculus mus. In hac habitasse platea dictumst.
Cras in arcu a mi iaculis ultricies. Pellentesque sed lorem
at sem
euismod blandit. Nullam pede lacus, interdum eu, aliquam a,
pretium vel,
sem. Pellentesque fringilla leo feugiat nibh. Cras non enim.
Donec
luctus ante vel diam. Mauris volutpat sapien eget nunc. Donec
nec lectus
nec leo iaculis fringilla. Sed felis magna, cursus et,
hendrerit sit
amet, pretium at, sapien. Vivamus ornare neque facilisis
arcu. Vivamus
nisi leo, varius ac, sodales ut, dapibus eget, eros.
</div>
</body>
</html> -
CSS Image loading problem by dynamically loading from fxml file?
h1. Introduction
The application I am developing loads an FXML file from a Controller. The FXML uses CSS and images for buttons are set in the CSS.
CSS directory structure
<package>.fxml
Images
<package>.fxml.resources.<subdir>
Example CSS Code
.buttonImage {
-fx-background-image: url("resources/subdir/image.png");
}Example loading fxml from controller code
URL location = getClass().getResource("/package/fxml/UI.fxml");
FXMLLoader fxmlLoader = new FXMLLoader(location);
fxmlLoader.setLocation(location);
fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory());
Parent root = (Parent)fxmlLoader.load(location.openStream());
Controller = (Controller) fxmlLoader.getController();
newPane.getChildren().add(root);h1. Problem
The fxml file does not load and causes the following error:
javafx.fxml.LoadException: Page language not specified.Note, the fxml file loaded correctly before images were added.
Any ideas of what might be going wrong?
h1. Attempted
I have attempted the following: tried changing the url of the image as an absolute path.No Problem: Note, this is the actual FXML, my previous examples were simplifications of package names and class names in order to directly illustrate the problem. Note, I am using SceneBuilder to develop the FXML file.
<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import java.net.*?>
<?import java.util.*?>
<?import javafx.collections.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<AnchorPane id="AnchorPane" prefHeight="396.0000999999975" prefWidth="350.0" styleClass="mainFxmlClass" xmlns:fx="http://javafx.com/fxml" fx:controller="com.monkygames.kbmaster.controller.ProfileUIController">
<children>
<Label layoutX="14.0" layoutY="14.0" text="Profiles">
<font>
<Font size="18.0" />
</font>
</Label>
<GridPane layoutX="15.0" layoutY="44.0" prefHeight="99.0" prefWidth="335.0">
<children>
<Label text="Type: " GridPane.columnIndex="0" GridPane.rowIndex="0" />
<ComboBox fx:id="typeCB" prefWidth="249.0" GridPane.columnIndex="1" GridPane.rowIndex="0">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="Item 1" />
<String fx:value="Item 2" />
<String fx:value="Item 3" />
</FXCollections>
</items>
</ComboBox>
<Label text="Program: " GridPane.columnIndex="0" GridPane.rowIndex="1" />
<ComboBox fx:id="programCB" prefWidth="249.0" GridPane.columnIndex="1" GridPane.rowIndex="1">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="Item 1" />
<String fx:value="Item 2" />
<String fx:value="Item 3" />
</FXCollections>
</items>
</ComboBox>
<Label text="Profile: " GridPane.columnIndex="0" GridPane.rowIndex="2" />
<ComboBox prefWidth="249.0" GridPane.columnIndex="1" GridPane.rowIndex="2">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="Item 1" />
<String fx:value="Item 2" />
<String fx:value="Item 3" />
</FXCollections>
</items>
</ComboBox>
</children>
<columnConstraints>
<ColumnConstraints fillWidth="false" halignment="RIGHT" hgrow="NEVER" maxWidth="-Infinity" minWidth="10.0" prefWidth="80.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
</rowConstraints>
</GridPane>
<HBox layoutX="14.0" layoutY="150.0" prefHeight="159.0" prefWidth="335.0">
<children>
<Label text="Description: " />
<TextArea prefHeight="172.0" prefWidth="247.0" wrapText="true" />
</children>
</HBox>
<HBox alignment="CENTER" layoutX="11.0" layoutY="334.0" prefHeight="48.0" prefWidth="329.0">
<children>
<Button fx:id="newProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="newProfile" text="New Profile" />
<Button id="newProfileB" fx:id="cloneProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="cloneProfile" text="Clone Profile" />
<Button id="newProfileB" fx:id="importProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="importProfile" text="Import Profile" />
<Button id="newProfileB" fx:id="exportProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="exportProfile" text="Export Profile" />
<Button id="newProfileB" fx:id="printPDFB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="pdfProfile" text="Print to PDF" />
<Button id="newProfileB" fx:id="deleteProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="deleteProfile" text="Delete Profile" />
</children>
</HBox>
</children>
<stylesheets>
<URL value="@master.css" />
<URL value="@profile.css" />
</stylesheets>
</AnchorPane>Edited by: 960799 on Jan 4, 2013 8:58 PM
Edited by: 960799 on Jan 4, 2013 8:59 PM -
Using DW CS3
problem 1
can I re-write below so that
1 link, hover, visited etc can be written without all the repetition if possible
2 link, hover, visited etc can be written "once" to apply to everything, body table etc if possible
3
What might cause this please?
Sometimes I cannot override the style sheet
I highlight the text
i select the class
DW writes the code but in the browser it still obeys the style sheet???
4 "whitelink" won't work in the body and only in some tables???
many thanks,
BODY {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
TD {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
text-decoration: none;
A { COLOR: #000099;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
text-decoration: none}
A:HOVER {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
text-decoration: underline;
color: #FF0000; }
a:VISITED {
color: #993300;
text-decoration: none;
A:VISITED:HOVER {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
text-decoration: underline;
color: RED;
H1 {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 17px; COLOR: #000066; }
.whitelink A {
COLOR: white;
text-decoration: none;
/*FONT-SIZE: 12px; */
.whitelink A:HOVER {
text-decoration: none;
color: yellow;
.whitelink a:visited {
color: yellow;
text-decoration: none;
.whitelink A:VISITED:HOVER {
color: white;
text-decoration: none;Forgot to answer to your last two questions:
Sometimes I cannot override the style sheet
I highlight the text
i select the class
DW writes the code but in the browser it still obeys the style sheet???
4 "whitelink" won't work in the body and only in some tables???
I suspect you are adding classes to the wrong element on the page. Let me explain:
if you intend to select a link, then you click on the linked text in Design Window and then select the <a> tag for that link, on the Tag Selector Bar at the bottom of the Design Window. However, if you then select "whitelink" you will need to CHANGE MY CSS, because now yoru are adding the class to the A tag, not to one of its parents as we have the CSS selector written now. You would have to change this:
a.whitelink:link {
color: white
a.whitelink:visited {
color: yellow
a.whitelink:visited:hover {
color: white
a.whitelink:hover {
color: yellow
BUT- It would actually be better to leave the CSS the way I had it originally and instead to apply the "whitelink" class to a Parent tag, one, or more, that wrap around the portion of your page that needs this class for all the A tags within. So if there is a div or a table or some tds or some parents that enclose all the links you need white, then THOSE are the tags to select on the Tag Selector Bar to add the whitelink class to.
Hope that makes sense.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia -
Css copy paste problem still a problem in Dreamweaver CS4
Hi all, I know this one has been discussed before, but this is still a major usability issues with the product with no practical solution available.
For some reason no one seems to be able to mark http://forums.adobe.com/thread/209290?start=50&tstart=0 as unanswered, yet numerous posts stating it isn't resolved.
Therefore, I'm starting this request to see if there is a solution.
For those of you unaware, the issue affects Dreamweaver CS4 code view. After editing in code view (usually with CSS files though others have reported other code types) for a little while (sometimes within seconds, sometimes after many minutes of use) and then when you copy (Ctrl-C) the application selects all text and copies that. Usability wise, you've just lost your place in the code (which you may have spent some time finding in a complex file) and what you wanted to copy is not what's in the clipboard. So frustrating.
The issue is similarly repeated with pasting (i.e. you select some text or a place to paste and the system selects all before pasting from clipboard).
So does anyone know of a patch to fix this yet?
ThanksThis is a user to user forum and Adobe Technical people very rarely visit the forum.
If you want to make sure your problem is heard please report your problems via the Wish Form: The more people reporting a specific issue, the more likely that it will be looked into:
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap -
Css copy paste problem in Dreamweaver CS4
Having a problem in CS4 when I want to copy and paste things
in my stylesheet.
Whenever I do ctrl +c to select a something the whole
stylesheet gets selected. And that is not what I want.
Even is I want to copy something from an other css into the
css I am working on it won't do the job.
Anyone having the same problem and found a solution?I observe this problem too on my Vista x64 machine with CS4
using dual monitors and split code/design views, and have found
others who have this problem by searching Google.
Description of problem: Roughly 50% of the time, when
switching between files (regardless of type) and trying to select a
block of code with my mouse (dragging over some code with the left
button), it appears to work normally (the intended code is
highlighted). However, when then attempting to CTRL-C (cut) or
paste, the selected code instantly changes to a much larger block
of code (usually selecting a specific div block or something). The
cut or pasted code is then the larger (unintended) block of code.
Once the code view selection works for a particular file
(either it worked from the start or I poked at it long enough to
work), it seems to remain working until switching to another file
and then returning.
Also, Dreamweaver CS3 didn't have this problem, so it's CS4
only.
This is a workflow nuisance much like a word-processor
deciding to insert a % character randomly every 10 seconds while
typing.
I found a Google groups thread
here
in which a poster writes that deleting the Dreamweaver
configuration file fixes this temporarily (the problem eventually
shows up again, and you lose all your customizations by doing
this). The posters in this thread also describe the same problem
with other hardware configurations.
My current workaround is to type return then backspace when
dropping in to the code-view of another file--kind of a pain, but
at least predictable. I also tried avoided the issue by: (a)
selecting something in the design view and then selecting something
in the code view, and/or (b) telling Dreamweaver to show the
"element view" (right click in design view, element view, Full),
but this latter action may be superfluous.
I'd be very interested if someone were to post a simple fix
for this problem.
thanks!
JP
PS. David: I've learned a lot from your books. Thanks for
writing them! -
I'm trying to do a simple masthead that will span the width
of the page. The masthead consists of a logo on the left, and a big
graphic on the right (it is a long story...). The left side of the
big graphic fades into the background, and the logo and .the
graphic move apart as the page is made wider.
Everything is fine as long as the browser window is wide
enough for both. As I shrink the window, however, the graphic drops
below the logo and the masthead is suddenly twice as high. What I
want to happen is for horizontal scroll bars to appear when the
extra space between the logo and the graphic has been squeezed out.
Here is the HTML:
<div id="masthead">
<div id="logo"><img src="images/logo.jpg"
/></div>
<div id="graphic"><img src="images/graphic.jpg"
/></div>
</div>
And the CSS:
#masthead {
background-image: url(images/masthead-bg.gif);
white-space: nowrap;
max-height: 89px;
#logo {
width: 148px;
height: 89px;
float: left;
#graphic {
width: 736px;
height: 89px;
float:right;
I'd be grateful for any suggestions.Luke,
Put the background image on the body. By default, it will
tile to fill
the entire browser window.
HTH,
Randy
> I'm trying to make a simple page that has a background
image at the top of the
> page that expands to fix 100% of the page. just under
that I have an area set
> at 960px width and is centered on the page.
>
> The problem I have is that is you make the window
smaller than 960px you will
> see the scroll bars, scrolling left you can see the rest
of the fixed width div
> area but the 100% area at the top stops repeating and
does not fill the page. -
Hi,
I have two CSS that I use to load balance RDP connections to two WTS servers. I dont have switch behind CSS so they are connected back-to-back via cable. All server facing ports (including back-to-back ports) are in the same VLAN.
CSS1 is primary for the VIP address and for redundant interface address, and CSS2 is standby.
So, when I connect WTS-1 to CSS-1 and WTS-2 to CSS-2, CSS1 sees both services as active and everything seems fine. If WTS-2 is disconnected, WTS2 service on CSS1 is down etc.
In sticky table, I can see that CSS1 is load balancing request to both servers, but the problem is that only RDP connections to WTS-1(server directly connected to CSS1) work fine , and connections that are load balanced to WTS-2 are dropped??? Direct RDP connection to WTS-2 IP works fine.
If I connect WTS-2 to CSS1, so both WTS servers are connected to CSS1 everything works fine.
Can anyone tell what can be wrong?
Configurations are in the attachment.
Thanks for help.
Regards,
Branimirtry the command 'ip uncond' on both CSS.
It will guarantees that the response from WTS-2 comes back to CSS1.
Gilles.
Maybe you are looking for
-
Bridge Help | What's new in Adobe Bridge CC
This question was posted in response to the following article: http://helpx.adobe.com/bridge/using/whats-new.html
-
Hey guys, I installed boot camp on my iMac, everything seems to be going okay. But, when I install games (on the windows side) for some reason the screen resolution is reversed. In the settings it says "1080x1920" instead of "1920x1080".. and so when
-
To Show Word Docement in FR WorkBook
Hi All, I have already added a word doc in my workbook from FR. But it's not working. When viewing the workbook in complete PDF format the word doc is absent. Any help on this. Thanks in advance Sujoy
-
How to access Oracle 11.5.5 from another node
Hi, I have installed Oracle 11.5.5 on Windows NT4.0. I could access it on the same machine through the internet explorer by typing http://computername.domain name:8002/OA_HTML/US/ICXINDEX.htm Now i want to access application from another machine. How
-
Connecting Developer to Sybase
I have been trying to use forms developer with Sybase ASE 12.0 How can can i connect forms developer to Sybase Database on AIX