StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I'm also try to make a div css to fit that description :)) still with no avail. I suck at css styling, will get back on this one when i figured it out. my theory is that it should be a div within a div within the div if you get what i mean :))</p> <p>!!!!!!!! UPDATE I tried messing around the css and this is what i got (I'm using <strong><em>1.3.4v</em></strong> for simplicity's sake in my part) and for reference, these images and codes I used are found in the 1.3.4 demo packege from fancybox.net</p> <p>If I didn't explain my code well, it just means I'm still working on it so I just hope you get why it is vague, but the point is it's doable and you only need to work out the css file. I hope someone has a nicer looking code</p> <p>Output: <a href="http://img52.imageshack.us/img52/3034/fancytry.png" rel="nofollow noreferrer">MySampleTry http://img52.imageshack.us/img52/3034/fancytry.png</a></p> <p>1.<strong>I all of these from jquery.fancybox-1.3.4.css</strong> just change these 1 2 3 and mess around with example7 there in the demo</p> <pre><code> #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; padding-right:50%; /*this part extends the right side of the photo so it would look like thet're on the same page*/ } </code></pre> <p>2.This re-positions the original title to the upper right part of the image</p> <pre><code>.fancybox-title-inside { padding-bottom: 10px; text-align: left; color: #333; position: absolute; top:0; left:65%; border:1px solid black;/*for you to see how large the div is*/ height:100%; } </code></pre> <p>3.My new RED div where I will be</p> <pre><code>div.fancycontent{ /*saviour do word wrap here*/ border:1px solid black; padding:2px; color: #333; background: #FF0000; width:50%; height: 100px; } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload