Jump to content

tomatoKetchup

Members
  • Posts

    9
  • Joined

  • Last visited

Posts posted by tomatoKetchup

  1. Hello,

     

    I wanted my website's display area to be exactly 768 px centered on the page. So here's the css properties I applied to the "main" div that contains every element I add on my webpage:

    div#main {   margin-left: auto ;              margin-right: auto ;              width : 768px ;}

    It works, fine, however when I select several lines of text inside it, the blue selection is bleeding all the way to the left and right of the window (see attached image).

     

    How can I prevent this from happening?

     

    Thanks for reading!

     

    Thomas

    post-178046-0-46884500-1415284322_thumb.png

  2. Thanks for the answers (and sorry for the late reply...).

     

    I forgot to say that I had a css file and I had tried different margin a padding properties with the tables as well as border-spacing without any success.

     

    However I might have skipped the "border-collapse" one because indeed I got those spaces finally gone after a new attempt. Thank you Ingolme for the tip. ;)

  3. Sorry for the late reply, althought I clicked on "Follow this topic" I never got any notification of your reply neither by mail nor on the site's dashboard... Need to figure out how this works....

     

    Anyway, a big thank you for this idea, I never though of that and this indeed work well!

     

    I might need to figure out a more elegant way to arrange my layout in the future but that sure will do it for the moment.

     

    Thanks again for your reply!

     

    Thomas

  4. Hello,

     

    I made a table like this :

    <table id="floatMenuTable">    <tr>        <td><a href="constitutionLaw.html"><img src="Data/Main/Section1.png"></a></td>        <td></td>    </tr>    <tr>        <td></td>        <td><a href="constitutionLaw.html"><img src="Data/Main/Section2.png"></a></td>    </tr>    <tr>        <td><a href="constitutionLaw.html"><img src="Data/Main/Section3.png"></a></td>        <td></td>    </tr>    <tr>        <td></td>        <td><a href="constitutionLaw.html"><img src="Data/Main/Section4.png"></a></td>    </tr>    <tr>        <td><a href="constitutionLaw.html"><img src="Data/Main/Section5.png"></a></td>        <td></td>    </tr>    <tr>        <td></td>        <td><a href="constitutionLaw.html"><img src="Data/Main/Section6.png"></a></td>    </tr>    </table>

    But when I render it on a browser, I get what's in the image attached (the cells have automatically been outlined by the software Brackets).

     

    Do you notice the spaces between the cells? Why are they here?

     

    I made sure no CSS property make them appear, so why are they still here? Am I missing something?

     

    Thanks for your help!

     

    Thomas

    post-178046-0-63252000-1414596819_thumb.png

  5. Hi there.

     

    I am building a website that has its body centered in the page and it's width is exactly 768 px.

     

    I want right on it's left (and touching it) a menu that will always stay on screen while scrolling down.

     

    Here's how I thought to do:

     

    The body's css (in fact in my code a <div> with id="canvas"):

    #canvas {   float : auto ;            margin-left: auto ;             margin-right: auto ;             top : 100% ;            bottom : 100% ;            width : 768px ;             }

    And my menu <div id="floatMenu">:

    #floatMenu {    position : fixed ;               width : 64px ;}

    Now, in order to keep this menu always exactly on the left of the "canvas", I came up with a simple formula which is: 50% - (768 / 2)px - (64)px (see image attached)

    * 50% is the center of the browser's window

    * (768/2) is half of the canvas' width

    * 64 is the width of the floatMenu itself

     

    My question is: would it be possible to code this formula in CSS? And if not, I'm open to any suggestions to position my menu the way I want it.

     

    Thanks in advance for reading!

     

    Thomas

    post-178046-0-92279000-1414584616_thumb.png

  6. Hello World!

     

    Thomas, from France, just starting to learn HTML/CSS/JS. I will surely come up with loads of questions that I hope will be relevant.

     

    Happy to join the w3 community anyway.

     

    Maybe talk to you around!

×
×
  • Create New...