PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
K

Plaatje wil niet transparant zijn terwijl hij dat wel is

Door Kees van Norde op 29-07-2014 14:59 gewijzigd op 29-07-2014 15:00
3.217 views
Hoi,

Ik krijg het maar niet voor elkaar om de prullenbak (zie screen) in transparant te krijgen, je ziet er nu een wit vlak omheen.
Zie hier een screenshot van de prullenbak:

Echter is het plaatje zelf wel gewoon transparant (zie LINK).

De code die gebruikt wordt is:
<input type='image' ".IMAGE_admin_delete." name='delete_{$post_info['thread_id']}' value='thread_action' onclick=\"return confirm_('{$type}', {$forum_id}, {$thread_id}, 
'{$post_info['user_name']}')\" />

Iemand enig idee wat ik fout doe?
Frank Nietbelangrijk
29-07-2014 15:09
Geen idee maar ik weet wel een 'work around'. Gewoon de afbeeling als image weergeven en met javascript een click event er op waarop het formulier verstuurd wordt
E
Erwin H
29-07-2014 15:10
Ten eerste is je plaatje NIET transparant, er staan witte pixels omheen. Ten tweede is je witte vlak op het screenshot veel groter dan het plaatje, dus dat zal denk ik in je css zitten, niet zozeer in het wel of niet transparant zijn van je plaatje.
E
E vH
29-07-2014 15:12
Ik sluit mij aan bij Erwin.
Lijkt mij een CSS issue en ook ik zie in het originele plaatje een rand met witte pixels....
K
Kees van Norde
29-07-2014 15:41
Ik bedoelde eigenlijk dat er niet zo'n dikke rand omheen hoort te zitten, dus alles eromheen transparant hoort te zijn.
Dat het een paar kleine witte pixels bevat zou kunnen, maar de link die ik gestuurd had is een heel stuk beter dan de screenshot die ik aangaf.

Ik zal iets meer code posten misschien hebben jullie er wat aan, het zou een css probleem kunnen zijn maar waarom doen de andere plaatjes het dan wel goed?
	$ret .= "
		<div>
		<a href='".e_PLUGIN."forum/forum_post.php?edit.{$post_info['thread_id']}.{$topic_from}'>".IMAGE_admin_edit."</a>
<input type='image' ".IMAGE_admin_delete." name='delete_{$post_info['thread_id']}' value='thread_action' onclick=\"return confirm_('{$type}', {$forum_id}, {$thread_id}, '{$post_info['user_name']}')\" />
		<input type='hidden' name='e-token' value='".e_TOKEN."' />
		";

Is de regel van:
<input type='image' ".IMAGE_admin_delete." name='delete_{$post_info['thread_id']}' value='thread_action' onclick=\"return confirm_('{$type}', {$forum_id}, {$thread_id}, '{$post_info['user_name']}')\" />
niet anders te maken (net zo'n idee als de andere plaatjes) zodat je die witte rand niet krijgt?


E
Erwin H
29-07-2014 15:43
Dit is allemaal niet relevant. Het gaat om de css.
K
Kees van Norde
29-07-2014 15:48 gewijzigd op 29-07-2014 15:49
Hmm nu kan ik de css wel posten maar ik vraag me af of dat niet teveel is (ik wil niet spammen).
Echter zou ik totaal niet weten waar ik moet kijken in de css.
Ik post hem daarom toch maar, mocht dat niet toegestaan zijn verwijder het dan maar weer en dan daarvoor mijn excuses.

Hoe kan ik er anders zelf achter komen?

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

audio[controls], canvas, video {
	display:inline-block;
	*display:inline;
	*zoom:1;
}

	
/*-  BASE STYLES
----------------------------------------------------------------------*/
html {
	height:100%;
	font-size:100%;
	overflow-y:scroll;
}

body {
	width:90%;
	max-width:1209px;
	margin:0 auto;
	padding:0 0.792864%;
	color:#222;
	min-height:100%;
	overflow:hidden;
	font-family:calibri, helvetica, arial, sans-serif;
	font-size:0.875em;
	_font-size:0.875em;
}

a {
	-moz-transition:color .3s linear;
	-o-transition:color .3s linear;
	-webkit-transition:color .3s linear;
	transition:color .3s linear;
	text-decoration:none;
}

a:visited {
	opacity:0.7;
}

a:hover {
	text-decoration:underline;
}

a:active,a:focus {
	position:relative;
	top:1px;
}

#footer a {
	color:#fff;
}

img, object, embed, video {
	max-width:100%;
	height:auto;
	_width:100%;
}

img {
	height:auto;
	font-style:italic;
	color:#c00;
	border: 0;
	-ms-interpolation-mode:bicubic; /* Improve IE's resizing of images: css-tricks.com/ie-fix-bicubic-scaling-for-images */
}

svg:not(:root) {
	overflow:hidden; /* Corrects overflow displayed oddly in IE9 */
}

img.left {
	margin:0 20px 0 0;
}

img.right {
	margin:0 0 0 20px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin:.8em 0;
}

.video-container iframe,.video-container object,.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*-  LISTS
----------------------------------------------------------------------*/
ul,ol {
	list-style-position:inside;
	padding:0;
}

li ul,li ol {
	margin:0 1.625em;
}

dl dd {
	margin-left:1.625em;
}

.menu ul li,#tabmenu ul li {
	padding:5px 0;
}

ul.socialIcons {
	float:left;
	margin:8px 1.585728%;
	padding:0;
}

ul.socialIcons li {
	display:inline;
	margin-right:.8em;
}

	
/*-  TYPE
----------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family: 'PT Sans', calibri, helvetica, sans-serif;
}

h1 {
	font-size:2em;
	margin-bottom:16px;
	line-height:1.5;
	color:#898989;
}

h2 {
	font-size:1.5em;
	margin-bottom:16px;
	line-height:1;
	color:#363636;
}

h3 {
	font-size:1.25em;
	margin-bottom:16px;
	line-height:1.2;
}

h4 {
	font-size:1.125em;
	margin-bottom:16px;
	line-height:1.333;
}

h5 {
	font-weight:bold;
}

h5,h6 {
	font-size:1em;
	margin-bottom:16px;
	line-height:1.5;
}

p {
	margin-bottom:1.5em;
}

p,.menucontent,.pagecontent,.postcontent {
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

small {
	font-size:0.875em;
	margin:0 0 2.6em;
}

.pagecontent h1,.pagecontent h2,.pagecontent h3,.pagecontent h4,.pagecontent h5,.pagecontent h6 {
	padding-top:1em;
}

	
/*-  MAIN
----------------------------------------------------------------------*/
#header {
	float:left;
	width:98.414272%;
	padding:10px 0.792864% 0 0.792864%;
}

#topbar {
	float:left;
	width:98.414272%;
	margin:8px 0.792864% 0 0.792864%;
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
}

#content,#content2 {
	float:left;
	width:100%;
	margin:0;
	padding:16px 0;
}

#footer {
	clear:both;
	float:left;
	width:98.414272%;
	margin:0 .792864% 16px;
	padding:16px 0;
	font-size:.929em;
	color:#fff;
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.lCol,.lCol2,.lCol3,.tCol,.mCol,.rCol,.rCol2,.bCol,.fCol1,.fCol2,.fCol3,.banner {
	float:left;
	margin:0 0.805639% 0;
}

.lCol {
	width:41.289023%;
}

.lCol2 {
	width:66.3715996%;
}

.lCol3 {
	width:98.388722%;
}

.mCol {
	width:23.6656596%;
}

.rCol,.rCol2 {
	float:right;
	width:30.2114804%;
}

.tCol,.bCol,.banner{
	clear:right;
	float:right;
	width:55.488419%;
}

.fCol1 {
	float:left;
	width:43.6%;
	margin:0 1.8188331% 0;
}
	
.fCol2 {
	float:left;
	width:22.7%;
	margin:0 1.8188331% 0;
}
	
.fCol3 {
	clear:left;
	display:block;
	width:96.3623338%;
	margin:16px 1.8188331% 0;
}


/*-  LOGO
----------------------------------------------------------------------*/
#title {
	float:left;
	margin:0;
	padding:0;
	height:0;
	text-indent:-9999px;
}

#logo {
	float:left;
	padding:0;
	margin-top:10px;
	max-width:50%;
}


/*-  NAVIGATION
----------------------------------------------------------------------*/
.nav {
	float:left;
	width:100%;
	margin-top:15px;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.nav ul {
	width:100%;
	margin:0;
}

.nav ul li {
	display:inline;
	margin:0;
}

.nav ul li a {
	display:inline-block;
	padding:10px 1.510574% 9px;
	margin:0;
	font-weight:700;
	color:#fff;
	text-decoration:none;
}

.nav ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

.nav ul li.current a {
	background:rgba(255,255,255,0.2);
}

.nav ul li.current a:hover {
	text-decoration:none;
}

ul.secondary li a {
	display:inline-block;
	padding:0;
	margin:10px 1.611279% 12px;
	font-size:.858em;
	font-weight:700;
	color:#fff;
	text-decoration:none;
}

ul.secondary li.current a {
	background:transparent;
	text-decoration:underline;
}

ul.fSitelinks {
	float:left;
	width:46.666666%;
	margin-right:3.333333%;
	margin-bottom:16px;
}


/*-  MENU STYLES
----------------------------------------------------------------------*/
.mCol .menu {
	padding:10px 4.255319%;
	margin-bottom:1em;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.mCol .menu h3,.bCol .menu h3 {
	font-size:1.143em;
	line-height:1.5em;
	margin-bottom:0.725em;
	text-shadow:0 1px 1px rgba(255,255,255,.8);
}

.tCol .menu,.rCol .menu,.lCol .menu,.lCol2 .menu,.lCol3 .menu {
	margin-bottom:1em;
}

.tCol .menu h3,.rCol .menu h3,.lCol .menu h3,.lCol2 .menu h3,.lCol3 .menu h3,.fCol1 .menu h3,.fCol2 .menu h3 {
	clear:both;
	display: block;
	font-size: 1.143em;
	line-height:2.1em;
	margin-bottom:0.425em;
	padding-left: 3.333333%;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.fCol1 .menu h3,.fCol2 .menu h3 {
	background-image:-ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0.1)), color-stop(0.5, rgba(0,0,0,0.1)), color-stop(0.5, rgba(255,255,255,0.1)), color-stop(1, rgba(255,255,255,0.1)));
	background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image:linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
}

.tCol .menu .menucontent,.rCol .menu .menucontent,.lCol .menu .menucontent,.lCol2 .menu .menucontent,.lCol3 .menu .menucontent {
	display:block;
	background:#fff;
	padding: 10px 3.333333%;
	margin-bottom:0.625em;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.bCol .menu {
	background:#fff;
	padding:10px 2%;
	margin-bottom:1em;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.fCol1 .menu .menucontent,.fCol2 .menu .menucontent {
	padding:10px 3.333333%;
}

.page {
	float:left;
	width:91.4%;
	background:#fff;
	padding:16px 4.255319%;
	margin-bottom:1em;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

h2.pagetitle {
	font-size:1.8em;
}

.pagecontent {
	padding:20px 0;
}

.rCol2 .menu {
	padding:10px 4.255319%;
	margin-bottom:1em;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.rCol2 .menu h3 {
	font-size:1.143em;
	line-height:1.5em;
	margin-bottom:0.525em;
	text-shadow:0 1px 1px rgba(255,255,255,.8);
}

.banner {
	text-align:right;
	margin-bottom:1em;
}

.ads {
	width:100%;
	text-align:center;
	margin-bottom:1em;
}


/*-  POST STYLES
----------------------------------------------------------------------*/
.post {
	clear:both;
	display:block;
	float:left;
	background:#fff;
	width:96.097562%;
	padding:10px 1.951219%;
	margin-bottom:.8em;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
}

.post h2 {
	font-size:1.429em;
	margin-bottom:0.625em;
}

.postimg {
	float:left;
	background:#fff;
	width:29.2682927%;
	padding:0.731707%;
	margin:0 1em 0.3em 0;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
	-webkit-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
}

.postimg img {
	-webkit-border-radius:.2em;
    -moz-border-radius:.2em;
	border-radius:.2em;
}

.postinfo {
	float:left;
	width:96.4%;
	padding:4px 1.8%;
	margin:0 0 8px;
	font-size:0.845em;
	color:#898989;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
}

.postcontent p {
	margin-bottom:0.7em;
}

.lCol2 .post h2 {
	font-size:1.858em;
	margin-bottom:0.725em;
}

.lCol2 .postimg {
	width:39.2682927%;
	padding:0.731707%;
	margin:0 1em 0.3em 0;
}

a.news_extendstring:after {
	content: ' »';
}

.oNews,.newscat {
	display:block;
	float:left;
	width:100%;
	margin-bottom:1.4em;
}

.oNews h4 {
	font-size:1em;
	margin-bottom:0;
}

.newscat h4 {
	margin-bottom:.333em;
}

.newscatthumb,.othernews_image {
	float:left;
	background:#fff;
	width:26%;
	padding:1.731707%;
	margin:0 1em 0.3em 0;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
	-webkit-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
}

.othernews_image {
	width:33.333%;
}


/*-  BUTTONS
----------------------------------------------------------------------*/
.button,.commentform input.button,a.news-extended-older,a.news-extended-newer,a.news-extended-category-link,a.news-extended-overview-link {
	outline:none;
	color:#fff;
	text-shadow:0 -1px 0 #262626;
	padding:4px 10px 5px;
	font:700 1.143em/100% Calibri, Arial, Helvetica, sans-serif;
	margin:0;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
	-webkit-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
}

.button::-moz-focus-inner,.commentform input.button::-moz-focus-inner,a.news-extended-older::-moz-focus-inner,a.news-extended-newer::-moz-focus-inner,a.news-extended-category-link::-moz-focus-inner,a.news-extended-overview-link::-moz-focus-inner {
	padding:0;
	border:0;
}

.button:hover,.commentform input.button:hover,a.news-extended-older:hover,a.news-extended-newer:hover,a.news-extended-category-link:hover,a.news-extended-overview-link:hover,.button:focus,.commentform input.button:focus,a.news-extended-older:focus,a.news-extended-newer:focus,a.news-extended-category-link:focus,a.news-extended-overview-link:focus {
	cursor:pointer;
	color:#fff;
	text-shadow:0 1px 0 #262626;
	-webkit-box-shadow:0 -.215em .429em rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 -.215em .429em rgba(0, 0, 0, 0.2);
	box-shadow:0 -.215em .429em rgba(0, 0, 0, 0.2);
}

.button:active,.commentform input.button:active,a.news-extended-older:active,a.news-extended-newer:active,a.news-extended-category-link:active,a.news-extended-overview-link:active {
	position:relative;
	top:1px;
}

a.news-extended-category-link,a.news-extended-overview-link,a.news-extended-older,a.news-extended-newer {
	position:relative;
	font-size:1em;
}

a.news-extended-category-link,a.news-extended-overview-link {
	top:20px;
}

a.news-extended-older,a.news-extended-newer {
	top:40px;
}

a.news-extended-category-link:active,a.news-extended-overview-link:active,a.news-extended-category-link:focus,a.news-extended-overview-link:focus {
	top:21px;
}

a.news-extended-older:active,a.news-extended-newer:active,a.news-extended-older:focus,a.news-extended-newer:focus {
	top:41px;
}


/*-  FORMS
----------------------------------------------------------------------*/
textarea {
	overflow:auto;
	vertical-align:top;
}

textarea,.helpbox,input {
	background:#fff;
	width:auto;
	padding:8px;
	border:1px solid #dcdcdc;
	font-family:calibri, helvetica, arial, sans-serif;
	color:#898989;
	margin-top:5px;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
	-webkit-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.1);
	box-shadow:0 .215em .429em rgba(0, 0, 0, 0.1);
}

div#default input {
	width:60%;
}

div#default input.button {
	width:auto;
}

.helpbox {
	width:100%;
}

div.code-box,code {
	font-size:.929em;
	color:#898989;
	-webkit-text-size-adjust:140%;
	font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

blockquote,.blockquote,.indent {
	quotes:none;
	font:.929em Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	padding:20px 20px 15px 15px !important;
	border:1px solid #dcdcdc;
	background-color:transparent !important;
	margin-top:5px !important;
	margin-bottom:15px !important;
	margin-left:10px !important;
	margin-right:10px !important;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
	-webkit-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
}

.indent2 {
	border:1px solid #dcdcdc;
	background-color:#fff;
}

.indent2 a {
	color:#000;
}

div.code-box ol {
	margin:0;
	padding:0 10px;
}

div.code_highlight {
	white-space:normal;
}

pre {
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size:.929em;
	color:#898989;
	line-height:1em;
	margin:5px 10px 15px 10px;
	padding:1.5em;
}


/*-  OTHER STYLES
----------------------------------------------------------------------*/
ins, mark {
	text-decoration:none;
}

mark {
	background:#ff0;
}

ins {
	background:#ff9;
}

del {
	text-decoration:line-through;
}

strong, b, dt {
	font-weight:bold;
}

dfn {
	font-style:italic;
}

var, address {
	font-style:normal;
}

sub, sup {
	font-size:0.625em;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-0.5em;
}

sub {
	bottom:-0.25em;
}

.clear{
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

.page table {
	text-align:left;
	margin:0 -1px 24px 0;
	width:100%;
}

.page tr th,.page thead th {
	color:#444;
	font-size:0.929em;
	font-weight:700;
	line-height:1.358em;
	padding:9px 24px;
}

.page tr td {
	padding:6px 24px;
}

.pagecontent tr:nth-of-type(even),.postcontent tr:nth-of-type(even) {
    background: #f3f3f3;
}

#dataform tr:nth-of-type(even) {
	background:#fff;
}

div#default {
	max-width:100%;
}


/* SEARCH
----------------------------------------------------------------------------------------------------*/
.searchForm {
	float:right;
	margin:20px 0;
	padding:8px 1%;
	width:40%;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.searchForm input#q {
	float:left;
	width:72%;
	border:1px solid #dcdcdc;
	padding:5px;
	margin:0;
	font-size:1.143em;
	font-weight:400;
	color:#dcdcdc;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
}

.searchForm input.button {
	float:right;
	width:22%;
	margin:0;
	padding:5px 10px 6px;
}


/*-  COMMENTS
----------------------------------------------------------------------------------------------------*/
#dataform {
	text-align:left;
}

#dataform input.comment {
	width:82%;
}

#commentform input,#commentform .tbox {
	padding:5px 10px;
	border:1px solid #dcdcdc;
	color:#222;
	width:96%;
}

input#helpb.helpbox {
	float:left;
	margin:2px 0;
	background:transparent;
	border:0;
	font-size:0.9em;
	text-align: left;
}

.commentwrap {
	float:left;
	margin:10px 0;
	width:100%;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
}

.comment {
	padding:10px;
}

.comment b {
	font-size:1.143em;
	margin-bottom:1.4em;
}

.comdate {
	float:right;
	font-size:.858em;
	color:#898989;
}

.comreply {
	float:right;
	padding:8px 0;
}


/*-  NEXTPREV
----------------------------------------------------------------------*/
.nextprev{
	clear: both;
	display:block;
	float:left;
	background:#fff;
	width:96.097562%;
	padding:8px 1.951219% 5px 1.951219%;
	margin-top:-0.8em;
	margin-bottom:2.5em;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	min-height:30px;
	font-size:0.75em;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
}

.nextprev_link{
	background:url(images/numbers_spritesheet.png) no-repeat;
	display:block;
	float:left;
	width:28px;
	height:27px;
	text-decoration:none;
	text-align:center;
	line-height:26px;
	margin-right:3px;
	font-weight:bold;
	background-position:0 0;
	color:#717171;
	text-shadow:1px 1px 0 #fff;}

.nextprev a,.nextprev span {
	background:url(images/numbers_spritesheet.png) no-repeat;
	display:block;
	float:left;
	width:28px;
	height:27px;
	text-decoration:none;
	text-align:center;
	line-height:26px;
	margin-right:3px;
	font-weight:bold;
	background-position:0 0;
	color:#717171;
	text-shadow:1px 1px 0 #fff;
}

.nextprev a:hover{
	background-position:0 -27px;
}

.nextprev span.nextprev_current{
	text-shadow:0 1px 0 #585858;
	color:#fff;
	background-position:-140px 0;
}

.nextprev a:active {
	margin-top:1px;
}


/*-  NEWS SOCIAL BUTTONS
----------------------------------------------------------------------*/
.social-containter {
	width:100%;
	vertical-align:top;
	float:left;
	margin:45px 0 15px;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
}

.social-buttons {
	float:left;
	vertical-align:top;
	padding:10px;
}

.social-button {
	padding:0 3px;
	float:left;
	text-align:center;
}

.social-text {
	padding:10px;
}


/*-  LOGIN
----------------------------------------------------------------------*/
.topnav {
	float:right;
	margin:8px 1.585728%;
}

.topnav a {
	margin-left:20px;
	color:#fff;
	font-weight:600;
}

#signin_menu {
	width:40%;
	padding:3.333%;
	margin:20px auto;
	border:1px solid #d2d2d2;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	margin:0 0 5px;
	width:93.4%;
}

#signin_menu p {
	margin:0;
	padding-bottom:0;
}

#signin_menu label {
	font-weight:normal;
}

#signin_menu p.remember {
	padding:10px 0;
}

#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}

#signin_menu img {
	margin-right:4px;
}

p.captcha input {
	max-width:100px;
}


/*-  DYNAMIC SLIDER
----------------------------------------------------------------------*/
.blueberry {
	background:#fff;
	margin:0 auto 1.5em auto;
	padding:0.731707%;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em;
    -moz-border-radius:.3em;
	border-radius:.3em;
	-webkit-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	box-shadow:0 .215em .429em rgba(0, 0, 0, 0.2);
	overflow:hidden;
}

.blueberry .slides {
	display:block;
	position:relative;
	overflow:hidden;	
	-webkit-border-radius:.2em;
    -moz-border-radius:.2em;
	border-radius:.2em;
}

.blueberry .slides li {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;
}

.blueberry .slides li.active {
	display: block;
	position: relative;
}

.blueberry .crop li img {
	width: auto;
}

.blueberry .pager {
	height: 30px;
	text-align: center;
}

.blueberry .pager li {
	display: inline-block;
}

.blueberry .pager li a,.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}

.blueberry .pager li a {
	outline:none;
	padding:15px 8px;
	-webkit-border-radius:6px;
   -moz-border-radius:6px;
	border-radius:6px;
}

.blueberry .pager li a span {
	background:#c0c0c0;
	text-indent:-9999px;
	-webkit-border-radius:2px;
   -moz-border-radius:2px;
	border-radius:2px;
}

.blueberry .pager li.active a span {
	background: #404040;
}

.blueberry .slidecaption {
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	padding: 1em 0;
	color:#fff;
	background:#111;
	opacity:.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.blueberry .slidecaption p {
	font-size:1.286em;
	color:#fff;
	margin:0 16px 0.35em;
	text-shadow:0 2px 2px rgba(0,0,0,.9);
}

.blueberry img a:active,a:focus {
	position:relative;
	top:0;
}

.blueberry a:hover {
	text-decoration:none;
}


/*-  TABBED MENU
----------------------------------------------------------------------*/
#tabmenu{
	margin:0 0 1em 0;
	width:100%;
}

#tabmenu ul{
	list-style:none;
	list-style-position:outside;
}

#tabmenu ul.tabmenu li{
	float:left;
	display:block;
	line-height:2.1em;
	padding:0 1.512859%;
	margin-right:5px;
	margin-bottom:-1px;
	position:relative;
	cursor:pointer;
	font-size:1.143em;
	font-weight:700;
	color:#fff;
	border-width:1px 1px 1px 1px;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	background-image:-ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%); 
	background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%); 
	background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%); 
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0.1)), color-stop(0.5, rgba(0,0,0,0.1)), color-stop(0.5, rgba(255,255,255,0.1)), color-stop(1, rgba(255,255,255,0.1))); 
	background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%); 
	background-image:linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%);
	-webkit-border-top-left-radius:.3em;
	-webkit-border-top-right-radius:.3em;
	-moz-border-radius-topleft:.3em;
	-moz-border-radius-topright:.3em;
	border-top-left-radius:.3em;
	border-top-right-radius:.3em;
}

#tabmenu ul.tabmenu li.active{
	background:#fff;
	padding:0 1.512859% 1px;
	border:1px solid #dcdcdc;
	border-bottom:0;
	text-shadow:0 0 0 #fff;
	z-index:1;
}

.tabcontent{
	background:#fff;
	margin:0 auto;
	text-align:left;
	padding:10px 1.512859%;
	padding-bottom:20px;
	margin-bottom:0.625em;
	border:1px solid #dcdcdc;
	-webkit-border-radius:.3em;
	-webkit-border-top-left-radius:0;
	-moz-border-radius:.3em;
	-moz-border-radius-topleft:0;
	border-radius:.3em;
	border-top-left-radius:0;
}

.tabcontent.tab1{
	display:block;
}

.tabcontent.tab2,.tabcontent.tab3{
	display:none;
}


/* NEWS ACCORDIAN  *** DO NOT EDIT - You have been warned! ***
----------------------------------------------------------------------------------------------------*/
h4.acc_trigger {
	background:#363636 url(images/acc_open.png) no-repeat 96% 50%;
	padding:0 0 0 16px;
	cursor:pointer;
	clear:both;
	display: block;
	font-size: 1.072em;
	line-height:2.1em;
	margin-bottom:0.425em;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
	-moz-transition:background .2s linear;
	-o-transition:background .2s linear;
	-webkit-transition:background .2s linear;
	transition:background .2s linear;
}

h4.acc_trigger:hover {
	background-color:#898989;
}

h4.acc_trigger a {
	text-decoration:none;
	display:block;
	padding:0;
	color:#363636;
}

h4.active {
	background:#898989 url(images/acc_close.png) no-repeat 96% 50%;
	cursor:pointer;
}

.acc_container {
	margin:0 3.333% 5px 3.333%;
	padding:0;
	overflow:hidden;
	clear:both;
}

.acc_container .block {
	padding:0 0 10px 0;
}

.accordian {
	padding-bottom:0;
}


/* FORUM STYLES
----------------------------------------------------------------------------------------------------*/
.fborder {
	margin:0;
	padding:0;
}

.fborder2 {
	border:1px solid #dcdcdc;
	margin:6px;
	padding:4px;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.fcaption {
	font-weight:700;
	padding:6px;
}

.avatar {
	font-size:1.143em;
	font-weight:700;
	margin:0;
	padding:10px;
}

.forumheader {
background:#e0e0e0;
	font-size:1.143em;
	font-weight:700;
	margin:0;
	padding:10px;
}

.forumheader2,.forumheader4 {
background:#f3f3f3;
	text-align:left;
	border-bottom:1px solid #dcdcdc;
	padding:8px 10px;
}

.forumheader3 {
	text-align:left;
	border:1px solid #dcdcdc;
	padding:5px 10px;
	-webkit-border-radius:.3em; 
	-moz-border-radius:.3em;
	border-radius:.3em;
}

.finfobar {
background:#e0e0e0;
	border-bottom:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding:10px;
}

.smalltext {
	font-size:.858em;
}

.searchhighlight {
	text-decoration:underline;
	color:#ff0000;
	font-weight:700;
}



	
/*-  MEDIA QUERIES
----------------------------------------------------------------------*/
@media screen and (max-width: 780px) {

	body {
		position:relative;
		margin:0 14px;
		width:auto;
	}
	
	#header,.nav,.lCol,.lCol2,.tCol,.bCol,.banner {
		display:block;
		float: none;
		clear:both;
		width:auto;
		min-width:0;
	}
	
	.lCol,.lCol2,.lCol3 {
		padding-left:2.439024%;
		padding-right:2.439024%;
	}
	
	.lCol,.lCol2,.lCol3,.tCol,.bCol {
		margin-bottom:1.825em;
	}
	
	.lCol,.lCol2,.lCol3 {
		padding:1.825em 0;
	}
	
	.mCol,.rCol,.rCol2 {
		width:48.35%;
	}
	
	#logo{
		float:none;
		clear:both;
		display:block;
		margin:10px auto 15px;
		max-width:100%;
		text-align:center;
	}
	
	.nav {
		float:left;
		width:100%;
	}
	
	.fCol3 {
		text-align:center;
	}
	
	.banner {
		text-align:center;
		margin-bottom:0;
	}

	.post,.lCol2 .post{
		width:95.121952%;
		padding-left:2.439024%;
		padding-right:2.439024%;
		margin-bottom:30px;
	}
	
	.postimg {
		width:40%;
	}
	
	.searchForm {
		display:block;
		float:left;
		margin:10px 0 1px 0;
		padding:8px 3.6%;
		width:92%;
	}
	
	.nextprev{
		margin-top:-1.8em;
	}
	
	#commentform input,#commentform .tbox {
		width:90%;
	}
	
	div#default input {
		width:80%;
	}

	div#default input.button {
		width:auto;
	}
	
	.blueberry {
		display:none;
	}
	
	.lCol .blueberry,.lCol2 .blueberry,.lCol3 .blueberry {
		width:76%;
	}
	
	#signin_menu {
		width:70%;
		margin:0 auto;
	}
}

@media screen and (max-width: 640px) {
	
	.tabcontent{
		padding:10px 3.333333%;
	}
}

@media screen and (max-width: 480px) {

	body {
		position:relative;
		margin:0 8px;
		width:auto;
		font-size:.939em;
	}
	
	#header,.nav,.lCol,.lCol2,.lCol3,.tCol,.mCol,.rCol,.rCol2,.bCol,.fCol1,.fCol2,.banner {
		display:block;
		float: none;
		clear:both;
		width:auto;
		min-width: 0;
		margin-bottom:1.825em;
	}
	
	.nav,.lCol,.lCol2,.lCol3 {
		padding-left:2.439024%;
		padding-right:2.439024%;
	}
	
	.lCol,.lCol2,.lCol3 {
		padding:1.825em 0;
	}
	
	#logo{
		float:none;
		clear:both;
		display:block;
		margin:10px auto 15px;
		max-width:90%;
	}
	
	.nav{
		height:auto;
	}
	
	.nav ul {
		width:100%;
	}
	
	.nav ul li {
		display:block;
		float:left;
		width:48%;
		margin:0 1% 0.5em 1%;
	}
	
	.nav ul li a {
		display:block;
		text-align:center;
		-webkit-border-radius: .3em; 
		-moz-border-radius: .3em;
		border-radius: .3em;
	}
	
	ul.secondary {
		clear:left;
	 	width:90%;
	 	margin:0 auto;
	 }
	
	ul.secondary li a{
		padding:10px 1.510574%;
		margin:0;
		text-shadow:0 0 0 #000;
	}
	
	ul.fSitelinks {
		float:left;
		width:43.3%;
		height:auto;
		margin:0 3.333333%;
		margin-bottom:16px;
	}
	
	ul.split {
		clear:both;
	}
	
	ul.socialIcons {
		float:left;
		width:100%;
		text-align:center;
	}

	ul.socialIcons li {
		margin:0 .5em;
	}
	
	.fCol3 {
		text-align:center;
	}
	
	.banner {
		text-align:center;
		margin-bottom:0;
	}
	
	.post,.lCol2 .post{
		width:90.243904%;
		padding-left:4.878048%;
		padding-right:4.878048%;
		margin-bottom:30px;
	}
	
	.postinfo {
		font-size:0.685em;
		margin-bottom:16px;
	}
	
	a.news-extended-category-link,a.news-extended-overview-link {
		display:block;
	}
	
	.searchForm {
		display:block;
		float:left;
		margin:10px 0 16px 0;
		padding:8px 3.6%;
		width:92%;
	}
	
	.nextprev{
		margin-top:-1.8em;
	}
	
	#commentform input,#commentform .tbox {
		width:90%;
	}
	
	div#default input {
		width:90%;
	}

	div#default input.button {
		width:auto;
	}
	
	.blueberry {
		display:none;
	}
	
	.blueberry .slidecaption p {
		font-size:1em;
	}
	
/*-  LOGIN
----------------------------------------------------------------------*/
	.topnav {
		float:left;
		width:100%;
		padding:0;
		margin:0 0 8px 0;
		text-align:center;
	}
	
	.topnav a {
		margin:0 10px;
		padding:0;
	}
	
	#signin_menu {
		width:90%;
		margin:0 auto;
	}
	
	.tabcontent{
		padding:10px 3.333333%;
	}	
}

a.credit {
	font-size:.858em;
	font-style:italic;
}
E
Erwin H
29-07-2014 16:02 gewijzigd op 29-07-2014 16:04
Sorry dat ik het zeg, maar niet weten wat van toepassing is klinkt bij mij alsof je dit allemaal niet zelf geschreven hebt. In dat geval zou ik de auteur hiervan eens gaan vragen het op te lossen.

En 1700 regels css.... daar ga ik niet doorheen. Alleen relevante code of een directe link naar de website helpen meer.
K
Kees van Norde
29-07-2014 16:28
Ik snap het hoor, en ik heb de website niet zelf geschreven maar het is een opensource systeem (e107).
Ik heb alleen e.e.a. aangepast.
De link naar de site is www.computertalk.nl je moet alleen ingelogt zijn in de admin om die button te kunnen zien dus ik weet niet of je er wat aan hebt?
Machiel K
29-07-2014 16:40 gewijzigd op 29-07-2014 16:41
Maak er gewoon eens het volgende van. Kijken of dit wel goed weergeven wordt.
<input type="image" src="http://computertalk.nl/e107_themes/newstastic/forum/admin_delete.png" />

Met zo'n lap css kunnen we lastig op iets zoeken. Ik heb het geprobeerd met '#FFFFFF", "white", "input". Maar daar valt ook niks verkeerd aan te zien dat met dit probleem te maken heeft. Aan de css ligt het dus ook niet. Probeer die regel eens zonder de rest. Én met die src.
K
Kees van Norde
29-07-2014 16:47
Ik heb het getest maar dan laat hij het op precies dezelfde manier zien, ik had dat overigens ook al zelf getest maar dat had ik hier niet vermeld, maar toch bedankt.

Reageren

Inloggen om te reageren