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'm stumped as to what is causing this. I have duplicate sites but in one of them, I have a table that is causing my site to scroll left and right.
Using Web Developer Toolbar, I am able to outline the table which shows the table being pushed out. See Figure 1.
And here's the link...http://goo.gl/0r2if
Furthermore, I have tried everything in Firebug to see if I can force that table to be smaller without any joy.
I've also compared it to the other site which is just a replica of this one cannot seem to find a difference.
I've also searched to see if I can find something about odd 100% widths in tables and nothing I've tried has worked either.
No doubt it is going to be a simple mistake but I think I just need some fresh eyes on this please?
Thank you!
The continue shopping link has css value width: 1083px;
<a class="continue-shopping" href="/products/">Continue shopping</a>
#shoppingcartcontents a.continue-shopping {
color: #9F1B32;
display: block;
font: 15px 'another_typewriterregular',arial,helvetica,sans-serif;
padding-top: 10px;
width: 1083px;
}
It's inside the last row of the shopping cart table, so that's what's causing it. Remove the width and it's fixed.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
My Blogger Soho theme main page has two columns listing the posts complete with pictures. The gaps between the columns are too close. May I know if there is a css code to improve that?
Sorry if this question has been answered as I could not find one after searching and I am a newbie in css.
https://retireby50sg.blogspot.com
Thanks in advance for advice!
Actually your image width is going out of div so try to reduce the width of image. here is the css try this
.snippet-thumbnail img {
width: 95%;
}
If you don't post your code is so hard to give you a proper answer, but I could say you that you should open the CSS code about your theme and find the two columns tag or id or whatewer the theme uses, then you could use margin or padding property to make the gap between both bigger.
Use of margin and padding (Because you said you're a newbie hahahaha)
Margin: https://www.w3schools.com/css/css_margin.asp
Padding: https://www.w3schools.com/css/css_padding.asp
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I am working on my website development. While creating the portfolio page, I encountered the issue of the last column moving to next row.
I do have images larger than the parent container but I figured it out to display properly, however, after applying the margin the last column went to next row.
Please check the link below:
https://bootsnipp.com/user/snippets/o1e9d
I also wanted to add img-thumbnail class but it does not look proper and adding padding also didn't work as expected.
Please help.
Thank you.
You have added margin: 1px on bootstraps column class which breaks the last column.
Add another div inside gallery_product and apply border/margin to inner div.
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 9 years ago.
Improve this question
I am working on a (html/css) website to improve my skills but I am not sure if I am doing it the right way, because I have a lot of floats and sizes. I also need help with some css things:
What I have:
What I need:
The red dimensions in the image are the dimensions I've tried to give the objects and which I am not sure if it is the correct way of doing it.
The black words are the things I would like to change, but I am not sure how I can do it in a good way.
All my code:
index.html:
http://pastebin.com/PZZY7bFA
style.css:
http://pastebin.com/HyEdM6qF
reset.css:
http://pastebin.com/gxqWzFHN
I did not post the css code of the navigation menu because it is already working in a correct way.
I would be very happy if anyone can help me.
Regards,
Engin
Well, I don't have that much time right now. But I tell you this:
Your logo is an object wich is an inline element, same as (link) and normal text.
To vertical center inline elements use line-height: ?px; in your css. Set the ? to the height of your header
To vertical center other elements, such as block elements (f.e. div) you can define the parent as a table cell display: table-cell; and assign vertical-align: middle; to your block element. Of course this would also work for inline elements but the first method is easier here, since you don't have to declare the parent as a table-cell.
Anyway, if you really want to design websites you have to get to know all the princeples and behaviors. Check the urls that were just posted and keep learning A LOT!
I hope you can finish the navigation now:)
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
}
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.