Jump to content

joanne

Members
 View Profile  See their activity

  • Posts

    8

  • Joined

  • Last visited

joanne's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. joanne
    Yea thanks, they will be good to work with, cheers!But, would it work using Autoshapes? would it ruin code in any way?Joanne
  2. joanne
    Im not sure if this would work..I want to create rounded corner text boxes on my web page.I began working in Frontpage, however aiming to eventually learn enough to write code by myselfIn frontpage (as in Word etc also) you can create Autoshapes.Can these be used on a webpage witout any problems?Im unable to test accross a wide range of browsers, so wanted some advice before!Thanks Joanne
  3. joanne
    I am not very familar working with Horizontal menu bars example, how would you prevent the menu bar from resizing when the window is resized. I would like it to remain its size regardless of the window not being maximum view.ThanksJoanneBelow the html and css example is included <style type="text/css">#ddcolortabs{margin-left: 4px;padding: 0;width: 100%;background: transparent;voice-family: "\"}\"";voice-family: inherit;padding-left: 5px;}#ddcolortabs ul{font: bold 10px Verdana, Verdana, sans-serif;margin:0;padding:0;list-style:none;}#ddcolortabs li{display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;}#ddcolortabs a{float:left;color: white;background: #0099ff url(color_tabs_left.gif) no-repeat left top;margin:0 2px 0 0;padding:0 0 1px 3px;text-decoration:none;letter-spacing: 1px;}#ddcolortabs a span{float:left;display:block;background: transparent url(color_tabs_right.gif) no-repeat right top;padding:4px 8px 2px 6px;}#ddcolortabs a span{float:none;}#ddcolortabs a:hover{background-color: #009999;}#ddcolortabs a:hover span{background-color: #009999;}#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/background-color: #000099;}#ddcolortabsline{clear: both;padding: 0;width: 100%;height: 8px;line-height: 8px;background: #000099;border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/}</style> <body><div id="ddcolortabs"><ul><li style="margin-left: 1px"><a href="http://www.dynamicdrive.com" title="Home"><span>Home</span></a></li><li><a href="http://www.dynamicdrive.com/new.htm" title="New"><span>New</span></a></li><li id="current"><a href="http://www.dynamicdrive.com/revised.htm" title="Revised"><span>Revised</span></a></li><li><a href="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://www.dynamicdrive.com/forums/" title="DHTML Forums"><span>Forums</span></a></li> </ul></div><div id="ddcolortabsline"> </div><div style="margin-top: 1em; font-size: 90%">Credit: <a href="http://www.dynamicdrive.com/style/">Dynamic Drive CSS library</a></div></body>
  4. joanne
    so would this be correct....<style>@media Print{div#navigation { display:none }}@media Screen{div#navigation { display:block}}</style>and save this as print.cssthen put this in the head section:<link rel="stylesheet" type="text/css" href="print.css" @media="print" /> then put this did id around the nav text@<div id="navigation"><!-- #include file = "../../includes/leftHandNav.asp" --><ul><li><a href="R home.asp">R home</a></li><li><a target="_blank" href="retail%20list2.pdf">Bonus List</a></li><li><a href="posters.asp">Posters</a></li><li><a href="faqs.asp">FAQs</a></li><li><a href="cheques.asp">cheques</a></li><li><a href="info">Sign in</a></li><li><a href="calander.asp">Calendar</a></li><li><a href="terms.asp">Ts & Cs</a></li></ul></div>???
  5. joanne
    Ive tried to use this but it just made the nav bar dissappear in both screen view and print view, and it did not move the text to the left to appear in the print page either, still quite lost on how to make this work, any help appreciated!Joanne
  6. joanne
    <!-- #include file = "../../includes/leftHandNav.asp" --> <li><a href="R home.asp">R home</a></li> <li><a target="_blank" href="retail%20list2.pdf">Bonus List</a></li> <li><a href="posters.asp">Posters</a></li> <li><a href="faqs.asp">FAQs</a></li> <li><a href="cheques.asp">cheques</a></li> <li><a href="info">Sign in</a></li> <li><a href="calander.asp">Calendar</a></li> <li><a href="terms.asp">Ts & Cs</a></li> </ul>This is the section which I dont want to appear when it is printing, as it appears as my left hand navigation menu and takes up too much of the printed page, is this any help to see what i need to put into my code?How would I alter the code to declare all divs seperately?Would i put <div><li> at the top and </ul></div> at the bottomAlso would I alter part of this section of the css, below#navigation, #advertising, #other { display : none; }Thanks Joanne
  7. joanne
    I have tried to make my pages print friendly using the below code:body { color : #000000; background : #ffffff; font-family : "Times New Roman", Times, serif; font-size : 12pt; }a { text-decoration : underline; color : #0000ff; }#navigation, #advertising, #other { display : none; }Then saved it as print.css in the same directory as the fileand used the link <link rel="stylesheet" type="text/css" href="print.css" media="print" /> in my head section of my page code, but it will not work for me this way.Can anyone suggest any ideas as to why this wont work for me?Joanne
  8. joanne
    On my web page the hyperlinks and interactive buttons have changed into the same style as the left hand navigation menu. Im not sure as to why and cant seem to reslove it. I use Frontpage, and so dont always type script. I mainly use frontpage design view and tweek it in code view.Also at the same time at this happening the top of my page then appeared as a white space and had moved down to appear below the level of my left hand navigation.Any help on this issure would be much appreciatedJoanne
×
×
  • Create New...