SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Evangelist
    Join Date
    Apr 2003
    Location
    lisboa
    Posts
    423
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    css instead of table

    hi
    i trying to rewrite this page, without using tables.
    What i'm trying to achieve is this effect:
    http://www.ebi-vasco-gama.rcts.pt/table.htm
    So, i wrote some not very reasonable css code and achieved this:
    http://www.ebi-vasco-gama.rcts.pt/css.htm.
    I'm aware the code i'm using can be mastered, but i dont know how, especially when controlling the sentence "some right aligned text", so that it lays over the horizontal rule, without disturbing it.

    Here is the code:
    <div class = "floatd" style="margin-bottom:-20px;margin-top:85px">some right aligned text</div>.

    The style:
    }
    div.floatd {
    float:right;
    }

    The whole html code:
    <div class = "floatd" style="margin-bottom:-20px;margin-top:85px">some right aligned text</div>
    <div>img alt="logo" id="logo" src="" height="100" width="94" />
    some text</div>
    <hr />
    <div style="text-align:right">more right aligned text</div>

  2. #2
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What is the problem?
    I swear to drunk I'm not God.
    » Matt's debating is not a crime «
    Hint: Don't buy a stupid dwarf ö Clicky

  3. #3
    SitePoint Evangelist
    Join Date
    Apr 2003
    Location
    lisboa
    Posts
    423
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    do you think the css code its aceptable?

  4. #4
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well, stylistically (no pun intended), it doesn't really make sense - to me at least - to have style definitions AND individual style="...." attributes. why not stick all your styles in the initial definition (or even better, in an external stylesheet) ?
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  5. #5
    SitePoint Evangelist
    Join Date
    Apr 2003
    Location
    lisboa
    Posts
    423
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i just saw the css page in opera and the piece of text "some right aligned text" is over the image, at the left, and also in not in the same line as "some text", as i intended to...

  6. #6
    SitePoint Evangelist
    Join Date
    Apr 2003
    Location
    lisboa
    Posts
    423
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    redux, you sure are right!
    but i made this just for showing in the forum; now what concernes my is that it aparently only displays ok in my browser (ie6)...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •