I am working on a page in Drupal and there is text in a table that is being cut off. In order to make the text visible, I think I need to change the width of the table but I am not sure how to do that. Any help would be great.
https://www.mailman.columbia.edu
There are many suggestions to your question here. I don't have code to look at so hopefully I guide you in the right direction. I would definitely see if white-space: pre-wrap; fixes the responsiveness.
Related
I give up. Okay? I give up. I don't want to parade around with showing off code. I have spent three and a half months searching and experimenting CSS codes across the Internet. The only place left to check is the dark web. I don't care what your end game is here. I give up.
Please, just tell me how to get these lines to stop breaking, no matter what the case may be. If you can't, you don't know.
It would be lovely to see your code, but it seems what you want is CSS white-space
Specifically, white-space: nowrap
That should do what it appears you are asking for.
I can't seem to get the graphics on the top and the bottom of the navigation menu to have no gaps. Since the top and bottom images need to be stretched it can't be done as a background image. The 3 pieces need to be touching. I have tried using tables, setting margins and padding to 0px on everything, even tried using a css clear file and I still cannot get them touching.
jsFiddle... http://jsfiddle.net/PerryCS/JXVGM/1/
Am I trying to force the browser to do something it's not capable of doing? Where is the extra spacing coming from?
Please and thank you!
I don't mind trying things out. I have spent about 11 hours fiddling with this and I'm very frustrated at the lack of understanding on my part at why there is still a space. Ugh.
Needs to work on IE7 and above please. :)
Add display: block to .navribbon img: http://jsfiddle.net/thirtydot/JXVGM/2/
Here you can see what I'm trying to do: http://jsfiddle.net/smogg/QFa4J/2/embedded/result/
I was trying to achieve this look so hard, and right now this code may be really confusing. If you have some tips which may clarify that, please tell me. It is all made by trial and error.
Anyway, this looks good. The only problem is my text inside .article is not selectable. Borders inside .article:before cause this problem. How can I solve this? Or maybe I should take some different steps to achieve this look (right now, with my solution I have to define height of articles which is problematic).
#edit:
I forgot about this. I can't use z-index cause my #mainhas shadow on it (which is not included in jsFiddle to clarify code) and then shadow shows on top of border. If I use borders without :before then my #main gets wider, which is not what I want.
There are cleaner and easier ways to do this. Enjoy!
http://www.css3d.net/ribbon-generator/
http://www.pvmgarage.com/2010/01/how-to-create-depth-and-nice-3d-ribbons-only-using-css3/
http://www.webresourcesdepot.com/creating-nice-3d-ribbons-with-pure-css3/
Hi I have already read posts which suggest using style="vertical-align: middle;"
however this is not working for me. I am a beginner so I was hoping somebody could take a look. I've been playing around on jsfiddle with it and getting nowhere.
here is my jsfiddle.
It is a dynamic form so to get to the area I am having the issue you must select option 5 "True/false" on the drop down.
as for the html for it, it is located within the javascript in 'case 5'.
Also for some reason on the jsfiddle one label is out of line and I don't know why as it works fine on firefox and chrome :S
please enlighten me, thanks
I eliminated many of the float on labels and inputs, and set width: auto and it improved greatly.
That would affect all inputs though, and I think part of your problem is the large width of just the radio button inputs.
As a broader issue, I would probably have all those question types already in the page in hidden divs, and show the appropriate one when the question type is selected. That makes it easier to work with your CSS by showing them all during dev/debug of the styles then hiding them when you're done.
Not much of an answer, but it's all I've got without really digging into the fiddle a lot.
Try this and play with the margins to get the desirable output.
#stylized label.smaller input{
float:none;
width: 25px;
}
I am looking to wrap text around an image that will lie in the bottom left hand corner of a CSS table. The amount of text changes when I use it because I will be using it numerous times with different amounts of text in it. I am wondering if this is possible and if so, how I can accomplish this?
Ok I got really confused with your question, maybe this answer has nothing to do with your question, please tell me if so, but this is the closest I could think of a css table that adjusts the height when the "amount of text changes" I not sure where the image came in.
http://www.jsfiddle.net/5m5Eh/
Good luck! hope it helps!