vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   CSS Advice (https://vborg.vbsupport.ru/showthread.php?t=299808)

Reece^B 07-04-2013 06:22 PM
CSS Advice
 
Hi Guys

Basically my current forum looks like this.

I'm upgrading to vB4 and after the same layout but using CSS.

However, im having problems with getting it to look right. Heres how it currently looks.

& heres the code.
Code:
#cat51 .forumhead + .childforum .L2:first-child .forumrow, #cat51 .forumhead + .L2 .forumrow {
    border-top: 0 none;
    height:100px;
}
#cat51 .forumrow .table {
    height: 100px;
}
#cat51 ol.childforum {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#cat51 .childforum li.forumbit_post {
    clear: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}
#cat51 #forums .L1 .L2 {
    clear: none;
}
#cat51 .forumbit_post .forumrow .forumlastpost {
    clear: both;
    width: 95%;
}
#cat51 .forumbit_post .forumlastpost .lastpostby {
    display: block;
    float: left;
}
#cat51 .forumbit_post .forumlastpost .lastpostdate {
    display: block;
    float: right;
}
#cat51 .forumbit_post .forumlastpost .lastposttitle {
    display: block;
    float: left;
}
#cat51 .forumbit_post .foruminfo {
    clear: right;
    float: left;
    min-width: 50%;
    width: 70%;
}
#cat51 .forumbit_post .forumstats, #cat51 .forumbit_post .forumstats_2 {
    width: 20%;
height:100px;
}
#cat51 .forumbit_post .forumlastpost .lastposttitle {
    display: block;
    float: left;
}
#cat51 .forumbit_post .foruminfo {
    clear: right;
    float: left;
    min-width: 50%;
    width: 70%;
}
#cat51 .forumbit_post .forumstats, #cat51 .forumbit_post .forumstats_2 {
    width: 20%;
    height:100px;
}
#cat51 .forumthreadpost {display: none;}
#cat51 .forumlastpost {display: none;}
#cat51 .forumactionlinks {display: none;}
#cat51 .forumbit_post .foruminfo .forumdata .datacontainer {
    padding-left: 140px;
    width: 80%;
}
Any help appreciated.

snakes1100 07-04-2013 06:26 PM
What is the issue on the test site that your asking about?

fxdigi-cash 07-04-2013 07:34 PM
I believe you messed up the doc width... You need to adjust it from style manager/yourstyle/style variables then look for doc width...

if you adjust that one, at least your main page will be centered in the screen not going out right or left...

also, you need to balance the left margin so basically you need to specifiy the following in the style manager/ style variables

1-max width, often it is 1280px or bigger a little...
2- width, often it is auto
3- min width, often 990px

try these first and see how things go with you...

yes, there is an issue with you top boxes not being aligned and that is because of percent adjustment...

Update: it turns out your doc margin is not set... you need to do it. also, I noticed that your other style Red one is working fine,,, if you want to use the blue one images, you can just exchange them and you will have the blue images on top of the red one...

Reece^B 07-09-2013 01:39 PM
Hi

Thanks for the replies.

The issue comes about when I remove the CSS hiding 'lastpostby' then then throws the box out.

Basically I made them changes you mentioned, to no avil. The red has done the same as the blue. Maybe there is another remedy?

Reece^B 07-13-2013 04:58 PM
Bump*

Lynne 07-13-2013 06:03 PM
I can't view your first link, so I have no idea what you want it to look like. You do seem to be missing a left-margin (unless that is intentional?). It would help to have an image of what you want it to look like.

Reece^B 07-19-2013 07:01 PM
1 Attachment(s)
The 1st link is working, the effect I want is attached.

Lynne 07-20-2013 02:28 AM
They look very much the same, but you're not going to get it to look the same on your site since it is so much narrower than in the image.


All times are GMT. The time now is 01:19 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.00965 seconds
  • Memory Usage 1,726KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (8)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete