Help needed using CSS positioning for movie/text

I have been deconstructing a few sites to get a better
understanding of CSS for a simple portfolio.
Anyway, I have a simple navigation set up in place which I
want to place my movie next to. The problem is that I can't work
out how to place it next to the buttons...
The url to the site is:
http://www.notjustthenews.co.uk/page8.html
Once I've done that I want to place a paragraph of text to
the right of the movie so that if you resize the browser window the
text wraps around the movie.
Any help would be most appreciated.
The CSS is question is:
#wrapper{
float:right;
width: 75%;
margin: 0;
padding: 0 3% 0 0;
#widescreen {
float: left;
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 0;

Not sure what the web forum and the news forum does with code
these days
but here is the complete coding/css that you need. (That's if
it
transfer ok)
<!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=iso-8859-1"><title>notjustthenews.co.uk</title>
<style type="text/css">
body{
font-family: Arial,sans-serif;
color: #000000;
line-height: 1.166;
margin: 0px;
padding: 0px;
h1 {
font-family: Verdana, Arial, sans-serif;
font-size: 120%;
color: #000000;
h3{
font-size: 100%;
color: #334d55;
p {
font-family: Arial, sans-serif;
font-size: 14px;
color: #000000;
label{
font: bold 100% Arial,sans-serif;
color: #334d55;
ul{
list-style-type: square;
#top{
border-bottom: 1px solid #cccccc;
width: 100%;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
#topmenu{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
#topmenu a {
font-size: 90%;
padding: 0px 4px 0px 0px;
#title{
padding: 0px 0px 10px 10px;
#topmenu ul {
font-family: Arial, sans-serif;
font-size: 14px;
#topmenu li {
margin-bottom: 5px;
#topmenu a:link, #topmenu a:visited {
text-decoration: none;
color: #000000;
#topmenu a:hover {
color: #990000;
text-decoration: none;
#seltopmenu a:link, #seltopmenu a:visited, #seltopmenu
a:hover {
color: #990000;
text-decoration: none;
#navBar ul a:link, #navBar ul a:visited {display:
block;<br />
#navBar ul {list-style: none; margin: 0; padding: 0;
#navBar li {border-bottom: 1px solid #EEE;
html>body #navBar li {border-bottom: none;
#navBar{
float: left;
width: 200px;
background-color: #eeeeee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
#search{
padding: 5px 0px 5px 10px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
#search form{
margin: 0px;
padding: 0px;
#search label{
display: block;
margin: 0px;
padding: 0px;
#projectLinks{
border-bottom: 1px solid #cccccc;
font-size: 90%;
#projectLinks h3{
padding: 10px 0px 2px 10px;
#projectLinks a:link{
text-decoration: none;
color: #000000;
padding: 2px 0px 2px 10px;
border-top: 1px solid #cccccc;
width: 100%;
voice-family: "\"}\"";
voice-family:inherit;
width: auto;
#projectLinks a:visited{
text-decoration: none;
color: #000000;
border-top: 1px solid #cccccc;
padding: 2px 0px 2px 10px;
#projectLinks a:hover{
color: #990000;
text-decoration: none;
border-top: 1px solid #cccccc;
background-color: #dddddd;
padding: 2px 0px 2px 10px;
#selprojectLinks a:link, #selprojectLinks a:visited,
#selprojectLinks
a:hover {
color: #990000;
text-decoration: none;
#widescreen {
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 210px;
#widescreen object {
float: left;
margin-right: 10px;
#widescreen p {
margin-top: 0;
</style></head>
<body>
<div id="top">
<h1 id="title">notjustthenews.co.uk</h1>
<div id="topmenu"> <a href="#">home</a> |
<a href="#">movies</a> | <a
href="#">audio</a> | <a
href="#">websites</a> | <a
href="#">reviews</a>
| <a href="#">other stuff</a> | <a
href="#">contact</a>
</div>
</div>
<div id="navBar">
<div id="search">
<form action="#">
<label>search</label>
<input name="searchFor" type="text" size="10">
<input name="goButton" type="submit" value="go">
</form>
</div>
<div id="projectLinks">
<ul>
<li><a href="#">project1</a></li>
<li><a href="#">project2</a></li>
<li><a href="#">project3</a></li>
<li><a href="#">project4</a></li>
<li><a href="#">project5</a></li>
<li><a href="#">project6</a></li>
</ul>
</div>
</div>
<div id="widescreen">
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="
http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
name="defences" width="402" height="240" align="middle"
id="full screen">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="movieplayer.swf">
<param name="quality" value="high">
<param name="salign" value="tl">
<param name="bgcolor" value="#000000">
<param name="FlashVars" value="vidpath=defences.flv">
<embed src="page8_files/movieplayer.swf"
flashvars="vidpath=defences.flv" quality="high" salign="tl"
bgcolor="#000000" width="402" height="240" name="defences"
align="center" allowscriptaccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer">
</object>
<p>This is some filler text. This is some filler text.
This is some
filler text.</p>
<p>This is some filler text. This is some filler text.
This is some
filler text.</p>
<p>This is some filler text. This is some filler text.
This is some
filler text.</p>
<p>This is some filler text. This is some filler text.
This is some
filler text. This is some filler text. This is some filler
text. This is
some filler text.</p>
<p>This is some filler text. This is some filler text.
This is some
filler text. This is some filler text. This is some filler
text. This is
some filler text.</p>
<p>This is some filler text. This is some filler text.
This is some
filler text. This is some filler text. This is some filler
text. This is
some filler text.</p>
<p>This is some filler text. This is some filler text.
This is some
filler text. This is some filler text. This is some filler
text. This is
some filler text.</p>
</div>
</body>
</html>

Similar Messages

  • Help needed using ITunes Match for Music and freeing up space on IPad?

    I have moved my music from IPad to ITunes Match Cloud.  I find that it is just copied there and is still on my IPAD.  I am trying to free up space on my IPad so do I delete the music on my IPad, or do I delete the music on my IMac and sync to remov

    King Penguin's advice is always sound, spot on and he has really give you the best all around solution for what you want to do....but you can also delete your music directly from the iPad and download it again when you want it again. These days, not all people use iTunes with their iPads and many iPad owners dont even own computers. I assume that you do have a computer running iTunes since you asked about iTunes Match, but since you didn't know how ITM works, maybe you don't own a computer, so I'm just offering another alternative.
    You can go to Settings>General>Usage>Manage Storage>Music and remove music in there via the Edit button as well as swiping across songs or albums in the music app in order to get the red delete button. If you want to download the music again, just go to the purchased tab of the iTunes app, tap on Music, Not on this iPad and all of your purchased music will appear. You can also go to Settings>iTunes & App Store>Show All Music>on. That will make all of your music in the cloud appear in the music app and you can tap on the cloud icon in order to download the songs again.
    The only caveat to this solution is that of the music is no longer available in the iTunes Store, you cannot download it again. On occasion, things do get removed from the iStores, so it is possible that could happen.
    Download past purchases

  • Help need my mac pro for school..it has Grey screen..spinning wheel...repaid disk ok...repair disk permission all repaired but one warning...

    Help need my mac pro for school..it has Grey screen..spinning wheel...
    I think I have  mountain lion OS X....I have done I think almost every suggestion I've seen in discussion boards.
    Boot in recovery repaired disk...ok...repair disk permission...all repaired but one warning...I've tried to reinstall lion (without losing data) and it Got all the way to one minute to be done and then the time change back two hours and kept doing this all night long.  I haven't done a back up due to no external for time machine.
    I hope someone can please help me I've been going crazy for a week now trying to figure this out.  I use my computer for school and I'm currently very behind from in my school work  thank you
    Also I've checked my available space  424.91 free of 750 gigs....disk is verified

    Welcome to the Apple Support Communities
    Try holding the Shift key while your Mac is starting to start into safe mode. Then, after starting in safe mode, open Finder, select Go menu (on the menu bar) > Go to Folder, and type /Library/StartupItems. Then, empty this folder and restart the Mac.
    If your Mac starts after doing this, it was a problem with a third-party app that starts automatically when you turn on the computer. It won't start automatically anymore after doing that

  • Help in using listagg function for more than 8000 char.

    Hi Friends,
    Need you urgent help in using listagg function for more than 8000 char.
    I did the below sample SQL and in "e_orig" and "d_orig" for upto 4000 char it is working fine but I have to use it for more than 8000 char. and it is giving error,
    I checked the listagg function is having limitation of 4000 char.
    I tried but I am unable to achive this. Can someone provide me a sample example to achive this
    select d.dname,d.loc,e.hiredate
    ,listagg(e.ename,',' ) within group (order by e.deptno) over (partition by e.deptno) as e_orig
    ,listagg(e.ename, ',') within group (order by e.sal) over (partition by e.deptno) as d_orig
    from emp e, dept d
    where e.deptno=d.deptno;[ This is my first post, I gone through the guideline for posting a post , and try to go according to that ( I have not pasted here create table and insert as I have used basic table emp, dept for example), please let me know if still I should give this, I will take care from my next post ]
    Thanks in advance

    Interesting, I didn't know you could do that, but...
    BluShadow wrote:
    You could write some PL/SQL code that does it all for you, but that would involve loops and would be slow.Well, objects are written in PL/SQL aren't they? And presumably there'll be implicit looping too? So it's not at all obvious that this method will be faster than doing the joining in PL/SQL in memory. The only way to find out is to benchmark them - so I have done that.
    I noticed that OP's ref cursor actually only ever retrieves a single record for a bound department number, so I decided the best thing would be to test using a procedure that passes an output string back. I selected all (109) employees and put spaces in to ensure above 4000 characters. I also noticed that as he is using PL/SQL he probably can use a VARCHAR2 type, but just not ListAgg in the query, so I wrote short procedures as follows:
    SimpleAggChr     - bulk collect and array processing, VARCHAR2 output
    ClobAggPrc     - the custom aggregation method, CLOB output
    SimpleAggClob     - bulk collect and array processing, CLOB output
    I then wrote a driving script that calls them in the order above and times each call (I like benchmarking so I have my own timing object to make it easy). I then print the lengths for checking, and my object writes the timings to my output table. Running a few times I got varying results, but generally it looks like there isn't a lot to choose between them for performance.
    Here's the procedure code:
    CREATE OR REPLACE TYPE char100_list_type AS TABLE OF VARCHAR2(100)
    CREATE OR REPLACE PROCEDURE SimpleAggChr (x_out OUT VARCHAR2) IS
      l_enames     char100_list_type;
    BEGIN
      SELECT first_name || '                                        ' || last_name
        BULK COLLECT INTO l_enames
        FROM employees
       ORDER BY salary;
      FOR i IN 1..l_enames.COUNT LOOP
        x_out := x_out || l_enames(i) || ',';
      END LOOP;
    END SimpleAggChr;
    CREATE OR REPLACE PROCEDURE SimpleAggClob (x_out OUT CLOB) IS
      l_enames     char100_list_type;
    BEGIN
      SELECT first_name || '                                        ' || last_name
        BULK COLLECT INTO l_enames
        FROM employees
       ORDER BY salary;
      FOR i IN 1..l_enames.COUNT LOOP
        x_out := x_out || l_enames(i) || ',';
      END LOOP;
    END SimpleAggClob;
    SHO ERR
    PROMPT ClobAggPrc
    CREATE OR REPLACE PROCEDURE ClobAggPrc (x_out OUT CLOB) IS
    BEGIN
      SELECT clobagg(first_name || '                                        ' || last_name || ',')
        INTO x_out
        FROM employees
       ORDER BY salary;
    END ClobAggPrc;
    SHO ERRand the driving script:
    SET SERVEROUTPUT ON
    SET TIMING ON
    DECLARE
      l_enames_c1     CLOB;
      l_enames_c2     CLOB;
      l_enames_v     VARCHAR2(32767);
      l_timer     timer_set_type := timer_set_type ('Aggregation');
    BEGIN
      Utils.g_id := 'Aggregation';
      SimpleAggChr (l_enames_v);
      l_timer.Increment_Time ('SimpleAggChr');
      ClobAggPrc (l_enames_c1);
      l_timer.Increment_Time ('ClobAggPrc');
      SimpleAggClob (l_enames_c2);
      l_timer.Increment_Time ('SimpleAggClob');
      DBMS_Output.Put_Line ('SimpleAggChr returned string of length ' || Length (l_enames_v));
      DBMS_Output.Put_Line ('ClobAggPrc returned string of length ' || Length (l_enames_c1));
      DBMS_Output.Put_Line ('SimpleAggClob returned string of length ' || Length (l_enames_c2));
      l_timer.Write_Times;
    END;
    SET TIMING OFF
    SET LINES 150
    SET PAGES 1000
    COLUMN id FORMAT A30
    COLUMN line_text FORMAT A120
    SELECT line_text
      FROM output_log
    WHERE id = 'Aggregation'
    ORDER BY line_ind
    /and the results:
    SimpleAggChr returned string of length 5779
    ClobAggPrc returned string of length 5779
    SimpleAggClob returned string of length 5779
    PL/SQL procedure successfully completed.
    Elapsed: 00:00:27.05
    LINE_TEXT
    Timer Set: Aggregation, constructed at 03 Nov 2011 16:27:07, written at 16:27:35
    ================================================================================
    [Timer timed: Elapsed (per call): 0.02 (0.000016), CPU (per call): 0.01 (0.000010), calls: 1000, '***' denotes corrected
    line below]
    Timer              Elapsed          CPU          Calls        Ela/Call        CPU/Call
    SimpleAggChr          9.84         0.36              1         9.84400         0.36000
    ClobAggPrc            9.37         0.32              1         9.37400         0.32000
    SimpleAggClob         8.25         0.22              1         8.25000         0.22000
    (Other)               0.00         0.00              1         0.00000         0.00000
    Total                27.47         0.90              4         6.86700         0.22500
    13 rows selected.

  • Help needed using adobe exportpdf

    The first time I used adobe export pdf it worked well. However the next time and every other time I try to convert a pdf doc to word docx I get the error message at the end of the uploading session. "pdf doc failed to export to m,icrosoft word.  There was an unexpected problem.
    Anyone overcome this problem?

    Hi Stacy
                   Thanks for that info.  I was aware of the 100MB limit but 
    your response made me think again and go back to the problem and this is 
    what I found. The first  pdf document I uploaded into Adobe export pdf was  43
    MB and it went through fine. when I looked at the conversion to Word  docx I
    found it had been transformed into 83MB.
    So the conversion (which was a children's book with lots of images in it) 
    resulted in an increase of MBs by a factor of 1.7.  
    The second pdf document I uploaded was 64MB and this failed. If I apply the
    1.7 factor then the Word docx I wanted was going to be 109MB and therefore
    over  the 100MB limit.
    I didn't know that converting pdf to word would increase the MB like that. 
    Why, I don't know so thanks for your help I've learnt something new.
    Cheers
                Garth
    In a message dated 07/10/2013 04:42:36 GMT Daylight Time, 
    [email protected] writes:
    Re:  Help needed using adobe exportpdf
    created by StacySison (http://forums.adobe.com/people/StacySison)  in 
    Adobe ExportPDF - View the full  discussion
    (http://forums.adobe.com/message/5740689#5740689)

  • Need a regular expression for the text field

    Hi ,
    I need a regular expression for a text filed.
    if the value is alphanumeric then min 3 char shud be there
    and if the value is numeric then no limit of chars in that field.[0-9].
    Any help is appriciated...
    thanks
    bharathi.

    Try the following in the change event:
    r=/^[a-z]{1,3}$|^\d+$/i;
    if (!r.test(xfa.event.newText))
    xfa.event.change="";
    Kyle

  • TS1506 I just updated my IOS to 7.1 and now I can't open Microsoft attachments - I used to always do it. Help - I use my iPad for work and now can't see any attachments.

    I just updated my IOS to 7.1 and now I can't open Microsoft attachments - I used to always do it. Help - I use my iPad for work and now can't see any attachments. I've tried opening straight into other apps and just get error messages, and I the mail preview there is just a grey screen telling me the file name and size. It worked fine until I did the IOS upgrade

    Troubleshooting apps purchased from the App Store
    http://support.apple.com/kb/TS1702
    Delete the app and redownload.
    Downloading Past Purchases from the iTunes Store, App Store and iBooks Store
    http://support.apple.com/kb/ht2519
     Cheers, Tom 

  • I have been able to access a site regularly but in the last few days get a message: "cookies required to access this site." please help, I use this site for work daily:)

    I have been able to access a site regularly but in the last few days get a message: "cookies required to access this site." please help, I use this site for work daily:)

    Goto > Settings > Safari... Enable Cookies > Always
    Good luck!

  • I am in need of ai script for arcing text

    i am in need of ai script for arcing text

    A little vague aren't we… Is this the kind of arcing you mean? Text along a curve or do you mean distorting into an arch like some plug-in can?
    #target illustrator
    var doc = app.activeDocument;
    doc.defaultFilled = false, doc.defaultStroked = true;
    var textPath = doc.pathItems.ellipse( 0, 0, doc.width, doc.height );
    textPath.pathPoints[3].selected = PathPointSelection.ANCHORPOINT;
    app.cut();
    doc.selection = null;
    app.redraw();
    var tp = doc.textFrames.pathText( doc.pathItems[0], 0, 0, TextOrientation.HORIZONTAL );
    tp.textRange.paragraphAttributes.justification = Justification.CENTER;
    tp.textRange.characterAttributes.size = 60;
    tp.contents = 'I am in need of ai script…';
    var tpd = tp.duplicate();
    tpd.translate( 0, -150 );
    tpd.textRange.characterAttributes.size = 90;
    tpd.contents = '…for arcing text?';

  • Help Needed with HTML code for Image Positioning

    Hi All,
    Need a little help with some code for positioning images.
    I initially used the following:
    This is fine, but the border automatically puts a black border around the photo - how do I change it to white? Is there a way to set margins too, to prevent the text butting up against the photo?
    I also used the following code with success:
    <style type="text/css"
    img
    float:right;
    border:2px solid white;
    margin: 0px 0px 15px 20px
    </style>
    This code works, however the problem with it is it is not individual to just one photo - it moved all my photos and on that page, I wanted one photo floated to left and another to the right.
    If I use this code, how can I make it photo specific, so that it only affects the placement, margins and borders of one photo?
    Any help would be great.
    Thanks

    CSS question, not iWeb question. Regardless, use inline CSS styling for the image. You can also wrap the image in its own tag and declare an id or simply declare an id for the img tag, then set the style for the id_name:
    <style type="text/css"
    img#id_name
    float:right;
    border:2px solid white;
    margin: 0px 0px 15px 20px
    </style>
    If you want to control the style of more than one image on a page but not all then use a class instead of an id.
    the border automatically puts a black border around the photo - how do I change it to white? Is there a way to set margins too, to prevent the text butting up against the photo?
    I believe you have discovered a solution for this according to your CSS code. You have set the border to white by looking at the code and adjusting it appropriately. Your margin is declared in the CSS also, adjust the pixels appropriately.
    Read up some more on CSS to educate yourself further. I suggest w3schools.com or a CSS forum instead of the iWeb forum if you have CSS questions. It's kind of like if you drive your auto to the supermarket so you decide to go to the supermarket and ask everyone in the produce section to help when you have car problems. All the supermarket does is provide a place to park your auto. If you have car problems then ask a mechanic. iWeb (and most of its users) doesn't specialize in code, it simply provides an area for you to place it. Granted you might get lucky and find a mechanic in the produce section of the supermarket, but you're more likely to find a specialist at an auto swap meet (or CSS coding forum)!

  • HELP NEEDED: Use a new record for a customized table as a workflow trigger

    Hi SAP Workflow Gurus,
    Good day!
    One of our requirements is to have the creation of a new record in a custom database table trigger a workflow. I read and followed the steps as indicated in this link
    http://www.****************/Tutorials/Workflow/Table/events.htm
    As a summary, here is what I did:
    1. Created a subroutine for the custom table ZPA2003 for the create event
    2. Defined this event as a trigger for the custom workflow WS90000019
    3. Maintained and activated the event linkage via SWETYPV
    Basically I tried following the instructions indicated on the link
    Note that the entries for the custom table are created via a function module.
    Now during testing of the workflow, the system was able to complete the notification message. However, when I triggered the event via creation of the entry in the custom db table nothing happened
    1. Is there a way to debug/find out whether the link between the subroutine in the table and event itself are connected?
    2. I also tried running the event trace to check the activities executed but found nothing.
    Can you guys help me check on what I may have missed out?
    Regards,

    Hi All,
    Basically these are the requirements for the work schedule substitution:
    1. Employee enters the request via ESS (custom portal transaction)
    2. Upon saving of the entry (request) in a custom  table, this should trigger the workflow at the backend
    3. The Manager should then receive a work item in his Universal Worklist at the MSS side of the portal
    4. Upon clicking on the work item, a new screen will pop up showing the work schedule substitution details as well as an interface which will allow him to enter his/her usage decision
    5. Depending on the decision, the workflow must execute the necessary notifications as well as changes in the custom and PA2003 tables
    Now, we have accomplished step 1 and I am currently in the process for step 2. Now I have some queries:
    1. For the Manager to view and approve the substitution details, I used two methods for each process (view and approve) since our ABAPer mentioned that this cannot be done in 1 function module. Is there a way to simplify this step or is it really valid that they need to be executed in 2 different methods?
    2. As per our ABAPer, function Modules only import and export variables; they do not have the facility of say having tags on the details being displayed. Hence, if the details are 10001 (Employee Number), 10/20/2011 (Start Date), 10/25/2011 (End Date) the output would be 10001, 10/20/2011, 10/25/2011. Is there a way within the function module (or dynpro interface) to show it like this: Employee Number: 10001
                               Start Date: 10/20/2011
                               End Date: 10/25/2011
    3.  Speaking of dynpro applications, do I need to still develop one to allow the Manager to view and approve/reject the request via the MSS portal upon accessing the work item via the UWL? How would the work item go about calling the dynpro application? or is this even possible?
    It would have been easier if the facility would not pass through workflows since it will be just direct web dynpro/ABAP calls. Having to include it as a work item in the UWL puts a certain twist to it
    Your inputs are well-appreciated.
    Regards,

  • Creating a help interface using HTML/XML for text data.

    Hi,
    I'm currently building an application which has need of a help feature. I plan to have this either in an individual/internal frame or in a seperate browser window. My question is this:
    1. Can I open a browser window without losing my OS independence?
    2. Is there a swing component that displays a HTML file from the source file, or is my only option to get an XML file, run it through SAX and display it that way?
    Note: I'm already using an XML parser as part of this project, so using it for a help file would be no big problem. I'm just trying to find a (quick) workaround. Not that I like cutting corners.
    Any comments on this are welcome, no matter how small.
    Thanks for your time.

    In answer to 1. -> No you can't open a browser window without using the underlying OS mechanism...you could however encapsulate the OS mechanisms in a separate class/package so that your core app doesn't have to know...
    In answer to 2. -> Danger Will Robinson!!! Yes you can use the JEditorPane, but to be fair, it's c**p, and when you release the system your Users will whine endlessly about why they can't open their help files in their usual browser (this is especially true if they are coded in HTML). I know this because I wrote a help application using HTML and had Users and the marketing department complain at me endlessly. Also, the HTMLEditorKit in Swing seems to have a number of strange handling of img paths, at least in 1.3 it did...this caused me all sorts of problems...
    The usual way to get around this kind of thing is to open up a file browser, get the User to pick their favourite browser application (usually the .exe on Windows or the script on Unix) and then remember it, when it comes to opening the help file just use Runtime.getRuntime ().exec ("userBrowserLocation pathToHelpFile"). Of course this has the trouble that you can't package the help file in a jar or zip, but in general Users want to have control over HTML files...and Users usually have a fanatical desire to use their favourite browser to view them in...
    Just a thought...

  • CSS positioning for complext layout

    I've been creating web page layouts with tables for many
    years now and realise that it's time to move to CSS positioning
    instead. Having gone through various tutorials, I've mastered the
    art of creating a 3-column layout, however the design I'm working
    on at the moment needs to be more complex than this. Here's a link
    to the page layout I'm trying to achieve:
    http://www.sweatshop.co.uk/dev/pagelayout.htm
    Is this too complex for CSS positioning? Would I be better
    off using tables? Or can anyone point me in the direction of more
    detailed tutorials that might help me achieve this using CSS?
    Thanks in advance.
    Claire

    > Is this too complex for CSS positioning? Would I be
    better off using tables?
    > Or can anyone point me in the direction of more detailed
    tutorials that might
    > help me achieve this using CSS?
    >
    > Thanks in advance.
    >
    > Claire
    >
    Heres the html code and css:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN"
    http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    font-family: verdana, helvetia, ariel, sans-serif;
    font-size: 11px;
    background-color: #fff;
    color: #fff;
    #pageWrapper {
    width: 750px;
    margin: 0 auto;
    #header {
    background-color: #999;
    margin-bottom: 8px;
    #navigation {
    background-color: #999;
    margin-bottom: 8px;
    #leftSide {
    float: left;
    width: 480px;
    #basket {
    width: 170px;
    float: left;
    background-color: #999;
    #productDesc {
    width: 302px;
    float: left;
    margin: 0 0 8px 8px;
    display: inline;
    background-color: #999;
    #productImage {
    background-color: #999;
    clear: both;
    height: 200px;
    margin-bottom: 8px;
    #pollProductoptionWrap {
    width: 480px;
    #poll {
    width: 170px;
    float: left;
    background-color: #999;
    #productOptionUpsellProdsWrap {
    width: 302px;
    float: left;
    margin-left: 8px;
    display: inline;
    #productOptions {
    background-color: #999;
    margin-bottom: 8px;
    #upsellProducts {
    background-color: #999;
    margin-bottom: 8px;
    #results {
    width: 262px;
    float: left;
    margin-left: 8px;
    display: inline;
    background-color: #999;
    #footer {
    background-color: #999;
    clear: both;
    </style>
    </head>
    <body>
    <div id="pageWrapper">
    <div id="header">Header</div>
    <div id="navigation">Navigation</div>
    <div id="leftSide">
    <div id="basket">Basket</div><!-- end Basket
    -->
    <div id="productDesc">ProductDesc</div><!--
    end ProductDesc -->
    <div id="productImage">Product Image</div><!--
    end ProductImage -->
    <div id="pollProductoptionWrap">
    <div id="poll">Poll</div><!-- end poll -->
    <div id="productOptionUpsellProdsWrap">
    <div id="productOptions">Product
    Options</div><!-- end productOptions -->
    <div id="upsellProducts">Upsell
    Products</div><!-- end productOptions -->
    </div><!-- end productOptionUpsellProdsWrap -->
    </div><!-- end pollProductoptionWrap -->
    </div><!-- end leftSide -->
    <div id="results">Results</div>
    <div id="footer">Footer</div>
    </div><!-- end pageWrapper -->
    </body>
    </html>

  • Just need to load Positions for legacy MM deposits

    Just need some guidance for initializing only positions in SAP-TR.
    Only initializing the balance position, none of the previous interests will be brought over.
    Thanks,
    Rahul

    Hi Rahul,
    I would say there are at least a few methods how to load Positions for legacy OTC instruments, depending on their complexity:
    if complexity of your open deals - the ones which starts at some point before the migration date and matures after - is rather low, you can input them as original deals with all parameters - including interest flows - in this way you secure that you have no deviations between your SAP entries and previous system - either you enter them manually or use the existing BAPIs to import the existing OTC transactions automatically. Then, you have to transfer all flows prior to the migration date to the status 'Posted', without actually generating documents in the general ledger - to do this, use a transaction 'TBB1_LC - Flag Flows as Posted';
    if your opens deals are rather complex - lots of nominal changes, like repayments, etc. - it might make sense to enter a deal as from chosen period to generate e.g. expected interest flow - so you define only balance position from certain date. You would still need to use the transaction TBB1_LC to to transfer all flows prior to the migration date to the status 'Posted'.
    hope this will help you.
    Kind regards,
    Renatas

  • Help with basic CSS positioning

    I am learning the rudiments of CSS positioning - I have gone
    through the good Macromedia docs and even bought a book which is
    useful (HTML Utopia). I am now applying some concepts to my first
    site.
    Oh how I thought I knew how to apply theory.
    The sily thing is I am stuck on a very basic stage. And I
    just cant figure out the solution. This is my problem.
    I want to centre my site on the page so I created a #wrapper
    <div> which works fine
    Then, I wanted to position two <div> 'boxes', each
    containing a logo within this wrapper, next to each other, left to
    right, with a small margin imbetween them.
    The first box on the left aligns fine, relatively positioned
    to the wrapper. Great.
    However, the next box 'jumps' down to the next line, even
    though there is space within the wrapper element for it. I assumed
    as <div> tag elements 'flow' after each other, it would
    continue right. But no, it flows onto the next line, a bit like
    this
    image 1
    image 2
    I was after
    image 1 image 2
    What am I doing wrong. Im sure Im missing the obvious. Should
    I be floating at this stage?
    Forgive me - Im grasping the concepts here
    Heres the code:
    CSS
    #master_wrapper {
    width: 760px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    #logo_box {
    width: 145px;
    height: 120px;
    position: relative;
    #banner_box {
    width: 580px;
    height: 120px;
    margin-top: 0;
    margin-left: 25px;
    position: relative;
    HTML
    <body>
    <div id="master_wrapper">
    <div id="logo_box"><img
    src="website_graphics/index_page/logo.jpg" alt="Logo" width="145"
    height="120" />
    </div>
    <div id="banner_box"><img
    src="website_graphics/index_page/banner_cityscape.jpg" alt="Banner"
    width="580" height="120"/>
    </div>
    </body>
    If you are feeling especially kind, could you let me know the
    correct code to position a further 2 boxes which sit under the logo
    and the banner respectively
    Yours, cap in hand
    Chris

    > The first box on the left aligns fine, relatively
    positioned to the
    > wrapper.
    > Great.
    Remove the relative positioning. You don't need it. Now,
    float that box
    left.
    > However, the next box 'jumps' down to the next line,
    even though there is
    > space within the wrapper element for it. I assumed as
    <div> tag elements
    > 'flow'
    > after each other, it would continue right. But no, it
    flows onto the next
    > line,
    > a bit like this
    Div tags are block tags - that means that unless told not to,
    the occupy the
    entire line within their container, thus forcing them to a
    new line, and all
    adjacent content above and below.
    Remove the position:relative from all your divs, and just
    make the first two
    float left.
    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
    ==================
    "socks_" <[email protected]> wrote in
    message
    news:[email protected]...
    >I am learning the rudiments of CSS positioning - I have
    gone through the
    >good
    > Macromedia docs and even bought a book which is useful
    (HTML Utopia). I am
    > now
    > applying some concepts to my first site.
    >
    > Oh how I thought I knew how to apply theory.
    >
    > The sily thing is I am stuck on a very basic stage. And
    I just cant figure
    > out
    > the solution. This is my problem.
    >
    > I want to centre my site on the page so I created a
    #wrapper <div> which
    > works
    > fine
    >
    > Then, I wanted to position two <div> 'boxes', each
    containing a logo
    > within
    > this wrapper, next to each other, left to right, with a
    small margin
    > imbetween
    > them.
    >
    > The first box on the left aligns fine, relatively
    positioned to the
    > wrapper.
    > Great.
    >
    > However, the next box 'jumps' down to the next line,
    even though there is
    > space within the wrapper element for it. I assumed as
    <div> tag elements
    > 'flow'
    > after each other, it would continue right. But no, it
    flows onto the next
    > line,
    > a bit like this
    >
    > image 1
    > image 2
    >
    > I was after
    >
    > image 1 image 2
    >
    > What am I doing wrong. Im sure Im missing the obvious.
    Should I be
    > floating at
    > this stage?
    >
    > Forgive me - Im grasping the concepts here
    >
    > Heres the code:
    >
    > CSS
    > #master_wrapper {
    > width: 760px;
    > margin-top: 0px;
    > margin-bottom: 0px;
    > margin-right: auto;
    > margin-left: auto;
    > position: relative;
    > }
    >
    > #logo_box {
    > width: 145px;
    > height: 120px;
    > position: relative;
    > }
    >
    > #banner_box {
    > width: 580px;
    > height: 120px;
    > margin-top: 0;
    > margin-left: 25px;
    > position: relative;
    > }
    >
    >
    > HTML
    >
    > <body>
    > <div id="master_wrapper">
    >
    > <div id="logo_box"><img
    src="website_graphics/index_page/logo.jpg"
    > alt="Logo"
    > width="145" height="120" />
    > </div>
    >
    > <div id="banner_box"><img
    > src="website_graphics/index_page/banner_cityscape.jpg"
    alt="Banner"
    > width="580"
    > height="120"/>
    > </div>
    > </body>
    >
    > If you are feeling especially kind, could you let me
    know the correct code
    > to
    > position a further 2 boxes which sit under the logo and
    the banner
    > respectively
    >
    > Yours, cap in hand
    >
    > Chris
    >

Maybe you are looking for

  • Shade of current day in iCal

    i used the technique described in this post http://discussions.apple.com/thread.jspa?messageID=3470962&#3470962 to fix the problem of the alarm message coming up offscreen. worked great for me and many others (many thanks). now that i have downloaded

  • Errors galore in DW CS3

    I have been developing with DW since 1.0 and have upgraded through every version. I have been trying to use CS3 since its release, however I find that due to so many issues I revert back to DW8. CS3 - Crashes continuously - Yes I deleted the appropri

  • Disable app turn gray then it is disabled

    I can't find any answer on the web. then I disable the app using this.enabled=false; this action also show a gray layer, is there anyway I can disable the app without the gray layer? thanks Willy

  • HT3802 "The system cannot find the path specified."

    When I type in the command, the response I get is: "The system cannot find the path specified." I just installed Windows 7 with bootcamp but cannot access the Windows Support software now. When I reboot, it boots in Windows. I want Lion to boot to bu

  • Non-static version of java.lang.Thread.dumpstack?

    hi, it would be useful sometimes to have a graphical debug panel on an application I'm working on which shows the active threads and allows further information to be shown if wanted - the problem is that I can't find an API call to get the current st