Jump to content

creativefelli

Members
 View Profile  See their activity

  • Posts

    7

  • Joined

  • Last visited

creativefelli's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. creativefelli
    I'm having trouble with placing my Livestream video and my CBox side by side on the same table row. I have the Livestream set to 70% and the CBox set to 29%, but the CBox keeps breaking below the Livestream video. I'm thinking it has something to do with the div's in the CBox code. I tried replacing them with <span> but it didn't do anything. I have been able to get the Chat portion of the CBox on the same TR as the Livestream, but the CBox Form is always underneath the video. Anyhow... I reset it all back to the way it was so I could avoid some confusion just in case I'm trying things that are totally wrong. If anyone could help me to get the CBox on the same row as the Livestream, it would be greatly appreciated. Here's the page with the issue: http://creativefelli...livestream.htmlAlso, please don't tell me to use the chat from Livestream. I switched to CBox because many people that watch my stream don't have a Livestream account and I wanted to make sure that they could talk with me despite that. Here's the HTML of that specific area in the code: <tr><!-- LIVESTREAM --><td valign="top" colspan="2"><iframe width="70%" height="419" src="http://cdn.livestream.com/embed/creativefelli?layout=4&color=0xe7e7e7&autoPlay=true&mute=false&iconColorOver=0x888888&iconColor=0x777777&allowchat=true&height=419&width=100%" style="border:0;outline:0" frameborder="0" scrolling="no"></iframe><!-- BEGIN CBOX - www.cbox.ws - v001 --><span><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="29%" height="287" src="http://www5.cbox.ws/box/?boxid=823766&amp;boxtag=9wd5t5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-823766" style="border: 0px solid;" id="cboxmain5-823766"></iframe></div><div><iframe frameborder="0" width="29%" height="132" src="http://www5.cbox.ws/box/?boxid=823766&amp;boxtag=9wd5t5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-823766" style="border: 0px solid;border-top:0px" id="cboxform5-823766"></iframe></div>Thanks!
  2. creativefelli
    Is percentages a good idea? Or are pixels a better idea?
  3. creativefelli
    Hey guys! I am so thankful to have this site available for my coding dilemmas. My website looks great on Safari and Chrome, and I believe firefox as well! Everything is in perfect working order... until I told my friend about my website today and she decided to use Internet Explorer to look at it. And WHOA... what the crap! My logo is HUGE. Why is that browser so wacky? Anyway, I figured it might be a problem with coding or something (there is bound to be something in my code that is not ticking well). I would really appreciate any helpful advice. The Site is still a work in progress. Thanks Website: http://creativefelli.com HTML: <!-- CSS & JAVASCRIPT LINKS + SITE TITLE WITHIN <head> tags! --><html><head><!-- SITE TITLE --><title>Creative Felli: Design and Artwork by Tiffany Harris</title><!-- METADATA --><meta name=“keywords” content=“graphic, design, art, artwork, illustration, photography, creative, felli, fellixe, fang, stripes, wolf, wolves, dog, fellixe46, fellirei”><!-- BASIC CSS --><link href="/files/css/basiclayout.css" rel="stylesheet" /><!-- TABBED TABLE --><link href="/files/css/tabdesign.css" rel="stylesheet" /><script src="/files/js/tabs.js"></script><!-- LIGHTBOX --><script src="/files/js/jquery-1.10.2.min.js"></script><script src="/files/js/lightbox-2.6.min.js"></script><link href="/files/css/lightbox.css" rel="stylesheet" /><!-- COLLAPSING TABLE --><script src="/files/js/collapsingtable.js"></script></head><body><!-- LOGO TABLE --><table id="logotable"><tr><td><a href="http://creativefelli.com"><img src="http://creativefelli.com/files/images/cf-logo-01.png" width="75%"></a></td></tr></table><!-- CONTACT & LINKS --><table id="contactlinks"><tr><td><a href="https://www.facebook.com/CreativeFelli"><img src="/files/images/icon-facebook.png" onmouseover="this.src='/files/images/icon-facebook2.png'"onmouseout="this.src='/files/images/icon-facebook.png'"/></a><a href="https://twitter.com/Fellixe46"><img src="/files/images/icon-twitter.png" onmouseover="this.src='/files/images/icon-twitter2.png'"onmouseout="this.src='/files/images/icon-twitter.png'"/></a><a href="http://creativefelli.deviantart.com"><img src="/files/images/icon-da.png" onmouseover="this.src='/files/images/icon-da2.png'"onmouseout="this.src='/files/images/icon-da.png'"/></a><a href="http://youtube.com/fellixe46"><img src="/files/images/icon-youtube.png" onmouseover="this.src='/files/images/icon-youtube2.png'"onmouseout="this.src='/files/images/icon-youtube.png'"/></a></td><td><h1 style="text-align:right;">Tiffany Harris</h1><h2 style="text-align:right;"><a href="mailto:tiffany.harris.a@gmail.com">tiffany.harris.a@gmail.com</a><br><a href="mailto:creativefelli@gmail.com">creativefelli@gmail.com</a></h2></td></tr><tr><td colspan="2"><!-- TABBED TABLE --><table width="100%" align="center"><tr id="pro_collapse" style="display:;"><td width="100%" align="center" class="windowbg" valign="top"><table width="100%" cellspacing="0" cellpadding="3"><tr id="pro_tabs"><td class="tabbgselected" onclick="DTT.toggleTab(this.id);" id="nav_art1">Featured</td><td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_art2">Graphic Design</td><td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_art3">Photography</td><td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_art4">Illustration</td><td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_art5">Motion</td></tr><tr><td colspan="5"><div id="pro_art1"><br><div align="center"><a href="/files/images/graphic/wolftypography.jpg" data-lightbox="Featured" title="Concerning Wolves and Humanity"><img src="/files/images/graphic/thumb-wolftypography.jpg" border="1" width="24%"></a><a href="/files/images/graphic/twelvetrue.jpg" data-lightbox="Featured" title="Twelve True Foxes"><img src="/files/images/graphic/thumb-twelvetrue.jpg" border="1" width="24%"></a><a href="/files/images/graphic/pureormixed.jpg" data-lightbox="Featured" title="Mixed Breeds & Purebreds"><img src="/files/images/graphic/thumb-pureormixed.jpg" border="1" width="24%"></a><a href="/files/images/graphic/alteredxroad.jpg" data-lightbox="Featured" title="Altered Xroad"><img src="/files/images/graphic/thumb-alteredxroad.jpg" border="1" width="24%"></a><a href="/files/images/graphic/rejected1.jpg" data-lightbox="Featured" title="Beautiful Rejected Design"><img src="/files/images/graphic/thumb-rejected1.jpg" border="1" width="24%"></a><a href="/files/images/photo/jamison1.jpg" data-lightbox="Featured" title="Jamison in Purple"><img src="/files/images/photo/thumb-jamison1.jpg" border="1" width="24%"></a><a href="/files/images/photo/jared1.jpg" data-lightbox="Featured" title="Jared in Red and Green"><img src="/files/images/photo/thumb-jared1.jpg" border="1" width="24%"></a><a href="/files/images/photo/missy1.jpg" data-lightbox="Featured" title="Missy in Magenta"><img src="/files/images/photo/thumb-missy1.jpg" border="1" width="24%"></a><a href="/files/images/illustration/affinity.jpg" data-lightbox="Featured" title="Affinity"><img src="/files/images/illustration/thumb-affinity.jpg" border="1" width="24%"></a><a href="/files/images/illustration/shallnot.jpg" data-lightbox="Featured" title="Shall Not Be Moved"><img src="/files/images/illustration/thumb-shallnot.jpg" border="1" width="24%"></a><a href="/files/images/illustration/fragments.jpg" data-lightbox="Featured" title="Fragments"><img src="/files/images/illustration/thumb-fragments.jpg" border="1" width="24%"></a><a href="/files/images/illustration/breakofdawn.jpg" data-lightbox="Featured" title="The Break of Dawn"><img src="/files/images/illustration/thumb-breakofdawn.jpg" border="1" width="24%"></a></div></div><div id="pro_art2" style="display: none;"><br><div align="center"><a href="/files/images/graphic/wolftypography.jpg" data-lightbox="Graphic Design" title="Concerning Wolves and Humanity"><img src="/files/images/graphic/thumb-wolftypography.jpg" border="1" width="24%"></a><a href="/files/images/graphic/twelvetrue.jpg" data-lightbox="Graphic Design" title="Twelve True Foxes"><img src="/files/images/graphic/thumb-twelvetrue.jpg" border="1" width="24%"></a><a href="/files/images/graphic/pureormixed.jpg" data-lightbox="Graphic Design" title="Purebred or Mixed Breed"><img src="/files/images/graphic/thumb-pureormixed.jpg" border="1" width="24%"></a><a href="/files/images/graphic/alteredxroad.jpg" data-lightbox="Graphic Design" title="Altered Xroad"><img src="/files/images/graphic/thumb-alteredxroad.jpg" border="1" width="24%"></a><a href="/files/images/graphic/rejected1.jpg" data-lightbox="Graphic Design" title="Beautiful Rejected Design"><img src="/files/images/graphic/thumb-rejected1.jpg" border="1" width="24%"></a><a href="/files/images/graphic/2013.jpg" data-lightbox="Graphic Design" title="2013: The Year Everything Changes"><img src="/files/images/graphic/thumb-2013.jpg" border="1" width="24%"></a><a href="/files/images/graphic/noctaven.jpg" data-lightbox="Graphic Design" title="Noctaven"><img src="/files/images/graphic/thumb-noctaven.jpg" border="1" width="24%"></a><a href="/files/images/graphic/oceanwide.jpg" data-lightbox="Graphic Design" title="Love is an Ocean Wide"><img src="/files/images/graphic/thumb-oceanwide.jpg" border="1" width="24%"></a></div></div><div id="pro_art3" style="display: none;"><br><div align="center"><a href="/files/images/photo/jamison1.jpg" data-lightbox="Photography" title="Jamison in Purple"><img src="/files/images/photo/thumb-jamison1.jpg" border="1" width="24%"></a><a href="/files/images/photo/jared1.jpg" data-lightbox="Photography" title="Jared in Red and Green"><img src="/files/images/photo/thumb-jared1.jpg" border="1" width="24%"></a><a href="/files/images/photo/missy1.jpg" data-lightbox="Photography" title="Missy in Magenta"><img src="/files/images/photo/thumb-missy1.jpg" border="1" width="24%"></a><a href="/files/images/photo/guitar1.jpg" data-lightbox="Photography" title="Jamison Playing Guitar in the Barn"><img src="/files/images/photo/thumb-guitar1.jpg" border="1" width="24%"></a><a href="/files/images/photo/lain1.jpg" data-lightbox="Photography" title="Lain"><img src="/files/images/photo/thumb-lain1.jpg" border="1" width="24%"></a><a href="/files/images/photo/faithhilltrue.jpg" data-lightbox="Photography" title="Faith Hill True"><img src="/files/images/photo/thumb-faithhilltrue.jpg" border="1" width="24%"></a><a href="/files/images/photo/foreverred.jpg" data-lightbox="Photography" title="Forever Red"><img src="/files/images/photo/thumb-foreverred.jpg" border="1" width="24%"></a><a href="/files/images/photo/grater.jpg" data-lightbox="Photography" title="Cheese Grater"><img src="/files/images/photo/thumb-grater.jpg" border="1" width="24%"></a><a href="/files/images/photo/paris.jpg" data-lightbox="Photography" title="Paris"><img src="/files/images/photo/thumb-paris.jpg" border="1" width="24%"></a></div></div><div id="pro_art4" style="display: none;"><br><div align="center"><a href="/files/images/illustration/bermuda.jpg" data-lightbox="Illustration" title="Bermuda's Sunset"><img src="/files/images/illustration/thumb-bermuda.jpg" border="1" width="24%"></a><a href="/files/images/illustration/affinity.jpg" data-lightbox="Illustration" title="Affinity"><img src="/files/images/illustration/thumb-affinity.jpg" border="1" width="24%"></a><a href="/files/images/illustration/saber.jpg" data-lightbox="Illustration" title="Angry Saber"><img src="/files/images/illustration/thumb-saber.jpg" border="1" width="24%"></a><a href="/files/images/illustration/shallnot.jpg" data-lightbox="Illustration" title="Shall Not Be Moved"><img src="/files/images/illustration/thumb-shallnot.jpg" border="1" width="24%"></a><a href="/files/images/illustration/sunsetbirds.jpg" data-lightbox="Illustration" title="Sunset Birds"><img src="/files/images/illustration/thumb-sunsetbirds.jpg" border="1" width="24%"></a><a href="/files/images/illustration/fragments.jpg" data-lightbox="Illustration" title="Fragments"><img src="/files/images/illustration/thumb-fragments.jpg" border="1" width="24%"></a><a href="/files/images/illustration/breakofdawn.jpg" data-lightbox="Illustration" title="The Break of Dawn"><img src="/files/images/illustration/thumb-breakofdawn.jpg" border="1" width="24%"></a><a href="/files/images/illustration/gaige.jpg" data-lightbox="Illustration" title="Bare My Teeth"><img src="/files/images/illustration/thumb-gaige.jpg" border="1" width="24%"></a><a href="/files/images/illustration/beautiful.jpg" data-lightbox="Illustration" title="Beautiful"><img src="/files/images/illustration/thumb-beautiful.jpg" border="1" width="24%"></a><a href="/files/images/illustration/beyond.jpg" data-lightbox="Illustration" title="Beyond the Sun"><img src="/files/images/illustration/thumb-beyond.jpg" border="1" width="24%"></a></div></div><div id="pro_art5" style="display: none;"><br><div align="center">Coming Soon.</div></div></td></tr></table></td></tr></table></td></tr></table></body></html> CSS: /*BACKGROUND, FONT, COLOR, ALIGN, TABLE*/body {background-image:url('/files/images/BG.jpg');background-repeat:repeat-y, x;font-family:"ubuntu";color:#636466;font-size:14px;width:100%; height:100%;margin-top:0px;margin-left:0px;margin-bottom:0px;}h1 {color:#636466;font-size:20px;}h2 {color:#636466;font-size:18px;}p {color:#636466;font-size:15px;}a:link {text-decoration:none; color:#636466;}a:visited {text-decoration:none; color:#636466;}a:hover {text-decoration:underline; color:#636466;}a:active {text-decoration:underline; color:#636466;}#contactlinks {top:50;border:0;position:absolute;float:left;left:30%;width:60%;padding:0px; z-index:1;}#logotable {background-image:url("/files/images/Side-Grunge.jpg");background-repeat:repeat-x,y;background-color:black;background-position:center; float:left;height:100%;width:28%;border-right-style:solid;border-width:5px;border-color:#0094a8;position:absolute;z-index:2;text-align:center;} The lightbox image viewer CSS is in a separate doc, as well as the tabbed table CSS. If you need to see any javascript, please let me know. I am still learning things
  4. creativefelli
    I'm not sure how to do that... :/
  5. creativefelli
    Alright! So I fixed a big hunk of the problem, but now there's another problem.... I finally got my tabbed tables to work, and I love them. Though it has issues. I would like the table to be fixed so the when you click on it, the tabs stay in the same place, but for some reason they want to vertically align to the middle of the page (hence, they move around, and it's annoying as crap). I've looked everywhere and I can't seem to find anything regarding vertical alignment, and I've also tried vertically aligning the table to the top, but it won't work. I also feel like there's an unnecessary amount of space in the top table. If you highlight the page, you get something that looks like a table on top of the tabs AND below them... I'm utterly confused Can someone help me out?
  6. creativefelli
    Also, my site URL is http://creativefelli.com
  7. creativefelli
    Hi there, I have started coding my own website and I am by no means a professional at coding. The left table (with my logo inside) will not stretch to the height of the web browser. There's still a little 1 or 2px gap between the top and the bottom (there is not a gap on the left-hand side because I used CSS left-2px attribute). I was wondering if anyone can help me with the coding by any chance. My HTML: <!-- CSS & JAVASCRIPT LINKS --><link rel="stylesheet" type="text/css" href="/files/css/basiclayout.css"/><body><!-- SITE TITLE --><html><head><title>Creative Felli: Design and Artwork by Tiffany Harris</title></head></html><!-- MAIN TABLE --><table id="maintable" border="0"><tr><td class="sidetable" width="30%" height="100%"><img src="http://creativefelli.com/files/images/cf-logo-01.png" width="225px"></td><td valign="top" width="70%" height="100%"><h1 style="text-align:right;">Tiffany Harris</br>tiffany.harris.a@gmail.com</br>creativefelli@gmail.com</br></br></h1><center><!-- TABLE WITHIN MAIN TABLE --><table id="tableintable" border="0"><tr><td><img src="/files/images/blankimage.jpg"></td><td><img src="/files/images/blankimage.jpg"></td><td><img src="/files/images/blankimage.jpg"></td></tr><tr><td><img src="/files/images/blankimage.jpg"></td><td><img src="/files/images/blankimage.jpg"></td><td><img src="/files/images/blankimage.jpg"></td></tr><tr><td><img src="/files/images/blankimage.jpg"></td><td><img src="/files/images/blankimage.jpg"></td><td><img src="/files/images/blankimage.jpg"></td></tr></table></center></td></tr></table></body> My CSS: /*BACKGROUND, FONT, COLOR, ALIGN, TABLE*/body {background-image:url('/files/images/BG.jpg');background-repeat:repeat-y, x;font-family:"ubuntu";color:636466;font-size:15px;width:100%; height:100%; position:relative; padding:0px; margin-top:0px;margin-left:0px;margin-bottom:0px;}h1 {color:#636466;font-size:20px;}#maintable {border:0;vertical-align: top;position:absolute;float:left;left:-3px;width:100%;height:100%;padding:0px; }#tableintable {border:0;vertical-align: center;}.sidetable {background-image:url("/files/images/Side-Grunge.jpg");background-repeat:repeat-x,y;background-color:black;background-position:center; height:100%;border-right-style:solid;border-width:5px;border-color:#0094a8;text-align: center;} Any comments would be much appreciated
×
×
  • Create New...