Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 years ago.
Improve this question
I have this problem (I think it's quite simple, however, I cannot solve it):
I normally never work with tables (except this one time). I usually code with divs, but I have to use tables this time for an email design ( O normally also don't use the <font> tags etc :P)
Please take a look at the two links below:
http://www.flo-net.org/test1.html page 1
http://www.flo-net.org/test2.html page 2
The difference between the two pages is, that when you add text to the upper row, the bottom left <td> resizes with the text. But I don't want that! That <td> should stay put at 20px like page 2.
Can anyone help me? Sorry if I did not explain it too well.
If the top row is all one piece of the design, set <td colspan="4">, assuming you have 4 columns.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Just wondering... I am using a long css file. About 1100 lines for a SAAS-application build in mostly tables (nested very deep). I can't change the HTML. The website has various styles. There is one basic stylesheet with the main style. For somne of the users there is an overruling style sheet. This contains only the changes on the main style.
With this in mind, should i go for
.class_x{background-color:#123456;}
.class_y{background-color:#123456;}
.class_z{background-color:#123456;}
.class_p{background-color:#123456;}
or this:
.class_x, .class_y, .class_z, .class_p{background-color:#123456;}
Is one of these faster? Better in any way?
Prefer to use second way (group).
Similar styles can be grouped together to reduce code lines, avoid repetition and help in the semantics of your CSS.
You can group items by their similar proprierties, like in this case:
.class_x, .class_y, .class_z, .class_p{font-color: white}
.class_x{background-color:#333;}
.class_y{background-color:#111;}
.class_z{background-color:#999;}
.class_p{background-color:#666;}
Of course, if you need to change just one of the classes, remove it from the group and create it separated, like:
.class_x, .class_y, .class_z{background-color:#123456;}
.class_p{background-color:#999999;}
Take a look in this page (tip #7 talks about it): http://www.queness.com/post/588/15-ways-to-optimize-css-and-reduce-css-file-size
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I want to create a html page (blog post style) with Responsive table with images on left and Text on right . I want a blue background. and text will have links to the post page. I want to have the css inside the html head.
Any ideas how I can achieve it?
I wanna create something like this
http://www.bucaillelegacy.com/light/blog.html
Just place the image at the beginning of the text, align it to the left and the text after it will wrap around the image, give it a slight margin-right to increase the space between image and text, resulting in:
<img src="image.png" align="left" style="margin-right:10px;">Text here.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I need to make an html table with two columns and three rows but should look like that.
I tried different ways with colspan and rowspan but can't make it seem like the way i want. I got frustrated and thats why I ask if someone can help me with that.
Million thanks for helping...
You shouldn't consider <table> element to do a web layout. By the way, this could be easily done with clean and valid html structure + css.
A working example here : http://jsfiddle.net/ALRpn/
Be sure to only use tables for tabular data.
Here's a rudimentary "table" with CSS.
FIDDLE
HTML
<div class='leftholder'>
<div class='leftupper'></div>
<div class='leftlower'></div>
</div>
<div class='rightholder'>
<div class='right1'></div>
<div class='right2'></div>
<div class='right3'></div>
</div>
I'm sure there are better ways to do it.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I'm not very expert in html, but i would like to know where it is possible to understand if an item is close to another element. For instance a div to another div or if a table is adjacent to an image or an another table.
With jQuery you can use closest to find this out. http://api.jquery.com/closest/
Add borders to the elements you want like so:
<p style="border: 1px solid black;">A paragraph</p>
Firefox has a neat trick to check elements.
Go to your page > Right click on it > Inspect element (a layout will appear at the bottom of the page). Top right of this layout in the gray area you have a 3d cube (it's the second item). Click on it and it will give you a 3d view of your page.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I have yet another alignment issue that needs to be solved. I'm no CSS expert, so I need the experts' help. I have tried playing around in Firebug but I couldn't figure it out.
Site where this issue is present: http://bit.ly/13KG6dz
(Using bit.ly because IP addresses are not allowed - don't worry its not a virus)
Note that I CAN change any CSS file being called in this page, but I CANNOT change the HTML code of the page itself, because the HTML code is server generated.
The issue is this:
Shown in red in the picture below:
Anyone know how to fix this ?
You should float it like the rest of fields in the group
#option-231{
float:left;
}
label is basically block element.
use any css display property for desired result.
like
.classNameOfLabel {
display: inline
}