Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I have a nested list which I want to be aligned to the right side of the head. Here's an example of a regular list:
And here's an example of the list I'm trying to get:
Notice that the list items are aligned to the right of the head. I tried using the "em" unit on the nested list to move the entire thing left, but that didn't work because of the varying head lengths. IE one head was named "Head" while another was "Super Long Head" so the amount of shifting needed was different. I'm trying to avoid having to style each nested list individually.
So how would I align the nested list to the right of the head?
Try the following code it works fine.
<ul>
<label dir="rtl">Head</label>
<li>Jaw</li>
<li>Kaiwn</li>
</ul>
What you may need to do is this:
ul{margin:0; padding:0;}
Ul li{margin-left:-10px;}
or you could try:
ul{margin:0 0 0 20px; padding:0;}
ul li{margin:0;}
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I am not sure how to fix this and I know this question is kind of basic. A random object that is blocking my navigation bar is appearing on the browser side but not in the code, here:
image http://img571.imageshack.us/img571/9861/s4oa.png
But then in the code:
Please help me rectify this.
The issue on your page is that the following element seems to be created automatically and it is altering the spacing for you:
<a original-title=""></a>
If you can use a style sheet you should be able to adjust just the home link as follows:
<a class="home-link" href="/index.php">...</a>
And add the following style rule:
a.home-link {
margin-top: -18px;
}
This isn't particularly pretty or flexible so I would still strongly consider trying to determine where the element is injected and see if you can prevent it from happening. Good luck!
try moving the clearfix above <ul> tag as a separate div.
<div class="clearfix"></div>
<ul>
<!--- all list -->
</ul>
EDIT
Though i doubt it would affect, but still, your <a> tag is not closed in below line :
<a heref="cashcapacity.com"><center><img src="{$theme['logo']}"/></center><a>
and
<div class="navigation_menu">
<div> <!-- either this div is uselessly mentioned or you forgot to close this div -->
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I am working on my website and have drawn up how I wish to display my pricing info. putting it all into the table is easy enough, and i have found most of the initial questions. i have a border on the left, right and bottom of each tag, which line up with the top 3 nicely and similar to my drawing. the only question I have is to remove the cellspacing from only the top or bottom of each row. i tried using the collapse cell code which works great, except, then it eliminates the border-radius i wish to have. Ideas?
PICTURE
https://www.dropbox.com/sc/j2k1wh8ar5girwl/fcp52qP03n
CODE
https://www.dropbox.com/s/h3605tq9dhq5475/test.txt
USE THIS:
table, td, th {
border-collapse: collapse;
}
Sample AFTER: http://jsfiddle.net/theStudent/N2w3N/
Sample BEFORE: http://jsfiddle.net/theStudent/FJ69C/
Hows this one: http://jsfiddle.net/theStudent/N2w3N/1/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I feel like this is a very simple problem but I can't seem to wrap my head around it. What I have is a bunch of divs added to a container. Then I want those divs to freely position them self in any white space, but they must move from top to bottom, left to right. I also can not adjust the order of the divs. Here is an example of my problem http://jsfiddle.net/8GMGF/1/. I need the blue box to automatically move into the free space above it. Thanks for any input.
PS. I also tried flexboxes but they don't seem to be able to use free space either. Maybe I missed something.
The result you are looking for (with the subtle tweaks you want to make) might not be possible with pure html and css, you may wish to look into using a tiling plugin such as Masonary for jQuery:
http://masonry.desandro.com/index.html
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
I have a search results page and I'd like to wrap each result in a simple box to differentiate between each group but I can't find anything on how to do this. All I found was w3schools page on the box model and that seems to affect the whole page so it isn't really what I'm looking for.
You'd need to wrap them in what's called a div this is essentially saying to a browser looking at the website "This is a block of something, treat it like that". You can create a div like this
<div class="result">Content in here!</div>
You can then assign all your divs the CSS class result this lets your use CSS code like
.result {
border: 1px solid red;
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I'm having a real hard time trying to figure out how to fix this css issue. I'm trying to fix what's in the 3rd table content that is the compose new pm message form so that it doens't have any space between the form and the outer content just like it is on the template that says Form with Alternative Style in the form heading. I can't fix the content class rule because that completely messes up the rest of the page and you can see that if you go back to one of the other two tabs.
Template: http://www.kansasoutlawwrestling.com/peach/forms.html
My Page JSfiddle: http://jsfiddle.net/MtzqR/
The parent element has left and right padding and the child divs are using negative margins to compensate (not ideal but it works). Applying the same negative margins seems to work:
.box .content2.no-padding {
margin: 0 -11px; /* Apply -11px margins to left and right sides */
}
Try and set the following:
.box .content2,
ul.block-list {
margin: 0;
}