I am trying recreate my white space section of my website from vertical to horizontal, it has worked so far but the floating is messed up at the moment. I was wondering if I can get help for it please

my site: designbys.co.uk

Thanks

we have a problem with the navigation in IE.

Firefox, Safari and Chrome work the way we want but the lovely Internet Explorer does not seem to like our code.

We have been trying to understand the problem for long now but we can't fix it, so we rely on your hands :)

http://wearenoone.co.uk/testing/index.html

Thanks in advance for your time

so I've got my menu working with the sliding toggle but I want to turn it of when I get to screen size of 800, heres the code for the toggle

`function showWork() { $('nav ul').hide(); $('nav strong').addClass('hidden'); $('nav strong').click(function() {

                $(this).next().slideToggle('normal');

                    var $this = $(this);
                    if( $this.is('.selected') ) {
                        $this.removeClass('selected');
                        $this.addClass('hidden'); 
                    }
                    else {
                        $this.removeClass('hidden');
                        $this.addClass('selected');
                    }
                    return false; 

        }); 
          } 

`

how would I do this

Hope everyone is ok and doing well with a client project. I can't wait to see you all on Thursday :). I'm still having a battle with my satellite :).

I've managed to get rid of table on "permalink.php" site. Thought it might be useful for someone or maybe for future reference.

Here is my modified function getImageStats($which) - the last function in preferences.php.(also with added p and h2 so you can easily style it) :

function getImageStats($which) {

    global $user;
    global $apikey;
    
    $method = 'flickr.photos.getInfo';
    
    $request_url = 'http://www.flickr.com/services/rest/?';
    
    if (empty($params)) $params = array();
    $params['api_key'] = $apikey;
    $params['method'] = $method;
    $params['photo_id'] = $which;
    
    foreach ($params as $var => $val) {
        $var = urlencode($var);
        $val = urlencode($val);
        $request_url .= "&$var=$val";
    }
    
    $response = file_get_contents($request_url);
    $simplexml = simplexml_load_string($response);
      
    $photos =& $simplexml->xpath("//photo");
    
    foreach ($photos as $photo) {   
        $id = $photo["id"];
        $server = $photo["server"];
        $secret = $photo["secret"];
    }
    
    $data =& $simplexml->xpath("//title");
    
    foreach ($data as $title) {
        $theTitle = $title;
    }
    
    if ($theTitle) {
        $theTitle = "".$theTitle."";
    } else {
        $theTitle = "Untitled";
    }

    $data =& $simplexml->xpath("//description");
    
    foreach ($data as $description) {
        $theDescription = $description;
    }

    
    if ($theDescription) {
        $theDescription = "".$theDescription."";
    } else {
        $theDescription = " ";
    }
    
    $data =& $simplexml->xpath("//dates");
    
    foreach ($data as $date) {
        $theDate = $date['posted'];
    }
    $theDate = (int) $theDate;
    $theDate = "".date('F j, Y', $theDate)."";
    
    echo "

View on Flickr

For some reason in Satellite version 1.0 (on Pentangle server) all tags are exactly the same size (they are extremely small!). That text size of a tag in the cloud should be proportional to the count of photos for that tag.

It's very easy to make it work. You have to go to makeTagCloud function (in preferences.php), find the following code:

$id = $tag['count'];

and change it to this:

$id = (int)$tag['count'];

That's it! done! :).

Here is the original post where I've found it : http://www.flickr.com/groups/satellite/discuss/72157629407617747/

Also, in the same function you can find the code responsible for your tag's look :

$highestTag = 0; $lowestTag = 60000; $maxFontSize = 60; $minFontSize = 25; $bright = 180; $dark = 80;

Hope this will be helpful:)

hope you all had a nice Easter. we are now trying to code our website but we are experiencing problems with the navigation.

We could not find a clear and good tutorial to create and customise a jquery toggle menu. If someone could point something would be of great help.

Here is what we did so far:

resize the window to see what our problem is: http://www.wearenoone.co.uk/testing/

This is what we want to achieve: http://www.wearenoone.co.uk/testing/imgs/forum.png

The way the starbucks' toggle work is what we want to achieve: http://www.starbucks.com

Hope someone can help :)

I've spent hours trying to figure out how to increase the size of the thumbnails from 75px per side to 100 or 240px.

I was following this post: http://www.flickr.com/groups/satellite/discuss/72157624331626750/

also read the discussion from last year started by Nicole http://webeyedea.info/forum/discussion/360/changing-sizes-of-thumbnails-in-satellite/p1

Still can't get it right. All I get is bigger images (not square thumbnails any more) looking messy (landscapes, portraits).

Does anyone know how to get from flickr perfect square thumbnails bigger than 75 px?

Please help!

How can the header image automatically resize when you change the size of the browser window?

http://lateralsymphony.co.uk/website/

#header {
    background-image: url(../images/LS_1.jpg) ;
    background-position: 0 0;
    width: 100%;
    height: 675px;
    margin-left: auto;
    margin-right: auto;
    }

go here to see what I have mean

Yago mentioned a site which shows code for special characters - thanks, Yago :) This might get lost in the midst of an unrelated post - so I thought I'd share a few more here:

• HTML Codes - Characters and symbols — from Yago

• HTML character codes — nicely presented reference for special characters and their codes

• HTML Entity Character Lookup — type your character and this lovely tool by Remy will look up the code as well as similar character for you, one of my favourites :)

• Characterer — very handy reference with tons of different characters and associated typefaces)

• &what; — extensive reference, showing typefaces and codes, huge collection of characters and symbols

• Shape Catcher — incredibly useful tool, especially if you do know the official name of a character or symbol :)

have fun exploring these ~ I know you'll find them useful :)

Hope you are well and happy with your greenpeace websites.

If you finished early and have some free time, please check my website's index page (Dropbox public folder). I have not been well since Saturday (living in the cold flat last week took its toll) and my head is blocked, this does not help floating the elements on the index page.

Please check the basic mock-up design in the "elina greenpeace" dropbox folder...The idea is for the menu, main image (kung-fu george) and small text paragraphs to live happily next to each other...with the larger text element in the footer to float underneath these three elements...

Please email me (elinawebdesign@gmail.com) if you are able to figure out how to move the image and the text up next to the menu (pls check mock-up for the layout). I tried to float left and right and cancelled the floats...no luck...I also tried to fix the main image as a background image in the CSS and wrote the text on it, removed the text by negative margin to the right... vast floating green fields appeared above the image...decided it was not a good idea after all...

Thank you for reading this message and thank you for your help.

Elina

I've been having problems trying to style my current navigation links. Up till now I've been giving a class to the different links in the appropriate page and styling that class but Prisca advised us that for the future it's a better approach to give id's to both the body tag and each navigation link and styling them like this:

#home #h_current, #about #a_current, ... {
   background: whatever;
   color:...
   ...
}

The problem is that is not really working for me. I have played around with them being more specific than that but I got nowhere. Does anyone have any suggestions? Thanks!

Or can I still use a table?

Thanks, Nicole :)

#promotion-bar {
    padding:.5em 0;
    background:#A4A29C;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

channel9.msdn.com/Series/Javascript-Fundamentals-Development-for-Absolute-Beginners

Please let me know what do you think.

I can see the elements names etc - only in the toolbar at the top, near the web developer tool. And the yellow, orangy box with elements info, on mouse click.

BUT It does not outline the block, line guides - on mouse over.

How can I reset the tool maybe? Thanks

I'm having an issue to understand when I have to use the clearfix instead the overflow:hidden??? which I thought It would always solve all my problems.

By the way the clearfix, is a hack that consists in adding a class to the container, and that class uses the pseudo-element :after to create content after the container and then clearing it. Better explained here : http://css.flepstudio.org/en/css-tutorials/clearfix-how-to-avoid-that-the-background-of-an-element-disapear-with-floated-content.html