[CSS - CLASSIC] Reposition your list and/or wallpaper quickly and easily

link9us said:
Ok so if you look at my list, which is one of the premade layouts that you have on here. You will notice that for starters, that the 2nd border down on the list doesn't line up with the top border. How Do i fix that?

Next, and this is quite obvious but my text does not line up correctly, i want each "title" to be on each individual text line like it shows in your examples above. Instead my text just word wraps around, making it look really messy and hard to read. So that i need help with and if you look at my text, everything is very cramped together, i need to space that out some how and fit accordingly on my page.

Also my entire list is alligned to the left as you can see, but its to far over, i want to move slightly over to the right so it does not look cramped. Also my "background" image, i want positioned in such a way that the girl is off to the right side so it looks more neat, and not in the center like it is now.

I used all of the basic tuts displayed in the BBcode to try and change things but this is my end result, just a few things i need to fix regarding that.

ClearSinz said:


from my knowledge
u have too much stuff for the pre-made template
goto http://myanimelist.net/editprofile.php?go=listpreferences and cut down on those columns

As seen in the sample img only
"-Anime title
-Score
-Episode"
columns were checked

moving the list right would mean changing a lot of the code i think, since from wut i see the values are exact - anchoring the images to specific points

link9us said:


Thanks ok i did that, now with another layout design that i am using, just to check various designs, it does not matter what sample layout i use but my text is still cramped together and not lining up with my sub title headings. This i need to fix before i go back to my custom layout.

link9us said:
Ok so if you look at my list, which is one of the premade layouts that you have on here. You will notice that for starters, that the 2nd border down on the list doesn't line up with the top border. How Do i fix that?

Next, and this is quite obvious but my text does not line up correctly, i want each "title" to be on each individual text line like it shows in your examples above. Instead my text just word wraps around, making it look really messy and hard to read. So that i need help with and if you look at my text, everything is very cramped together, i need to space that out some how and fit accordingly on my page.

Also my entire list is alligned to the left as you can see, but its to far over, i want to move slightly over to the right so it does not look cramped. Also my "background" image, i want positioned in such a way that the girl is off to the right side so it looks more neat, and not in the center like it is now.

ClearSinz said:


try unchecking type and tags just to see what happens...
the creators probably made the designs according to the things they had checked off, therefore u must do the same otherwise (if u want to include your own categories) that would mean changing some of the values in the code (such as the width)

Shishio-kun said:


Fix the cramped font issue by increasing your list width, then you get something like this:


I don't think there's list width notes in there since its not a beginners layout, but you can add this to the bottom and then increase or decrease the px amount as you please.


#list_surround{
width: 650px;}


Also you can try to lower the font size. The layout isn't really meant to have its font's customized, but you can use these to lower the font size and make them clearer:


.animetitle {
font-size: 14px;
}

body {
color: white;
font-size: 14px;}

Finally you can give your list some padding to make things less cramped too:

.td1, .td2 {
padding: 1px;
}

Don't make it one or two more pixels tho, unless you want everything very far apart.

I don't see what border you're talking about. Is this the same layout?

These aren't BBcodes they're CSS codes. This is the CSS tutorial list:
http://myanimelist.net/forum/?topicid=419405&show=0#post1

And on that list under level 2 tutorials, is the tutorial that covers list spacing and stuff:
http://myanimelist.net/forum/?topicid=393535

Shishio-kun said:
The code above the one you added from this topic is interfering with it. Delete the part in bold and blue from your own CSS.

/* PREVIEW MSG ABOVE COVERS
Remove content: "preview"; to remove the PREVIEW text.
Change the text in quotations after content to what you want it to say above your cover pic.
Top and width controls the position of the text.
*/
.hide:before {
background: transparent;
content: "Poster";
padding-bottom: 5px;
position: absolute;
text-align: center;
width: 225px;
top: -25px;
border-radius: 25px 25px 0 0;
}
Read more at http://myanimelist.net/forum/?topicid=563993#0wErfJXFt7x0l1uF.99

karurO2 said:
can you find what's wrong in these codes: (I really wanted to move the list on the left side, but nothing happens even though, I had already put the code

VoidLaneX said:
Hi! I wanted to move my list to the right, but when I added the code you have up there nothing happened, so I implemented it with this:
#list_surround {
margin: inherit !important;
}
As a result my list was moved to the left O.o Can you help me correcting it, please?

a[href=""], [href=""] {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://i43.tinypic.com/6gg481.png");
background-position: left top;
background-repeat: no-repeat;
color: gold;

a[href=""], [href=""] {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://i43.tinypic.com/6gg481.png");
background-position: left top;
background-repeat: no-repeat;
color: gold;}

#list_surround
{
margin: 0 auto;
width: 920px;
}

#list_surround
{
position: relative;
left: 100%;
margin-left: -920px;
width: 920px;
}

Hahaido said:
I'm not Shishio, is it OK? Do you want just to move a list to the right side? Find this:


Oh thank you very much, I will try it now :D
and change the code as shown here:

Doomcat55 said:
I put in the code to move the list upwards, but it moved to the left instead.

Doomcat55 said:
Thanks, it's working now.

I'm using the Futuristic pre-made style (Black Rock Shooter), and the header logo (that says My Anime List) moved offscreen when the list was raised. Can it be made to stay in place?

Lollii said:
Can someone help me to make my list transparent?

Thats my code: meow

.td1
{background-color: #e0dad4;}
.td2, .table_header
{background-color: #cfc6bf;}

.td1
{background-color: rgba(207, 198, 191, .5);}
.td2, .table_header
{background-color: rgba(224, 218, 212, .5);}