vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   Style and Graphics Requests (Unpaid) (https://vborg.vbsupport.ru/forumdisplay.php?f=226)
-   -   div alignment (https://vborg.vbsupport.ru/showthread.php?t=256616)

marcopolo 01-06-2011 06:54 AM

div alignment
 
Strange image position problem.

When this page is first loaded, the images seems to be out of position compared to the 'click here' part until you select the article.

http://www.os-db.net/content.php?392-testing-area

and the code for the article, which I'm sure could do with amending!!

<div style="float: left;"TITLE="Your text description">https://vborg.vbsupport.ru/external/2011/01/48.jpg</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>

<div style="float: left;" TITLE="Your text description">https://vborg.vbsupport.ru/</div><div style="float:left;">https://vborg.vbsupport.ru/</div>

Maybe I'm not using the div tag to display it correctly

BirdOPrey5 01-06-2011 12:46 PM

You really need to put code between [CODE] and [/CODE] or [HTML] and [/HTML] BB Codes... I can't make heads or tails of what you posted above... I see some broken tags like
Code:

style="float:left;">
But I don't know if they're really broken or if the image is breaking them.

marcopolo 01-07-2011 06:25 AM

Sorry, not the best example. Thing is, I'm putting lots of div and /div to force the next images under the top image, is there a simpler way?

TheLastSuperman 01-07-2011 11:27 AM

Quote:

Originally Posted by marcopolo (Post 2145326)
Sorry, not the best example. Thing is, I'm putting lots of div and /div to force the next images under the top image, is there a simpler way?

Tons of ways actually just depends on how you want to go about it...

first off remove about 9000 of those <div>'s (kidding :p) then let's show you how to do it in a better fashion ;).

Code:

<div style="margin-top:10px;margin-bottom:10px;"> Img code here etc </div>
Change the value of 10 to the number of pixels you want the "invisible space" to be ;).

OR

Code:

<div style="margin-bottom:20px;"> Img code here etc </div>
OR

Code:

<div style="padding:10px;"> Img code here etc </div>
OR

You can simply add in some <br />'s to accomplish the same thing but it's better to use some defining attributes so it's a near perfect match in all browsers :D but here's a example:

Code:

<div style="margin-top:10px;margin-bottom:10px;"> Img code here etc plus these breaks after the code and before the ending div  <br /><br /></div>
Now, there's other ways some might come in here and post an alternative or not, some might have their own little tricks to do something in a clever way etc the best bet for you imo, is to learn some simple CSS then you'll be able to manipulate the appearance of your articles and your site overall ;).

http://www.w3schools.com/css/default.asp

marcopolo 01-08-2011 06:56 AM

Thanks very much for the help, it was the br that I was trying to recall.

Incidentally, why do the images show out of alignment in the section showing the article, but click on the article and the images are fine http://www.os-db.net/content.php?391-test-area


All times are GMT. The time now is 07:08 PM.

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.01052 seconds
  • Memory Usage 1,724KB
  • 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
  • (5)bbcode_code_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)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