Jump to content

PauloAmado

Members
  • Posts

    4
  • Joined

  • Last visited

Everything posted by PauloAmado

  1. Can anyyone tell me if there is a way of stopping an element from being selected? Say a <span> inside a <td> in a table, if I want to make it not selectable by the user, what should I do?Many thanks.Paulo.
  2. Hi all! I am writing an interface for my Company's Web Application and one of the features is allowing the user to change some of the fields of a report. The thing is: I cannot make the whole content editable and only some authorized people will be able to change content. What we do now is: when the right person clicks a button, we copy the html, changing only the body tag contenteditable to true. We thought, at first, the following code (after pressing the button) would do: <html><head><style type="text/css"><!-- table {border-collapse:collapse;} td {width:20%;} table, td {border: 1px solid black;} th {background-color:#E0E0E0;} td, th {padding:2px;}--></style></head><body contenteditable="true"> <table cellspacing="0" cellpadding="0"> <tr> <th><span contenteditable="false">Field 1</th> <td></td> <th><span contenteditable="false">Field 2</span></th> <td></td> <th><span contenteditable="false">Field 3</span></th> <td></td> </tr> </table></body></html> If you run this code, you will see that the span contents cannot be edited but, once I cannot use contenteditable="false" inside the th tag (reason I used spans), the th still can be edited, and the span can be deleted completely, which I certainly don't want. My questions:1) Can I stop the th from being editable? How?2) Can I stop the spans from being selectable? How?3) Is there a way to do that in CSS? Which?I would very much appreciate any comments. Thanks a lot.Paulo.
  3. Thank you, aspnetguy, just the kind of solution I needed. Got it running perfectly already and I shall have no problem at all, since my client wants images with fixed sizes as backgrounds, so I just had to define a height to the body and hide the overflow as you observed. Thanks a lot.Cheers.Paulo.
  4. PauloAmado

    Design Problem

    I am planning a design that looks like this: _____________________________|____________ MENU ___________|| |____ SUBMENU __________|| L | || E | || F | CONTENT ||__T |________________________|My code looks like the following: <style type="text/css">body {text-align: center; }#container {width: 790px; height: 558px; text-align: justify; }#left { background:url(images/left.jpg) no-repeat; position:relative; width: 159px; height: 434px; }#menu { background-image: url(images/menu.jpg); height: 124px; width: 791px; position:relative; }#submenu { background: url(images/submenu.jpg) no-repeat; width: 632px; height: 92px; position:relative; top:-434px; left:159px; }#content { background: url(images/backcontent.gif) repeat-x; width: 632px; height: 342px; position:relative; top:-434px; left:159px; }</style><body><div id="container"> <div id="menu"></div> <div id="left"></div> <div id="submenu"></div> <div id="content"></div></div><body> I cannot see what's going wrong, but the thing is: every div is in its right position, only I have a ghost space the same height of submenu+content right below everything, which means all the times I've got an incovinient annoying buggering scrollbar showing. I'm sure somebody will know what I am doing wrong. Can you please be so kind and tell me what I'm missing, 'cos I feel like I've tried everything I could. Thank you very much.
×
×
  • Create New...