URL page with css

Hi all, I want to access to:
http://wwwa.accuweather.com/world-forecast-current-conditions.asp?partner=accuweather&myadc=0&traveler=0&zipcode=BUTA%20RANQUIL,ARGENTINA&metric=1
and Capture a little part of it.
The capture work fine, but lose the css.
the question is: how can I do to preserve it ?
<b>Sorry, It was posted to Development forum</b>
Message was edited by: Ignacio Villalba

If you do a Right Click->View Source you'll see that the webpage is using the following CSS sheets
http://wwwa.accuweather.com/adc2004/pub/css/adc_staticStyles.css
http://wwwa.accuweather.com/adc2004/pub/css/adc_worldStyles.css
http://wwwa.accuweather.com/adc2004/pub/css/adc_forecast.css
Just cut and paste the address of the stylesheet into IE, and it will download the CSS code for in an editor. Save a local copy of the Stylesheet to the same directory as your website and make use of whatever classes from the CSS you want...
Hope this helps...Points are appreciated!!

Similar Messages

Highlighting Current Page with CSS

This morning I post my first Dreamweaver/CSS site. It is for
a DVD I produced about infant massage. www.BabyBabyOhBaby.com.
What I'd like to do is highlight the current page in the
navigation bar using either a border or color change. I've found
some sites like
http://www.hicksdesign.co.uk/journal/highlighting-current-page-with-css
but, sorry to say, I'm a beginner at both Dreamweaver & CSS and
I can't quite follow the code.
Is there some way within Dreamweaver to accomplish the
highlighting in design view without writing the code? Or perhaps
someone has some very basic elementary CSS guidance?
Thanks for your time,
David

Oh, yeah. 8)
Get that....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"E Michael Brandt" <[email protected]> wrote
in message
news:[email protected]...
> <informative but also self-serving>
>
> Really we have made this much much easier. divaGPS
creates you-are-here"
> menu highlighting and is easy to add to any number of
pages at once - even
> Templates' Child pages. It is a commercial DW Extension
that will save
> you lots of time and effort.
>
>
http://divahtml.com/products/divaGPS/current_menu_location.php
>
> <informative but also self-serving />
>
> --
>
> E. Michael Brandt
>
> www.divaHTML.com
> divaGPS : you-are-here menu highlighting
> divaFAQ : FAQ pages with pizazz
>
> www.valleywebdesigns.com
> JustSo PictureWindow
> JustSo PhotoAlbum
>
> --
>
>
> Murray *ACE* wrote:
>> You need to know the downside to using layers as a
primary layout
>> device - open your page in Firefox (or any non-IE
browser) and bump the
>> text size up a tick or two. Ugh....
>>
>> Here's your navbar -
>>
>> <div id="navbar"><a
href="index.html">Home</a> | <a
>> href="about_dvd.html"> the DVD</a> | <a
href="preview.html">Preview</a> |
>> <a href="reviews.html">Reviews</a> |
<a href="infant_massge.html">Infant
>> Massage</a> | <a
href="contact_us.html">Contact Us</a> | <a
>>
href="shopping.html">Shopping</a></div>
>>
>> Change it to this -
>>
>> <div id="navbar"><a href="index.html"
id="button1">Home</a> | <a
>> href="about_dvd.html" id="button2"> the
DVD</a> | <a href="preview.html"
>> id="button3">Preview</a> | <a
href="reviews.html"
>> id="button4">Reviews</a> | <a
href="infant_massge.html"
>> id="button5">Infant Massage</a> | <a
href="contact_us.html"
>> id="button6">Contact Us</a> | <a
href="shopping.html"
>> id="button7">Shopping</a></div>
>>
>> Then on each page, embed a little stylesheet in the
head by changing
>> this -
>>
>> </head>
>>
>> to this -
>>
>> <style type="text/css">
>> a#buttonX { your highlight styles }
>> </style>
>>
>> and just change the "X" to whatever number button
you want to highlight.
>>
>> You can do this in Design view, but it's too
tedious.
>>

Can't change the background of table cells on a page with CSS

New CSS guy here, so excuse me if I sound stupid! I built up
a site with DW8 using CSS for basic page formatting. The site is a
new version of an old one I did in GoLive. I copied/pasted a fairly
large table onto the new site in DW, and the table came in fine,
the text was now the font and style of the main style sheet. But, I
can't format the table itself now. The header rows were filled blue
with white text, as an example.
I can change the bg color down in the toolbar like old times,
but nothing actually changes on the screen. I'm assuming it's being
overridden somehow by my CSS style sheet?
What would I have to do to get back this formatting
functionality?
here is an example page:
http://www.curtlo.com/prototype/pricing.html

> The header rows were
> filled blue with white text, as an example.
There is no such style on this page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"synterx" <[email protected]> wrote in
message
news:eig96t$oir$[email protected]..
> New CSS guy here, so excuse me if I sound stupid! I
built up a site with
> DW8
> using CSS for basic page formatting. The site is a new
version of an old
> one I
> did in GoLive. I copied/pasted a fairly large table onto
the new site in
> DW,
> and the table came in fine, the text was now the font
and style of the
> main
> style sheet. But, I can't format the table itself now.
The header rows
> were
> filled blue with white text, as an example.
>
> I can change the bg color down in the toolbar like old
times, but nothing
> actually changes on the screen. I'm assuming it's being
overridden somehow
> by
> my CSS style sheet?
>
> What would I have to do to get back this formatting
functionality?
>
> here is an example page:
>
>
http://www.curtlo.com/prototype/pricing.html
>

Changing the body image on each page with CSS

Hi,
I need to have a different background image for each page of this site (body)
1) I have one template currently
2) I have one css file currently (linked)
I've done a lot of research as to how best to do this including;
a) Using different body id's for each page
b) Using another css rule for body (inserted into th file AFTER the main linked ccs file)
Because I am using templates I can't see an easy way to do this (Header is largely locked) and have little control over position of b) and the same for a) as the body tag is also locked. I have also looked at "specify editable tag attibutes in a template" but couldn't get this to work.
There is something simple to do here but I cannot see it.
Any sample / advice would be appreciated.
Rick

John and DWILCOX01,
OK I tried it - it seems to be working ok although I have to test a few things.
However the one thing I did was remove the body style from the linked CSS file as the linked file is BELOW the new body style...
Although am I correct in assuming that if the new body style you suggested is added AFTER the linked CSS file then I don't have to worry?
Thansk,
R

Help with CSS & Firefox

Could anyone help with the query below. I posted this last
friday but never
got a reply. The original message that i posted is also
below. It might be
easier to read from the bottom up.
Thanks
James
----------------------------------->
Thanks for your reply.
I've changed my code as you suggested & now the content
div is coming about
half way down the page- so were getting somewhere. There are
floated
elements so I have added the 'clearthefloats' div. There are
no absolutely
positioned elements, but I tried making the content div
position:relative
anyway but it had no effect.
I also added some text into the 'clearthefloats' div so i
could see where it
was on the page & it is halfway down the page itself,
even though it is
below the other elements in the page.
Thanks,
James
"typist" <[email protected]> wrote in
message
news:[email protected]...
> How are you positioning what is inside your contentdiv?
Are the elements
> floated?
> IE will surround your floated elements, Firefox will not
unless you put a
> non-floated element after the floated ones, and clear
it.
>
> <div class="clearthefloats"> </div> (I just put a comment in to
> hold
> the div)
>
> div.clearthefloats {clear:both:} (look up "Stylin' with
CSS" by Charles
> Wyke-Smith for more)
>
> But if you are putting absolutely positioned elements
into your div, then
> you
> need to make your content div position:relative. This
will make the
> elements
> position in the context of the content div instead of
the body.
>
ORIGINAL MESSAGE:
>>Hi,
>>I've got a page with css controlled div's. One of
them ('content') not
>>very
>>surprisingly contains all the page elements. For some
reason though, when
>>viewed in firefox the content div does not wrap round
it's contents (the
>>bg
>>of the page has a light purple color and the content
div is white). There
>>is
>>just a thin strip of white at the top where it
begins. It looks fine in
>>ie.
>>Here's the code for the content div:
>>#content {width:760px;
>> margin:0px auto;
>> background-image:url(images/logostrip.jpg);
>> background-position:top;
>> background-repeat:no-repeat;
>> background-color:#FFFFFF;
>> padding-bottom:10px }
>>I have tried defining the height, which works in
firefox, but then in ie
>>there is about 100px space at the bottom of the
content div. For some
>>reason
>>1000px in firefox is shorter than 1000px in ie???
>>Is there anything i am missing?
>>Thanks,
>>James

Yes I have tried setting the height. It should wrap round the
whole page
content not just the graphic. I tried setting the height till
it looked
right in firefox but then in ie there was about 150px extra
at the bottom.
(this was on another page which is a lot longer). Plus if i
set the height
to be right on the homepage, the other pages will be wrong. I
would have to
use seperate style sheets, or give the div's different id's.
Surely there is a way to get the div that all the contents
are in, to simply
wrap round them.
Thanks
"Nadia : **AdobeCommunityExpert**"
<[email protected]> wrote
in message news:[email protected]...
> Setting a height of 306px on that container, revealed
the whole graphic as
> per the visual in IE.
> I did this using the FFox edit CSS tool - but it should
work.
>
> --
> Nadia
> Adobe� Community Expert : Dreamweaver
> --------------------------------------------
>
http://www.csstemplates.com.au
- CSS Templates | Free Templates
> --------------------------------------------
>
http://www.perrelink.com.au
- Web Dev
>
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
>
http://www.adobe.com/devnet/dreamweaver/css.html
> -------------------------------------------------
> "Nadia : **AdobeCommunityExpert**"
<[email protected]>
> wrote in message
news:[email protected]...
>> Is that the graphics in the #container?
>> Have you tried setting a height on that container to
the height of your
>> header image?
>>
>> --
>> Nadia
>> Adobe� Community Expert : Dreamweaver
>> --------------------------------------------
>>
http://www.csstemplates.com.au
- CSS Templates | Free Templates
>> --------------------------------------------
>>
http://www.perrelink.com.au
- Web Dev
>>
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
>>
http://www.adobe.com/devnet/dreamweaver/css.html
>> -------------------------------------------------
>> "James D" <[email protected]> wrote
in message
>> news:[email protected]...
>>> Ok,
>>>
>>> please visit
http://www.beta-design.co.uk/ivesys_home_white/home.html
to
>>> see
>>> the page.
>>>
>>> If you view it in Firefox you will see a thin
white strip at the top.
>>> This
>>> should wrap round the page contents. It works in
IE. If you cannot
>>> access
>>> the css which is in an external file then please
repost and i will paste
>>> it
>>> all into a reply.
>>>
>>> Thanks
>>>
>>>
>>>
>>>
>>>
>>> "Osgood" <[email protected]>
wrote in message
>>> news:[email protected]...
>>>> James D wrote:
>>>>
>>>>> Could anyone help with the query below.
I posted this last friday but
>>>>> never
>>>>> got a reply. The original message that i
posted is also below. It
>>>>> might be
>>>>> easier to read from the bottom up.
>>>>
>>>> Its better to link to the complete page
rather than just supplying half
>>>> the story. If you do that its going to be
easier to identify the issue.
>>>> With the little information you have
supplied its not going to be
>>>> possible.
>>>>
>>>
>>>
>>
>>
>
>

Positioning images with css

Hello everybody,
thanx in advance for your help.
Needless 2 say that my question would sound stupid to most of
you, but if it sounded smart I would probably be the one to answer
it and not to make it... It sounds logic, doesn't it?...I apologize
for my reflection and I go straight to the point:
PRESUPPOSAL:
I created a pretty complex web-page design with Photoshop.
It's not just about a logo in the 0% 0% position and some colored
bar on the viewport border but a 800X600 image with lots of
particulars.
ISSUE:
I'd like 2 put it on the html page with CSS.
QUESTIONS:
a)Shall I put the image as a whole?
b)Or shall I sLice it as I'd do if I wanted to use a table to
position it?
If the a) is the correct option, won't the page be to heavy
in terms of kbytes? (As far as I know a sliced image is overally
lighter than an entire one)
If the b) is the correct option, how can I position more than
one picture with css in a html document? (I studied css from a
short Molly Holzshlag's book and she only explains how to position
1 single image)
c)Is it ok to use CSS image-positioning to such an extreme
extent? Should I prefer table-positioning considering my 800X600px
goal? I mean, is there any technical problem I ignore? Is it a
inapropriate use of CSS?
Thank you so very much and enjoy the week!
bye,
Giuseppe, Rome

Let's start by seeing your page, please.
> I created a pretty complex web-page design with
Photoshop. It's not just
> about
> a logo in the 0% 0% position and some colored bar on the
viewport border
> but a
> 800X600 image with lots of particulars.
I'm already worried. This sounds massively heavy....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"giuseppe craparotta" <[email protected]>
wrote in message
news:[email protected]...
> Hello everybody,
> thanx in advance for your help.
> Needless 2 say that my question would sound stupid to
most of you, but if
> it
> sounded smart I would probably be the one to answer it
and not to make
> it... It
> sounds logic, doesn't it?...I apologize for my
reflection and I go
> straight to
> the point:
>
> PRESUPPOSAL:
> I created a pretty complex web-page design with
Photoshop. It's not just
> about
> a logo in the 0% 0% position and some colored bar on the
viewport border
> but a
> 800X600 image with lots of particulars.
> ISSUE:
> I'd like 2 put it on the html page with CSS.
> QUESTIONS:
> a)Shall I put the image as a whole?
> b)Or shall I sLice it as I'd do if I wanted to use a
table to position it?
> If the a) is the correct option, won't the page be to
heavy in terms of
> kbytes? (As far as I know a sliced image is overally
lighter than an
> entire one)
> If the b) is the correct option, how can I position more
than one picture
> with
> css in a html document? (I studied css from a short
Molly Holzshlag's book
> and
> she only explains how to position 1 single image)
> c)Is it ok to use CSS image-positioning to such an
extreme extent? Should
> I
> prefer table-positioning considering my 800X600px goal?
I mean, is there
> any
> technical problem I ignore? Is it a inapropriate use of
CSS?
>
> Thank you so very much and enjoy the week!
> bye,
> Giuseppe, Rome
>

Problem with CSS in page I have written [SOLVED]

There is a php page I have created at work which works fine with Firefox 3.6.
In one specific page Firefox 4 does not show correctly a table with CSS.
I tried to remove the css and just have the table with no styling but the problem persists.
the php file is this:
<pre><nowiki><html>
<head>
<title>Pending Issues Close Case</title>
<style type="text/css">
#blinking {text-decoration: blink; text-align:left; color:#FF0000;}
body {
background-image:url('on2.jpg');
background-repeat:no-repeat;
background-position:700 50;
background-attachment:fixed;
#efms
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
#efms td, #efms th
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
#efms th
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
#efms tr.alt td
color:#000000;
background-color:#EAF2D3;
</style>
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
<script type="text/javascript">
window.onload = function(){
new JsDatePick({
useMode:2,
target:"date_of_problem",
dateFormat:"%Y-%m-%d"
new JsDatePick({
useMode:2,
target:"closed_date",
dateFormat:"%Y-%m-%d"
function checkEmpty() {
var date_of_problem = document.save_entries.date_of_problem.value;
var hour_of_problem = document.save_entries.hour_of_problem.value;
var min_of_problem = document.save_entries.min_of_problem.value;
var reported_to = document.save_entries.reported_to.value;
var problem_description = document.save_entries.problem_description.value;
var close = document.save_entries.close.value;
var closed_date = document.save_entries.closed_date.value;
var closed_hour = document.save_entries.closed_hour.value;
var closed_min = document.save_entries.closed_min.value;
var ok = "true";
var why = "";
var ok2 = "true";
var tmp1 = date_of_problem.split("-");
var date1 = new Date(tmp1[0], tmp1[1], tmp1[2], hour_of_problem, min_of_problem);
var tmp2 = closed_date.split("-");
var date2 = new Date(tmp2[0], tmp2[1], tmp2[2], closed_hour, closed_min);
if (date_of_problem.length == 0) {
ok = "false";
why += "Date of problem is empty\n";
if (reported_to.length == 0) {
ok = "false";
why += "Reported to is empty\n";
if (problem_description.length == 0) {
ok = "false";
why += "Problem description is empty\n";
if (closed_date.length == 0 && close == "Yes") {
ok = "false";
why += "Closed date is empty\n";
if (date2 < date1) {
ok = "false";
why +="Closed date cannot be earlier than problem date\n";
if (ok == "true") {
return true;
else {
alert(why);
return false;
</script>
</head>
<body>
<?php
session_start();
if (!isset($_SESSION['pending_user'])){
header("location:main_login.php");
if ($_GET['entry'] == "" || $_GET['entry'] == NULL)
header("location:view_entries.php");
$id = $_GET['entry'];
function get_entry($id) {
$mysql_host = "localhost";
$mysql_user = "portal";
$mysql_pass = "portal";
$db_name = "pending_issues";
$entries_table = "entries";
mysql_connect("$mysql_host", "$mysql_user", "$mysql_pass") or die("cannot connect to DB" . mysql_error());
mysql_select_db("$db_name")or die("cannot select DB" . mysql_error());
mysql_query("set names 'utf8'")or die("fook!" . mysql_error());
$entry_query = "SELECT * FROM $entries_table WHERE id='$id'";
$entry_data = mysql_query($entry_query) or die("Cannot execute query");
$entry_row = mysql_fetch_array($entry_data) or die("Cannot fetch row");
$date_of_problem = $entry_row['date_of_problem'];
$time_of_problem = $entry_row['time_of_problem'];
$hour_of_problem = strtok($time_of_problem, ":");
$min_of_problem = strtok(":");
$resp_technician =$entry_row['resp_technician'];
$reported_to = $entry_row['reported_to'];
$description = $entry_row['problem_description'];
$closed_date = $entry_row['closed_date'];
$closed_time = $entry_row['closed_time'];
$closed_hour = strtok($closed_time, ":");
$closed_min = strtok(":");
$closed_by = $_SESSION['pending_user'];
echo '<h2><font color="#A7C942">Welcome, ' . $_SESSION['pending_user'] . '</font></h2>';
echo '<table id="efms">';
echo '<tr class="alt">';
echo '<td>';
echo '<br><a href=index.php>Home</a><br><br>';
echo '</td>';
echo '<td>';
echo '<br><a href=view_entries.php>View entries</a><br><br>';
echo '</td>';
echo '<td>';
echo '<a align="center" href="logout.php">Log out</a><br>';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '<br>';
echo '<form name="save_entries" action="save_entries.php" method="post" onSubmit="return checkEmpty();"';
echo '<table id="efms">';
echo '<tr>';
echo '<th>';
echo 'Problem date';
echo '</th>';
echo '<td>';
echo '<input id="date_of_problem" name="date_of_problem" type="text" value="' . $date_of_problem . '">';
echo '<input type="hidden" name="entry" value="' . $id . '">';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Problem time';
echo '</th>';
echo '<td>';
//echo '<input name="time\_of\_problem" type="text" value="' . $time_of_problem . '">';
echo_hour($hour_of_problem, "hour_of_problem");
echo ":";
echo_min($min_of_problem, "min_of_problem");
echo '</td>';
echo '</tr>';
echo_reported_to($reported_to);
echo '<tr>';
echo '<th>';
echo 'Problem description';
echo '</th>';
echo '<td>';
echo '<textarea name="problem_description" rows="5" cols="40">' . $description . '</textarea>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed date';
echo '</th>';
echo '<td>';
echo '<input name="closed_date" id="closed_date" type="text" value="' . $closed_date . '"> ';
echo 'Close case? ';
echo '<select name="close">';
echo '<option>Yes</option>';
echo '<option>No</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed time';
echo '</th>';
echo '<td>';
echo_hour($closed_hour, "closed_hour");
echo ":";
echo_min($closed_min, "closed_min");
echo '</td>';
echo '</tr>';
//~ echo '<tr>';
//~ echo '<th>';
//~ echo 'Closed by';
//~ echo '</th>';
//~ echo '<td>';
//~ echo '<input id="resolve_date" name="resolve_date" type="text" value="' . $closed_by . '">';
//~ echo '</td>';
//~ echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Submit';
echo '</th>';
echo '<td>';
echo '<input name ="submit" type="submit">';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '</form>';
mysql_close();
function echo_hour($hour, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 24; $i++) {
if ($i < 10)
$temp_hour = "0" . $i;
else
$temp_hour = $i;
if ($hour != $temp_hour)
echo '<option>' . $temp_hour . '</option>';
if ($hour == $temp_hour)
echo '<option selected>' . $temp_hour . '</option>';
echo '</select>';
function echo_min($min, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 60; $i++) {
if ($i < 10)
$temp_min = "0" . $i;
else
$temp_min = $i;
if ($min != $temp_min)
echo '<option>' . $temp_min . '</option>';
if ($min == $temp_min)
echo '<option selected>' . $temp_min . '</option>';
echo '</select>';
function echo_reported_to($reported_to) {
echo '<tr>';
echo '<th>';
echo 'Reported to';
echo '</th>';
echo '<td>';
//echo '<select name="reported_to" value="' . $reported_to . '">';
echo '<select name="reported_to">';
if ($reported_to == "IT") {
echo '<option selected>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NetEng") {
echo '<option>IT</option>';
echo '<option selected>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "VTT") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option selected>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NOC") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option selected>NOC</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
get_entry($id);
?>
</body>
</html>
</nowiki></pre>
<br />
The problem is for the table in line 188.
it should look like this:
http://img571.imageshack.us/img571/5183/shouldlooklike.png
but instead it looks like this:
http://img860.imageshack.us/img860/323/lookslikethis.png
The same problem appears in IE.
Thank you,

Please do not consider my previous post as I found out that it was a coding error, a forgotten ">"
Thank you.

TS2756 I'm trying to connect my ipad2 to my phones wifi hotspot. my phone says hotspot is activated and it shows up as an option on my ipad but when i hit that on the ipad it shows a page with a list of things like ip address, domain, url. what do i do no

I'm trying to connect my ipad2 to my phones wifi hotspot. my phone says hotspot is activated and it shows up as an option on my ipad but when i hit that on the ipad it shows a page with a list of things like ip address, domain, url. what do i do now?

iOS: Understanding Personal Hotspot
http://support.apple.com/kb/HT4517
Use Bluetooth to tether your iPhone, iPod touch, or iPad
http://www.macworld.com/article/1159258/bluetooth_tethering.html
How to Connect an iPad to an iPhone Via Bluetooth Tethering
http://techtips.salon.com/connect-ipad-iphone-via-bluetooth-tethering-25472.html
 Cheers, Tom

Term-Driven Page with Friendly URL doesn't work with a page in another Site Collection

Hi all,
It appears that the Term-Driven Page with Friendly URL does not work when it is referencing a page in another Site Collection. When I set my Managed Navigation to use a term that points to another Site Collection page, the link shows in my navigation, but
gives the error:
"Sorry, something went wrong"
This does not happen if I link to a page in the same site.
Kelly
Personal Blog: http://thebitsthatbyte.com

i got similiar (i am not sure whether the same) issue recently:
I have a site collection (address http://spserver/) which use managed navigation, and term-driven page with friendly url. The address of the term-driven page is set as /pages/teamsitehome.aspx . A friendly url takes the form such as http://spserver/menulevel1/submenu1
I create a new site collection http://spserver/sites/newsitecollection and i want it to have the same navigation menu as the other site collection. Since i cannot use the same termset for the two site collection, i have to create a new term set
for the new site collection, "pin term with chidrem" or "reuse term" to the old term set. The friendly url in newly created site collection and term set takes the form such as http://spserver/sites/newsitecollection/menulevel1/submenu1, and still
points to /pages/teamsitehome.aspx. Notice that the term-driven page here in the new site collection still points to the old site collection.
Actually, it works! I mean, when i click the navigation menu, friendly url http://spserver/sites/newsitecollection/menulevel1/submenu1 appears in the browser address. And SharePoint knows to load /pages/teamsitehome.aspx for this url. If this is a simple
blank page, it just open fine here.
However, my custom page teamsitehome.aspx calls TaxonomyNavigationContext.Current.NavigationTerm in its page load event, it should returns a valid NavigationTerm for the friendly url. But it returns null here. I traced the code to find that it calles
internal static NavigationTerm GetNavigationTermFromTargetUrlGuids(SPWeb contextWeb, Guid termStoreId, Guid termSetId, Guid termId, bool includeInheritedSettings, bool enableExclusions)
The passed in contextWeb points to http://spserver/ , since the term-driven page is in this web. But the termSetId points to the new termset. TermId won't be problem, since its the same in both new and old term set for pinned term. The combination of contextWeb
and termSetId just make the output NavigationTerm null. I think its simply because the termset is not associated with this spweb.
My workaround is create a copy of /pages/teamsitehome.aspx in new site collection. The term-driven page address is set to ~sitecollection/pages/teamsitehome.aspx in term management. This time, all works. Just because the contextWeb parameter i mentioned
above now points to the root web at new site collection, where the term driven page resides.

Calling a page with ajax based on url parameter

please can anyone help me with this problem that i've encountered. i'm able to capture a url parameter with javascript and i want to add it to my jquery code which calls a page in a div but i'm able to do it. here's my code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
function urlink()
var tlink = window.location.search.substring(1)
jQuery(function($){
$('#mydiv').load('real_news.asp?'+ urllink());
</script>

Your jquery is trying to add data by calling a function. Also, you're just getting the value of the parameter. There's not a key to trigger anything on your server-side script. Make sure real_news.asp is processing correctly, looking for key (some-key) AND value (tlink). You might want to simply try concatenating the value of the var like this though:
<script>
var tlink = window.location.search.substring(1);
$('document').ready(function() {
$("#mydiv").load("real_news.asp?some-key=" + tlink);
</script>
Another way you could do it is use server side scripting to look and see if the URL-PARAM is set and if it is then echo value of URL-PARAM into load() method. php example below. I'm sure you can find an asp equivalent to achieve the same result. I think the key (pun) to this problem is that you do not have a key to associate the value with in order to process anything.
<script>
<?php if (isset($_GET['URL-PARAM'])) { ?>
$('document').ready(function() {
$("#mydiv").load("real_news.asp?some-key=<?php echo $_GET['URL-PARAM']; ?>");
<?php }else{ ?>
alert ("there is no ?URL-PARAM=something in the URL!!!");
<?php } ?>
</script>
best,
Shocker

Help with CSS Page Layout

I guess I am "old school" in that I have always used tables
to lay out my web pages. I decided I must learn to do it with CSS,
but I'm having a terrible time (and it shouldn't be so hard!). I
understand how to define the styles, add divs, etc. Here's what I'm
having trouble with:
How do I specify the normal page width to be 800 pixels,
however I want it to be relative to the browser (i.e., 100% of 800
pixels).
I understand the "float" tag, but if I have a right-hand
sidebar, I can't seem to get the text to the left (in a div called
"maincontent") to stop at the sidebar and wrap to the next line. I
tried specifying "Hidden" as my textbook suggests, but that has no
effect.
I can easily do all of this with tables, so do I really need
to abandon them?
Thanks!

Hi Jane,
I'll try to answer all your questions, then a tip or two to
stop the main
content from dropping when the browser window size is
reduced.
- " I didn't realize that
margin-top: 0px;
margin-right: auto;
is not the same as margin: 0px auto;
That's right.
margin: 0px auto; is actaully saying make the top margin 0,
the right margin
auto, the bottom margin 0 and the left margin auto.
It's just CSS shorthand.
For example, you might have:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 5px;
margin-left:15px;
You could just use margin: {10px 20px 5px 15px;}
Think of a clock to remember the directions.
12:00 top, 3:00 right, 6:00 bottom, 9:00 left.
If any of the values are the same, you can shorten it more.
For example, if top is 10, right is 20, bottom is 5 and left
is 20, it's
margin: {10px 20px 5px;}
If the 4th location (left) is missing a value, it makes it
the same as what
you have for right.
If top and bottom are 10px, and left and right are 20px,
it's:
margin {10px 20px;}
If the last two positions ( bottom and left vlaues ) are
missing, then it
will use the top value for the bottom, and the right value
for the left.
What auto right and left is doing is subtracting your content
width (the
container width) from the browser window width, and then
dividing the
remainder in 2 and applying each value to each side of the
container.
-"I found that they all took on the font of the maincontent
and I had to fix
them
individually. "
The only text that should be Time is the text in your main
content, where
you have that font defined. Everything else should be Arial
if you define
the body as such. I'll post a link at the end of this.
- "I put my bold sentence (Friendship, Fun, etc.) in h1, but
I had to change
the
color & size, so that added another style element. "
You don't need to give the h1 a class. You can actually just
style the h1
tag:
h1 {
margin: 10px 10px 2px;
font-size: larger;
color: #941238;
You can only use h1 once on a page.
You can use h2, h3, h4, etc, as many times as you would like,
and you can
style these just like the h1 style above.
- "I don't quite understand the .rightsidebar p { and
container p{
I am assigning the spacing to the <p> tag? What exactly
is that doing?"
That is saying, give all the <p> tags inside the
rightsidebar container the
follwing style.
So, in this example:
.rightsidebar p {
font-size: 18px;
margin: 2px 10px;
it's saying give all the <p> tags in this container a
size of 18 and margin
of 2px top and bottom, and 10px left and right.
It's a lot easier than giving a class to every <p> tag
- "I also don't quite understand the .clear {
Why not just choose clear:both on the next section <div
class="footer">"
You could, if the footer was in the container. It just needs
to be the final
element before the close of a container that contains the
float(s).
-Do you use the <div class="container"> technique all
the time?
Yes, most of the time. I usually put everything in it, and
use the
margin:0px auto; to center it.
That way, I don't have to try to get a number of different
elements to align
with the right and left sides by applying values to all of
them, which can
get tricky quickly.
-"If you'll indulge me one more question, I wonder if it's
possible to put a
graphic (say, of a putting green) underneath my
rightsidebar? I would want
the sidebar to lay on top of the putting green for an
interesting artistic
touch.
Yes, you can give that div a background image. You just need
to make the div
the same size as the image so you see it all (or vice-versa).
Now, to make that maincontent not drop like it does you can
remove the width
in the CSS. Now it will expand over to the left edge of the
rightsidebar.
You can control how close it gets by giving the right sidebar
a bigger left
margin. The point is, with no width assigned, the maincontent
will shrink
down to the longest word in it before it drops.
Here's what it looks like:
http://tnsgraphics.com/test2.htm
Let me know if you have any questions.
Take care,
Tim
"janeinpa" <[email protected]> wrote in
message
news:[email protected]...
> Hi, Tim...
>
> You have been very kind to help me learn CSS! I very
much appreciate it
> and
> am really delighted to have gained a better
understanding of this. I
> studied
> all your suggestions and started the page from scratch.
Take a look here:
>
http://www.allisonwebcreations.com/ewga_site/good_page/indexgood.htm
I'm
> very
> pleased with it. I discovered a couple of things:
>
> I didn't realize that
> margin-top: 0px;
> margin-right: auto;
>
> is not the same as margin: 0px auto;
>
> are they two different codes? Anyway, it didn't center
until I fixed
> that.
>
> I understand what you're saying about the font codes
being redundant,
> however
> I found that they all took on the font of the
maincontent and I had to fix
> them
> individually. This must be an error in how I'm coding
it. Is the order
> in
> which I did them to blame? I put it in the order that
I'm reading it, but
> perhaps I should do it differently.
>
> I also couldn't get the footer to move left to the
margin. I'm not sure
> why,
> since I think I followed all your suggestions.
>
> I put my bold sentence (Friendship, Fun, etc.) in h1,
but I had to change
> the
> color & size, so that added another style element.
I'm afraid that
> probably
> isn't correct. I also couldn't have my normal content
text follow
> immediately
> on the same line. Maybe that isn't possible.
>
> I don't quite understand the .rightsidebar p { and
container p{
> I am assigning the spacing to the <p> tag? What
exactly is that doing?
>
> I also don't quite understand the .clear {
> Why not just choose clear:both on the next section
<div class="footer"> ?
>
> Do you use the <div class="container"> technique
all the time? How do you
> decide what goes in it -- just floating items or can I
think of it as a
> table
> that holds all my main blocks of info? Why not include
the footer in it?
>
> If you'll indulge me one more question, I wonder if it's
possible to put a
> graphic (say, of a putting green) underneath my
rightsidebar? I would
> want the
> sidebar to lay on top of the putting green for an
interesting artistic
> touch.
>
> Thank you, thank you, thank you again. Here are my css
codes (which I
> have in
> an external file. Is it better to import or link to the
file?)
>
> Have a wonderful New Year.
>
>
>
>
>
>
> .body {
> padding: 0px;
> margin-top: 0px;
> font-family: Arial, Helvetica, sans-serif;
> }
> .masthead {
> width: 780px;
> margin: 0px auto;
> padding-top: 10px;
> padding-right: 0px;
> }
> .maincontent {
> background-color: #FFFFFF;
> text-align: left;
> width: 60%;
> margin-top: 0px;
> padding-top: 10px;
> padding-right: 0px;
> font-family: "Times New Roman", Times, serif;
> font-size: medium;
> color: #000000;
> }
> .maincontent p{
> margin-top: 2px;
> margin-right: 10px;
>
> }
> .rightsidebar {
> font-size: small;
> background-color: #DEEBE4;
> text-align: center;
> float: right;
> width: 250px;
> margin-top: 10px;
> margin-left: 20px;
> border: thick solid #941238;
> font-family: Arial, Helvetica, sans-serif;
> padding: 10px;
>
> }
> .leftbox {
> font-size: small;
> font-style: italic;
> color: #336600;
> background-color: #DEEBE4;
> text-align: center;
> clear: both;
> width: 300px;
> margin-top: 50px;
> border: thin solid #941238;
> font-family: Arial, Helvetica, sans-serif;
> padding: 10px;
> }
> .footer {
> font-size: small;
> margin: 100px;
> font-family: Geneva, Arial, Helvetica, sans-serif;
> font-style: normal;
> }
> .container {
> width: 90%;
> margin: 0px auto;
> }
> .clear {
> font-size: 1px;
> line-height: 0px;
> clear: both;
> height: 0px;
> }
> .event {
> font-size: 24px;
> font-weight: bold;
> color: #00493E;
> }
> .upcomingdate {
> font-size: 20px;
> color: #990134;
> font-weight: bold;
> font-family: Arial, Helvetica, sans-serif;
> }
>
> .eventitem {
> font-size: 18px;
> color: #000000;
> font-weight: bold;
> margin: 0px;
> }
> .eventlink {
> font-size: 14px;
> font-style: italic;
> margin: 0px;
> }
> .smallboxhead {
> font-size: large;
> color: #00493E;
> font-style: normal;
> font-weight: bold;
> }
> .companyname {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: small;
> font-style: italic;
> color: 990134;
> }
>

How do you save image to a separate page with a URL?

Hi,
I'm not sure how to phrase this, but sometimes you are on a forum or and somehow wants to show you their desktop picture. You click on the link they provide and it is a complete white page with just their picture and a URL up top.
How is this done? I use Firefox and I'm guessing you right click open image in new window. I tried this with my Photobucket account but I didn't get the white page with just my photo. So I'm thinking there is something else you do instead.
Thanks,
S.

Hi again S!
If you use photobucket, make sure it is able to "hotlink", which is exactly what you're asking about. I am not sure whether photobucket allows hotlinks but it probably does.
The easiest way to find the URL/address of an image you want, would be to open to an image at your photobucket (or any site) site > right click (while mouse cursor is over image) > choose properties... from this box you should see something that says "address/URL" and that's the exact location/URL/link of that particular image. You can test this by copying the address/URL open a blank browser window and paste address in address bar, image should be the only thing displayed.
Good luck, Rick
iMac G5 iSight 20" - 30G iPOD & Hot Pink Nano 4G - WD 500G FW - Mac OS X (10.4.8) - HP Pav 15" WS and Toshiba Sat 17" WS LP's - Canon 20D & A620 Kodak P880

PDFs print blank page with URL on top

Whenever I try to print a PDF from within Safari XP 4.0.4, I get a blank page with just the URL on the top line and page 1 of 1 on the bottom. I don't know if it's different when I click the printer icon or go to file/print. Help?

Just doublechecking. Are other PDFs currently printing properly for you, George? (Say, if you're printing them directly from your Reader as opposed to printing them through Safari's Adobe PDF plugin?)

How do I get my menu bar at the top of the page with no gaps?

How do I get my menu bar at the top of the page with no gaps? Whenever I move it there is a huge gap at the top of the page which I cant seem to get rid of, i posted about this before but none of the suggestions seemed to work for me. i'm not very good with css so im not really sure where to find the problem. There are generally gaps everywhere which looks at absolute mess, no clue how they got there and why, there is a huge gap underneath my menu bar too which wasnt there before. how do i get rid of this too? its probably some padding a or margin but no clue where.
<!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>Home</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="style2.css" rel="stylesheet" type="text/css" />

<style type="text/css">
body {
margin:0;
padding:0;
font: 1em/1.5 "Lucida Sans", "Lucida Sans Unicode";
#wrapper {
width: 1064px;
margin: 0 auto; /**with width, this centers page on screen**/
background: #FFF;
text-align:center;
.clearing {
clear:left;
height:px;
width: 100%;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"> <a href="home.html"><img src="_Business_Cards/banner copy.jpg" alt="banner" width="1064" height="374" align="top" /></a>

<ul id="MenuBar1" class="MenuBarHorizontal">
   <li><a href="home.html">Home</a></li>
   <li><a href="#" class="MenuBarItemSubmenu">Lingerie</a>
     <ul>
       <li><a href="#">Camis & Nightslips</a>        </li>
       <li><a href="#" class="MenuBarItemSubmenu">Garter Belts & Girdles</a>
         <ul>
           <li><a href="#">Tops</a></li>
           <li><a href="#">Bottoms</a></li>
           <li><a href="#">Accessories</a></li>
         </ul>
       </li>
       <li><a href="#">Sets</a></li>
       <li><a href="#">Knickers</a></li>
     </ul>
   </li>
   <li><a class="MenuBarItemSubmenu" href="#">Swimwear</a>
     <ul>
       <li><a href="t-shirt shop.html">Bikini</a></li>
       <li><a href="t-shirt shop.html">Tankini</a></li>
       <li><a href="t-shirt shop.html">One-Piece</a></li>
       <li><a href="#">Monokini</a></li>
     </ul>
   </li>
   <li><a href="#" class="MenuBarItemSubmenu">Men's</a>
     <ul>
       <li><a href="#">Boxer's</a></li>
     </ul>
   </li>
   <li><a href="#" class="MenuBarItemSubmenu">Extras</a>
     <ul>
       <li><a href="#">Bags</a></li>
       <li><a href="#" class="MenuBarItemSubmenu">Dancewear</a>
         <ul>
           <li><a href="#">Leotards</a></li>
           <li><a href="#">Crop Tops</a></li>
           <li><a href="#">Hotpants</a></li>
         </ul>
       </li>
     </ul>
   </li>
   <li><a href="clearance.html">Clearance</a></li>
<li><a href="pastpro.html">Gallery</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
<h2> </h2>
<div id="thumbs" width="192">
<p align="center">
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 1064px; height: 561px; position:relative; text-align: left;" data-erConfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-87-105-108-108-105-97-109 -47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-10 1-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1, autoplayDelay:3000, autoplayStopOnInteraction:false}" data-erName="HomepageSlideshow" data-erTID="{zp7zmhgwl9549847691831}">
          <div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
          <li>
                    <img class="main" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" alt="One-Off Triangular Soft Bra & High-Waist Knicker Set" />
                    <img class="thumb" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" />
                    <span class="title">One-Off Triangular Soft Bra & High-Waist Knicker Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/thong ebay.jpg" alt="Pink + Aqua Thongs (Part of Nightslip and Thong set)" />
                    <img class="thumb" src="slideshowpictures/thong ebay.jpg" />
                    <span class="title">Pink + Aqua Thongs (Part of Nightslip and Thong set)</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_7405z.jpg" alt="Floral High-Waist Lace Panel Knicker" />
                    <img class="thumb" src="slideshowpictures/DSC_7405z.jpg" />
                    <span class="title">Floral High-Waist Lace Panel Knicker</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_0018 copy.jpg" alt="Navy Blue Velvet High-Waist Bikini Set" />
                    <img class="thumb" src="slideshowpictures/DSC_0018 copy.jpg" />
                    <span class="title">Navy Blue Velvet High-Waist Bikini Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_7420.jpg" alt="Pink & Aqua Nightslips (Part of Nightslip & Thong set)" />
                    <img class="thumb" src="slideshowpictures/DSC_7420.jpg" />
                    <span class="title">Pink & Aqua Nightslips (Part of Nightslip & Thong set)</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" alt="Black Floral Bandeau & Lace Girdle Set" />
                    <img class="thumb" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" />
                    <span class="title">Black Floral Bandeau & Lace Girdle Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
                    <img class="thumb" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" />
                    <span class="title">Aqua Polka-Dot High-Waist Bikini</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" alt="Maroon Velvet Bikini High-Waist Bottoms" />
                    <img class="thumb" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" />
                    <span class="title">Maroon Velvet Bikini High-Waist Bottoms</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/floral ebay.jpg" alt="Floral/Multi Bikini High-Waist Bottoms" />
                    <img class="thumb" src="slideshowpictures/floral ebay.jpg" />
                    <span class="title">Floral/Multi Bikini High-Waist Bottoms</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_0096 copy9.jpg" alt="Purple & Champagne Bandeau Bikini Tops" />
                    <img class="thumb" src="slideshowpictures/DSC_0096 copy9.jpg" />
                    <span class="title">Purple & Champagne Bandeau Bikini Tops</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
                    <img class="thumb" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" />
                    <span class="title">Aqua Polka-Dot High-Waist Bikini</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_73612.jpg" alt="Matching Orange/White Lace Crop Top & Thong Set" />
                    <img class="thumb" src="slideshowpictures/DSC_73612.jpg" />
                    <span class="title">Matching Orange/White Lace Crop Top & Thong Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/logo h copy.jpg" alt="Logo" />
                    <img class="thumb" src="slideshowpictures/logo h copy.jpg" />
                    <span class="title">Logo</span>
          </li>
</ul>
</div>
          <div data-ertype="layout" data-ertemplateName="NONE" style="">                    <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}">
                              <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
                                        <div class="erimgMain_slide">
                                                  <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                                        </div>
                              </div>
                              <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
                              <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
                    </div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;">
                              This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com.
                              <br /><br />
            Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds.
                              <br /><br />
                              <a style="color:#FFF;" href="#" class="erabout_ok">OK</a>
                    </div>
                    <noscript>
                              Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
                    </noscript>
                    <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
          </div>
</div>
</p>
</div>
<hr align="center" size="10" noshade="noshade" class="clearing" color="#999999" />
<img src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_mc_vs_dc_ae.jpg" alt="PayPal Acceptance Mark" width="192" height="38" border="0" align="right" />
<div align="left">
<p><a href="#" onclick="javascript:window.open('https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside', 'olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=500');">Copyright © Hannah-Rose 2013 > <a href="about.html">About</a> > <a href="terms and conditions.html">Terms & Conditions </a></p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          cursor: default;
          width: 64em;
          margin-bottom: 0px;
          margin-left: auto;
          margin-top: 0px;
          margin-right: 0px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
          z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          position: relative;
          text-align: left;
          cursor: pointer;
          width: 8em;
          float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          z-index: 1020;
          cursor: default;
          width: 8.2em;
          position: absolute;
          left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
          left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
          position: absolute;
          margin-top: -5%;
          margin-right: 0;
          margin-bottom: 0;
          margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
          left: auto;
          top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
          border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
          display: block;
          cursor: pointer;
          background-color: #FFF;
          color: #333;
          text-decoration: none;
          font-family: Pristina;
          font-size: 21px;
          font-weight: normal;
          padding-right: 0.75em;
          padding-left: 0.75em;
          padding-top: 0.5em;
          padding-bottom: 0.5em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
          background-color: #33C;
          color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
          background-color: #FFF;
          color: #666;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarDown.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
          background-image: url(SpryMenuBarRight.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarDownHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
          background-image: url(SpryMenuBarRightHover.gif);
          background-repeat: no-repeat;
          background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
          position: absolute;
          z-index: 1010;
          filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
          ul.MenuBarHorizontal li.MenuBarItemIE
                    display: inline;
                    f\loat: left;
                    background: #FFF;

Image URL in the CSS issue

ALL,
I have a problem in URL of images in CSS. in the CSS, URL for the images. so we have checked-in the content server. we have given the url path in the css. URL would would look */idc/groups/public/documents/cp_images/imagename.gif*. offcource I have checked-in the CSS in the content server. images from content server appering in the site studio designer preview as well as the browser.
But when I have published the this site in to specific location, i am facing problem. I am not getting in any ERRORS/warnings while Site crawling & Site publishing. All images paths in the CSS changing including images in the index.htm pages. But problem is images used in css are not appering on pages. other than that css effect like Color/effects are comming on htm pages. Images are also avaible in the published folder.
My question is is there specific way to specify the images paths in the CSS in the oracle site studio designer?
Any help would be much apriciated...
Regards & thanks,
Nirmala Vijaya Sekhar Varre

I cant say for sure is there any standard way to avoid this behavior but here are some technique's which can be suitable to solve your problem.
- you can place all your site images into constant relative path to yours CSS. So if your css file is included in page like
<link href="groups/public/documents/web_asset/file.css" type="text/css" rel="stylesheet" />then you can place images into groups/public/documents/web_images/ and refer to them in CSS like that
div {
background:url(../web_images/file.gif);
}- next try you can move all CSS definitions requiring urls into page template leaving main pack in CSS set like that
<link href="groups/public/documents/web_asset/file.css" type="text/css" rel="stylesheet" />
<style type="text/css">
div {
background:url(groups/public/documents/web_images/file.gif);
</style>or make a fragment to hold this dynamic css definition and include it in header in standard way
- next try (for a curvy ones, havent tried myself, but seems working) you can create a idoc script with css commands, but include some commands to make it work like css
i mean this very commands setContentType (page-720), setExpires (page-722), setHttpHeader (page-724) (pages are from idoc reference guide)
i'd recommend using 1st method to avoid complexivity.
Edited by: ivanko on Nov 30, 2009 3:20 PM

URL page with css

Similar Messages

Maybe you are looking for