Hello,
I am trying to change the banner position to center and to change the overall look of the EQDKP page to something else then 100% (fixed width of 750).
I have searched on:
http://forums.eqdkp.com/index.php?act=Sear...=width&st=0
But none of the tips in all these threads worked for me.
Hopefully someone can help.
Regards
Full Version: Center the Banner & EQDKP Width
bump..
someone help me to make my overall width 755 pixels on all dkp pages and show me how to center everything please, thanks
someone help me to make my overall width 755 pixels on all dkp pages and show me how to center everything please, thanks
Are you trying to change the banner only or everything?
For the banner, http://forums.eqdkp.com/index.php?showtopic=669
For the table, you have to goto the page_header.html and alter the tag. If you want a fixed width change
to
btw, this is a really great program but the forums really suck. There are like 2 people that are interested in helping people here. I've posted stuff that never gets answered. Even by people that have created mods.
For the banner, http://forums.eqdkp.com/index.php?showtopic=669
For the table, you have to goto the page_header.html and alter the tag. If you want a fixed width change
CODE
<table width="100%" border="0" cellspacing="1" cellpadding="2" class="borderless">
to
CODE
<table width="755" border="0" cellspacing="1" cellpadding="2" class="borderless">
btw, this is a really great program but the forums really suck. There are like 2 people that are interested in helping people here. I've posted stuff that never gets answered. Even by people that have created mods.
QUOTE (mighunter @ Aug 16 2008, 04:18 AM) 
Are you trying to change the banner only or everything?
For the banner, http://forums.eqdkp.com/index.php?showtopic=669
For the table, you have to goto the page_header.html and alter the tag. If you want a fixed width change
to
btw, this is a really great program but the forums really suck. There are like 2 people that are interested in helping people here. I've posted stuff that never gets answered. Even by people that have created mods.
For the banner, http://forums.eqdkp.com/index.php?showtopic=669
For the table, you have to goto the page_header.html and alter the tag. If you want a fixed width change
CODE
<table width="100%" border="0" cellspacing="1" cellpadding="2" class="borderless">
to
CODE
<table width="755" border="0" cellspacing="1" cellpadding="2" class="borderless">
btw, this is a really great program but the forums really suck. There are like 2 people that are interested in helping people here. I've posted stuff that never gets answered. Even by people that have created mods.
I tried to alter the width in page_header.html but this just makes the head with the banner a fixed width and the part displayed below it (may it be listmembers or listraids or anything else) remains unchanged.
I tried to check the link you provided to place the entire page in the center, but was unable to find it..maybe im just thick :S
Bump...someone needs to know 
.
I made a pic to make it more clear how i would like it.
Center the entire page (banner, middle, footer) and have it all a fixed width such as here:
http://img209.imageshack.us/img209/5676/89301764ey9.jpg
Thanks.
.I made a pic to make it more clear how i would like it.
Center the entire page (banner, middle, footer) and have it all a fixed width such as here:
http://img209.imageshack.us/img209/5676/89301764ey9.jpg
Thanks.
Anyone?
Harisk this is exactly what I want to do :-X Doesn't seem like anyone is willing to help. I will look around, and if I figure out how to do it I will post here.
Sorry, I haven't been on in like 2 weeks. The 1st link I sent you shows how to put the banner in the center. Here is my site:
http://migcfdesign.com/beaconpoints/listmembers.php?s=
the code is from the page_header.html page in your default template.
As for the other tables, I'll have to play with it. I think in order to do that you need to do a little css with <div> tags.
Here is a decent site for the code you might need.
http://www.thenoodleincident.com/tutorials...sson/boxes.html
This is probably what you want. The problem is you have to put the stuff into the right divisions.
http://migcfdesign.com/beaconpoints/listmembers.php?s=
the code is from the page_header.html page in your default template.
CODE
<body{ONLOAD}>
<script type="text/javascript" src="http://common.allakhazam.com/shared/akztooltip.js"></script>
<!-- IF S_NORMAL_HEADER -->
<table width="100%" border="0" cellspacing="1" cellpadding="2" class="borderless">
<tr>
<td width="201" nowrap="nowrap">
<center><img src="{TEMPLATE_PATH}/images/{LOGO_PATH}" alt="Logo" /><br /></center>
</td>
</tr>
<tr>
<td width="100%">
<script type="text/javascript" src="http://common.allakhazam.com/shared/akztooltip.js"></script>
<!-- IF S_NORMAL_HEADER -->
<table width="100%" border="0" cellspacing="1" cellpadding="2" class="borderless">
<tr>
<td width="201" nowrap="nowrap">
<center><img src="{TEMPLATE_PATH}/images/{LOGO_PATH}" alt="Logo" /><br /></center>
</td>
</tr>
<tr>
<td width="100%">
As for the other tables, I'll have to play with it. I think in order to do that you need to do a little css with <div> tags.
Here is a decent site for the code you might need.
http://www.thenoodleincident.com/tutorials...sson/boxes.html
This is probably what you want. The problem is you have to put the stuff into the right divisions.
CODE
#top {
margin: 20px 20px 0px 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
height: 100px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
height: 70px;
}
html>body #top {
height: 70px; /* ie5win fudge ends */
}
#left {
position: absolute;
top: 120px;
left: 0px;
margin: 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
html>body #left {
width: 120px; /* ie5win fudge ends */
}
#middle {
margin: 20px 190px 20px 190px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
}
#right {
position: absolute;
top: 120px;
right: 0px; /* Opera5.02 will show a space
at right when there is no scroll bar */
margin: 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
html>body #right {
width: 120px; /* ie5win fudge ends */
}
margin: 20px 20px 0px 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
height: 100px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
height: 70px;
}
html>body #top {
height: 70px; /* ie5win fudge ends */
}
#left {
position: absolute;
top: 120px;
left: 0px;
margin: 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
html>body #left {
width: 120px; /* ie5win fudge ends */
}
#middle {
margin: 20px 190px 20px 190px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
}
#right {
position: absolute;
top: 120px;
right: 0px; /* Opera5.02 will show a space
at right when there is no scroll bar */
margin: 20px;
padding: 10px;
border: 5px solid #ccc;
background: #666;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 120px;
}
html>body #right {
width: 120px; /* ie5win fudge ends */
}
I'm actually desperately trying to get this done too ... did you guys ever have any luck?
Would love to know exactly what I need to change to get it to work. I managed to change the width of the standings table, but it was aligned to the left of the screen, and I couldn't figure out how to centralise it.
Any help would be great. Currently, the site looks like THIS
Something like THIS is what I am ultimately after.
Cheers, Ori
Would love to know exactly what I need to change to get it to work. I managed to change the width of the standings table, but it was aligned to the left of the screen, and I couldn't figure out how to centralise it.
Any help would be great. Currently, the site looks like THIS
Something like THIS is what I am ultimately after.
Cheers, Ori
Pleeeease ... can anyone help me with this?
This is the site so far - HERE
I've got the banner figured out, the itemstats, the class colours, the class images, the DKP leaderboards. So the last thing I want to do is to compress everything so that it's not spread over 100% of the screen width. I am looking to do exactly what Harisk indicates in his image in the 5th post of this thread. Once I can figure that out, I will be a happy man!
If you need to see my source code so that someone can tell me what to edit, just let me know which file you need, and I'll post the code up
Thanks muchly,
Cheers, Ori
This is the site so far - HERE
I've got the banner figured out, the itemstats, the class colours, the class images, the DKP leaderboards. So the last thing I want to do is to compress everything so that it's not spread over 100% of the screen width. I am looking to do exactly what Harisk indicates in his image in the 5th post of this thread. Once I can figure that out, I will be a happy man!
If you need to see my source code so that someone can tell me what to edit, just let me know which file you need, and I'll post the code up
Thanks muchly,
Cheers, Ori
I actually figured this out now .... in a fairly obvious and simple way.
Just opened up the listmember.html file in Dreamweaver (but any HTML editing program will work I guess) and just used the 'Display' view to adjust the tables to the size that I wanted them. I also did the same for the DKP Leaderboard.
End result is this - DKP Site
Cheers, Ori
Just opened up the listmember.html file in Dreamweaver (but any HTML editing program will work I guess) and just used the 'Display' view to adjust the tables to the size that I wanted them. I also did the same for the DKP Leaderboard.
End result is this - DKP Site
Cheers, Ori
2 things you can try.
1. run your page and the one posted that you want to emulate. Then right click the pages and do a view source. Look for the presentation stuff and see what is different. That means you have to be able to differentiate between the code and css.
2. goto the forums of the site you like and send them a PM. They might be able to help you.
1. run your page and the one posted that you want to emulate. Then right click the pages and do a view source. Look for the presentation stuff and see what is different. That means you have to be able to differentiate between the code and css.
2. goto the forums of the site you like and send them a PM. They might be able to help you.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.