Sinisterly
HTML/CSS help thread - Printable Version

+- Sinisterly (https://sinister.ly)
+-- Forum: Design (https://sinister.ly/Forum-Design)
+--- Forum: Web Design (https://sinister.ly/Forum-Web-Design)
+--- Thread: HTML/CSS help thread (/Thread-HTML-CSS-help-thread)

Pages: 1 2 3 4

RE: HTML/CSS help thread - Typo - 09-20-2015

Hello again.

So I managed to vertically align center text on right side of pic, like picture caption. Here is what I mean: http://prntscr.com/8idvsx (don't mind about that thumb)
However as you can see problem is that if text is too long it jumps to below the picture. Can someone help me fix that? Thanks :-)

Code:
<div> <img src="http://i.imgur.com/nV8MeeE.jpg" height="200" style="vertical-align: middle;" width="157" /> <span style="font-family: &quot;Courier New&quot;,Courier,monospace;"><span style="font-size: large;">"Some people will always need help. That doesn't mean they're not worth<br />helping." </span></span></div>


RE: HTML/CSS help thread - Blackout_mybb_import19102 - 09-21-2015

(hug) I dont need help but i can help others  (hug)

RE: HTML/CSS help thread - Captin_Lulzboat - 09-21-2015

(09-20-2015, 11:20 AM)Illuminati Wrote: Hello again.

So I managed to vertically align center text on right side of pic, like picture caption. Here is what I mean: http://prntscr.com/8idvsx (don't mind about that thumb)
However as you can see problem is that if text is too long it jumps to below the picture. Can someone help me fix that? Thanks :-)

Code:
<div> <img src="http://i.imgur.com/nV8MeeE.jpg" height="200" style="vertical-align: middle;" width="157" />  <span style="font-family: &quot;Courier New&quot;,Courier,monospace;"><span style="font-size: large;">"Some people will always need help. That doesn't mean they're not worth<br />helping." </span></span></div>
couldnt you do something like this

HTML
<li id="CN2787">
  <img class="fav_star" src="http://i.imgur.com/nV8MeeE.jpg">
  <p>
     <span>"Some people will always need help. That doesn't mean they're not worth<br />helping."</span>
  </p>
</li>

CSS
li p{width: 100px; margin-left: 157px}
.fav_star {width: 100px;float:left}

RE: HTML/CSS help thread - Kotomi - 09-21-2015

(09-21-2015, 01:08 PM)Captin_Lulzboat Wrote: couldnt you do something like this

HTML
<li id="CN2787">
  <img class="fav_star" src="http://i.imgur.com/nV8MeeE.jpg">
  <p>
     <span>"Some people will always need help. That doesn't mean they're not worth<br />helping."</span>
  </p>
</li>

CSS
li p{width: 100px; margin-left: 157px}
.fav_star {width: 100px;float:left}

Bad practice to use caps in ID or class.

RE: HTML/CSS help thread - Typo - 09-23-2015

(09-21-2015, 01:08 PM)Captin_Lulzboat Wrote: couldnt you do something like this

HTML
<li id="CN2787">
  <img class="fav_star" src="http://i.imgur.com/nV8MeeE.jpg">
  <p>
     <span>"Some people will always need help. That doesn't mean they're not worth<br />helping."</span>
  </p>
</li>

CSS
li p{width: 100px; margin-left: 157px}
.fav_star {width: 100px;float:left}

Tried, now it looks like this
[Image: nqRUDPW.png]