#1
  1. Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    austria
    Posts
    12
    Rep Power
    0

    little css-opera problem ...


    hi there!

    i've recently finished my site (http://ir.digital-ambulance.com/) but there are some minor problems, i don't get to solve, even after hundreds of searches.

    first:
    the photo-links
    please look at this page and see that the photo-links are working correctly, even in opera or netscape 6.
    but when you look at the photo-page, you can see that there's no good looking link :/

    css-class, where the last ones are used in the diary page:

    Code:
    a.photo {
    	border: 1px solid #C6A04B;
    	margin: 9px;
    	padding: 1px;
    	background: #F6EACA;
    }
    
    a.photo:hover {
    	border: 1px solid #3A3F46;
    	margin: 6px;
    	padding: 4px;
    	background: #99A6B0;
    }
    
    div#diarytext a.photo {
    	float: left;
    	margin-left: -71px;
    }
    
    div#diarytext a.photo:hover {
    	margin-left: -74px;
    }
    the only real difference is the float-parameter :/



    and there's another one:
    the photo-page is replaced by a few pixels to the left, and i don't have any clue, why ...


    so then
    bye and thanks in advance
    gj
  2. #2
  3. Retired
    Devshed Supreme Being (6500+ posts)

    Join Date
    Feb 2002
    Location
    Finland
    Posts
    9,143
    Rep Power
    2493
    Looks OK in Firebird, quite nice actually. With regards to your second point, it isn't jst because the photo page has a scrollbar, i.e. the page scrolls?
    I don't know what you are comparing it too - but main page is shorter,,,

    Cheers,
    Jamie

    >_ skiFFie ? | Twitter

    __________________

    Let the might of your compassion arise to bring a quick end
    to the flowing stream of the blood and tears .....
    Please hear my anguished words of truth.

    __________________
  4. #3
  5. Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    austria
    Posts
    12
    Rep Power
    0
    Originally posted by jabba_29
    Looks OK in Firebird, quite nice actually. With regards to your second point, it isn't jst because the photo page has a scrollbar, i.e. the page scrolls?
    I don't know what you are comparing it too - but main page is shorter,,,
    rofl, yes, that's a good explaination

    omg, i'm paranoid
  6. #4
  7. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    by the way, you really should wrap your text in p-tags. that what they are for.

    from the diary:
    Code:
    <div id="diarytext">
    Den letzten Tag in Barcelona verbrachten wir eher entspannt: zuerst ins Internet-Caf&eacute;,
    dann an den Strand und zum letzten mal Sangria am Dach der Herberge.
    <br>
    <br>Durch einen Tausch des Zimmers in den dritten Stock war die Nacht diesmal zum Gl&uuml;ck nicht so hei&szlig;
    wie die zwei vorhergegangenen.
    
    <br>
    ....
    the use of the br-tag should be avoided.

    would be better to do this
    Code:
    <div id="diarytext">
    <p>
    Den letzten Tag in Barcelona verbrachten wir eher entspannt: zuerst ins Internet-Caf&eacute;,
    dann an den Strand und zum letzten mal Sangria am Dach der Herberge.
    </p>
    
    <p>
    Durch einen Tausch des Zimmers in den dritten Stock war die Nacht diesmal zum Gl&uuml;ck nicht so hei&szlig;
    wie die zwei vorhergegangenen.
    </p>
    ...
  8. #5
  9. Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    austria
    Posts
    12
    Rep Power
    0
    thanks, i know

    but this is database-driven, and it's much easier to replace "/n" with "<br>" then programming an algorithm to replace with appropriate <p>'s

    beside that, this is my semester-work and i have to deliver it tomorrow



    oh: i've fixed the opera-error:
    i've put it in tables with display: block and now everything works fine
  10. #6
  11. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    ok, that explains it, i downloaded your page to see if i could find the error,
    it worked on the disk, but not when i saw it on your page, was a bit stumbled by that.
    opera had the old version of your page in the cache while i had downloaded the new with moz.

    its not that hard to place a <p> before the text and a </p> after,
  12. #7
  13. Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    austria
    Posts
    12
    Rep Power
    0
    sure, but it will cost me too much time

    instead, there's a much greater problem!
    i have to implement an animated gif.

    ok, easy, but where and what?

IMN logo majestic logo threadwatch logo seochat tools logo