Spiff75

Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Spiff75

    (@spiff75)

    I’m not sure I follow…

    the ul can’t have id as “nav” or…?

    Thread Starter Spiff75

    (@spiff75)

    Fiddle: https://jsfiddle.net/X5P8T/2/

    Thread Starter Spiff75

    (@spiff75)

    Thanks but I can already see the code from right click-view source or just dl:ing the page. Unless theres some deeper feature in firebug…?

    The code is:

    <div id="categories_widget">
Kategoriat
<select id="cat" class="postform" name="cat">
<option value="-1">Select Category</option>
<option class="level-0" value="6">Asetelma</option>
<option class="level-0" value="8">El?imet</option>
<option class="level-0" value="11">Ihmiset</option>
<option class="level-0" value="9">Kasvit</option>
<option class="level-0" value="7">Maisema</option>
<option class="level-0" value="4">Mustavalko</option>
<option class="level-0" value="10">Rakennukset</option>
<option class="level-0" value="5">V?rikuva</option>
</select>

    I just don’t know what to change and how. I’ve tried all kinds of variations and still trying…

    Also is it possible to change the “Select Category” default text?
    If not, I’ll probably have to cut this feature.

    Thread Starter Spiff75

    (@spiff75)

    I tried to make the resizer with javascript, but I can’t get it to work as I’m not really an expert on this. Any help?

    https://jsfiddle.net/DJngT/

    Thread Starter Spiff75

    (@spiff75)

    I got it working …kind of. I did a stripped down test page and it works:

    https://tomiphotography.com/wp-content/themes/Photomi/Test/post-2.html

    But when I use the same exact css in the main WP page the image ratio goes haywire and the image isn’t centered????:

    https://tomiphotography.com/?p=176

    ??

    Any idea what might be in WP that overrides some css?

    HTML:

    <body>

    <div id="wrapper">
      <div id="left_column">
      </div>

      <div id="right_column_post">

          <div id="post_container">

                <img src="https://tomiphotography.com/wp-content/uploads/2013/04/Ruka-viimeinen.jpg"/>

        </div>

      </div>

    </div>

    </body>

    CSS:

    html {
		height: 100%;
		padding:0;
		margin:0;
	}

	body {
		background-color: #000000;
		height: 100%;
		padding: 0;
		margin: 0;

		background: url(img/bg.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom left;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	#wrapper {
		float: left;
		height: 100%;
		width:100%;
		padding:0;
		margin:0;
	}

	#left_column {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index:100;
		width: 240px;
		height: 100%;
		overflow: hidden;
		background-color:#ff0000;

	}

	#right_column_post{
		height: 100%;
		width:auto;
		margin-left:240px;
		position: relative;
	}

	#post_container  {
	  position:fixed !important;
	  position:absolute;
	  margin:auto;
	  text-align:center;
	  top:8%;
	  right:80px;
	  bottom:10%;
	  left:320px;
	}
	#post_container img {
		max-width:100%;
		max-height:100%;
		padding:4px;
		background-color:#fff;
	}
Viewing 5 replies - 1 through 5 (of 5 total)