zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bildergröße beim verkleinen des Browserfensters

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.04.2015, 19:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2015
Beiträge: 1
melvinuspo befindet sich auf einem aufstrebenden Ast
Standard Bildergröße beim verkleinen des Browserfensters

Hallo ihr Lieben,

ich habe folgendes Problem:
Wenn ich mein Browserfenster verkleinere, verkleinern sich die Bilder gleich mit. Nun möchte ich aber, dass die Bilder, egal wie groß oder klein das Browserfenster ist, die gleiche Größe behalten. Da es sich bei dieser Seite um ein Bild-Portfolio handelt, sollen Bilder von maximal 800px Breite hochgeladen werden. Die Höhe der Bilder soll aber dynamisch bleiben.

Gruß,
melvin

Code:
body,
html {
	margin: 0px;
	padding: 0px;
}

body {
	background: #fff;
	color: #000000;
	font-family: 'arial', sans-serif;
	font-size: 14px;
	line-height: 1.6;
    
}

html[data-view="project"].ios body {
	overflow: hidden;
}

/**
 * Header
 * - Contains the header image, header text and navigation
 */

.site_header {
	color: #000000;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 20px;
	text-rendering: optimizeLegibility;
}

/**
 * Header image and header text
 */

.header_image {
	position: fixed;
	top: 35px;
	left: 35px;
	z-index: 999;
}

.header_image img {
	border: 0;
}

.header_text {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	position: fixed;
	top: 35px;
	left: 35px;
	z-index: 999;
}

.header_text a {
	color: #000;
	text-decoration: none;
    margin-left: 15px;
    left: 15px;
    
}

.header_text a:hover {
	color: #000;
	border-bottom: 0;
}

.header_text a:active {
	color: #000000;
	border-bottom: 0;
}

/**
 * Navigation
 * - Contains navigation links and following
 */

.navigation {
	position:  fixed;
	top: 35px;
    left: 200px;
	right: 30px;    
	z-index: 999;
}

.navigation div {
	display: inline-block;
	margin: 0 0 10px 20px;
    color: #000000;
    opacity: 1.0;
}

.navigation div:hover {
	opacity: 1;
}

.navigation div:active {
	opacity: 0.25;
}

.navigation div.set_link {
	opacity: 1;
}

.navigation div.set_link a {
	color: #000000;
}

.navigation div.set_link a:active {
    
        color: #9f9f9f;
    border-bottom: 2px solid #9f9f9f;
	opacity: 1;
}

.navigation .active {
	opacity: 1;
}

.navigation a {
	padding-bottom: 3px;
	text-decoration: none;
    font-weight: bold;
    
	color: #000000;

}

.navigation a:hover,
.navigation a:active {
	border-bottom: 2px solid #000;
}

.navigation div.active a {
	border-bottom: 2px solid #000000;
}

body:not([data-bodyview="set"]) .navigation .set_link.active a {
	border-bottom: 2px solid #000000;
}

body:not([data-bodyview="set"]) .navigation .set_link.active a:hover {
	border-bottom: 2px solid #000;
	color: #000;
}

/**
 * Tag filter
 * - Seen on filter pages
 */

.filter {
	color: #000;
	position: fixed;
	bottom: 35px;
	left: 35px;
	z-index: 999;
}

.filter a {
	color: #000;
	border-bottom: 1px solid #000;
	margin-left: 15px;
	opacity: 0.4;
	padding-bottom: 3px;
	text-decoration: none;
}

.filter a:hover {
	border-bottom: 1px solid #000;
	opacity: 1;
}

.filter a:active {
	border-bottom: 1px solid #000;
	opacity: 0.6;
}

/*
 * Projects
 */

body[data-view="index"] .container {
	display: none;
}

/* Page formatting */


.project_content {
	margin: 140px 0px 50px 0px;
	font-size: 14px;
    font-weight: normal;
   
	width: 800px;
	text-align: left;
}

.project_content img {
    
	position: static;
	display:  block;
	border: 0px solid;
   
    width: 800px;

    
    
        
}

.container {

}

.project {
	display: none;
    
    }

.project_header {
	position: fixed;
	top: 30px;
	left: 50%;
	margin-left: -300px;
	text-align: center;
	width: 600px;
	z-index: 99;
}

.project_title {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	margin-top: 6px;
	margin-bottom: 25px;
	text-rendering: optimizeLegibility;
}

.project_header .project_nav {
	font-family: 'arial',sans-serif;
	font-size: 14px;
	line-height: 14px;
	margin-top: 4px;
	position: relative;

	/* Disable selection */
	-webkit-touch-callout : none;
	-webkit-user-select	  : none;
	-khtml-user-select	  : none;
	-moz-user-select	  : none;
	-ms-user-select		  : none;
	user-select			  : none;
}

.project_header .project_nav a {
	display: inline-block;
	margin: 0 5px;
	height: 14px;
	cursor: pointer;
	text-decoration: none;
}

.project_header .project_nav a:hover {
	background: none;
	color: rgba(0, 0, 0, 0);
}

.project_header .project_nav a:active {
	background: none;
	color: #666666;
}

.project_header .project_nav a.previous,
.project_header .project_nav a.next {
	color: rgba(0, 0, 0, 0.25);
	padding: 5px 16px;
}

.project_header .project_nav a.previous img,
.project_header .project_nav a.next img {
	height: 14px;
	opacity: 0.0;
	filter:alpha(opacity=30);
}

.project_header .project_nav a.previous:hover img,
.project_header .project_nav a.next:hover img {
	opacity: 0.0;
	filter:alpha(opacity=90);
}

.project_header .project_nav a.previous:active img,
.project_header .project_nav a.next:active img {
	opacity: 0.0;
	filter:alpha(opacity=60);
}

.project_header .project_nav.mobile_format a.next {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.project_header .project_nav a.index {
	position: absolute;
	top: -3px; left: 50%;
	margin: 0 0 0 -15px;
	height: 30px;
	vertical-align: middle;
	width: 30px;
	z-index: 9;
}

.project_header .project_nav a.index div {
	position: relative;
	top: 8px;
	left: 8px;
	height: 14px;
	width: 14px;
}

.project_header .project_nav a.index span {
	background: rgba(255, 255, 255, 0);
	display: block;
	text-indent: 99px;
	overflow: hidden;
	position: absolute;
	height: 6px;
	width: 6px;
}

.project_header .project_nav .index span:nth-child(1) {
	top: 0;
	left: 0;
}

.project_header .project_nav .index span:nth-child(2) {
	top: 0;
	right: 0;
}

.project_header .project_nav .index span:nth-child(3) {
	bottom: 0;
	left: 0;
}

.project_header .project_nav .index span:nth-child(4) {
	bottom: 0;
	right: 0;
}

.project_header .project_nav a.index:hover span {
	background: #000;
}

.project_header .project_nav a.index:active span {
	background: rgba(128, 128, 128, 0.6);
}

.project_nav .next.mobilerotate {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.entry {
        
    margin-left:auto;
    margin-right: auto;
 
    max-width: 800px;
    
   
}

.project_content br {
	clear: both;
}

.project_content a {
	color: #000000;
    text-decoration: none;
    font-weight: bold;
    opacity: 1.0;
	
}

.project_content a:hover {
	
	color: #000000;
    padding-bottom: 3px;
	border-bottom: 2px solid #000000;
}

.project_content a:active {
	 color: #9f9f9f;
    border-bottom: 2px solid #9f9f9f;
	opacity: 1;
	
}

/**
 * Typography
 */

h1, h2, h3, h4, h5 {
	line-height: 1.2;
	max-width: 905px;
}

h2 {
	display: block;
	font-size: 42px;
	text-rendering: optimizeLegibility;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	line-height: 150%;
}

blockquote {
	color: #666666;
	margin: 0;
}

/**
 * Slideshows
 */

.slideshow {
	display: inline-block;
}

.slideshow img {
	margin: 0;
}

.slideshow_container {
	overflow: hidden;
	margin: 0 auto;
}

.slideshow.navigation_hidden .slideshow_navigation {
	display: none;
}

.slideshow_navigation {
	color: #ccc;
	font-family: 'arial',sans-serif;
	font-size: 12px;
}

.slideshow_thumbnails:after,
.slideshow_navigation:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	width: 0;
}

.slideshow_navigation.slideshow_above {
	margin-bottom: 10px;
}

.slideshow_navigation.slideshow_below {
	margin-bottom: 15px;
}

.slideshow_navigation span {

}

.slideshow_navigation a {
	cursor: pointer;
	color: #999999;
	text-decoration: none;
	padding-bottom: 2px;
}

.slideshow_navigation a:hover {
	background: none;
	color: #333333;
}

.slideshow_navigation a:active {
	color: #999999;
}

.slideshow_navigation .slideshow_slash {
	margin: 2px;
}

.slideshow_navigation .slideshow_toggle_thumbnails {
	display: none;
	margin-left: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select	 : none;
	-khtml-user-select	 : none;
	-moz-user-select	 : none;
	-ms-user-select		 : none;
	user-select			 : none;
}

.slideshow.slideshow_toggle_active .slideshow_navigation .slideshow_toggle_thumbnails 

{
	display: inline-block;
}

.slideshow.thumbnails_active.container_hidden.navigation_hidden .slideshow_thumbnails 

{
	margin-top: 0;
}

.slideshow_thumbnails {
	display: none;
}

.slideshow.thumbnails_active .slideshow_thumbnails {
	display: block;
}

.slideshow_thumbnails.slideshow_above {
	margin-bottom: 0px;
}

.slideshow_thumbnails.slideshow_below {

}

.slideshow .slideshow_thumbnails > * {
	cursor: pointer;
	display: inline-block;
	float: none;
	margin: 0 10px 20px 10px;
	height: 80px;
	vertical-align: top;
	width: auto;
}

.slideshow:not(.container_hidden) .slideshow_thumbnails > *.slideshow_active {
	outline: 1px solid rgba(0, 0, 0, 0.6);
	outline-offset: 2px;
}

.slideshow .slideshow_thumbnails > *:hover {
	outline: 1px solid rgba(0, 0, 0, 0.3);
	outline-offset: 2px;
}

.slideshow .slideshow_thumbnails > *:active {
	outline: 1px solid rgba(0, 0, 0, 0.8);
	outline-offset: 2px;
}

.slideshow_thumbnails > *:not(img) {
	background: #eee;
	padding: 30px 10px;
	text-align: center;
	height: 70px;
}

.slideshow_container {
	cursor: pointer;
	display: block;
	margin-bottom: 15px;
	position: relative;

	/* Disable selection */
	-webkit-touch-callout: none;
	-webkit-user-select	 : none;
	-khtml-user-select	 : none;
	-moz-user-select	 : none;
	-ms-user-select		 : none;
	user-select			 : none;
}

.slideshow.container_hidden .slideshow_container {
	display: none;
}

.slideshow .slideshow_container > * {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
}

.slideshow_caption {
	display: none;
}

.slideshow.caption_active:not(.container_hidden) .slideshow_caption {
	display: block;
}

.slideshow_caption {
	clear: both;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

.slideshow.slideshow_center {
	text-align: center;
}

/**
 * Project footer
 */

.project_footer {
	color:transparent;
	margin-left: -335px;
	position: relative;
	padding-bottom: 50px;
	left: 50%;
	font-family: 'arial', sans-serif;
	font-size: 11px;
	text-align: center;
	width: 670px;
	clear: both;
}

.project_footer span {
	display: inline-block;
	line-height: 1.8em;
}

.project_footer > span {
	margin-right: 10px;
}

.project_footer > span:first-child:last-child {
	margin-right: 0px;
}

.project_footer a {
	border-bottom: 0px solid #cccccc;
	color: transparent;
	cursor: pointer;
	padding-bottom: 2px;
	text-decoration: none;
}

.project_footer a:hover {
	background: none;
	border-bottom: 1px solid #000;
	color: #000;
}

.project_footer a:active {
	background: none;
	border-bottom: 1px solid #666;
	color: #666;
}

.project_footer .tags span {
	margin-right: 10px;
}

.project_footer .tags span:last-child {
	margin-right: 0px;
}

.project_footer .tags span:after {
  content: ",";
}

.project_footer .tags span:last-child:after {
  content: "";
}

.project_footer .editlink a {
	border-bottom: 1px solid #cccccc;
	color: #cccccc;
}

.project_footer .editlink a:hover {
	border-bottom: 1px solid #000;
	color: #000;
}

.project_footer .editlink a:active {
	border-bottom: 1px solid #666;
	color: #666666;
}

/**
 * Thumbnails
 */

body[data-view="index"] .thumbnails {
	display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    
    
    
}

.thumbnails {
	display: none;
	text-align: center;
	padding: 100px 35px 70px 35px;

}

.thumbnail {
	display: inline-block;
	margin: 20px;
	position: relative;
    top: 80px;
    margin: 10px 15px 10px 15px;
  	text-align: left;
	vertical-align: top;
    }

.thumb_image {
    
}

.thumb_image.hover,
.thumb_image:hover {
	
    
	color: #000000;
   
	-webkit-filter: invert(100%);
   
}

.thumbnail > a:hover .thumb_title span {
	
    font-weight: bold;
}

.thumbnail > a:hover .thumb_image span {
	
}

.thumbnail > a:active .thumb_title span {

}

/* Move the thumbnail down on click */
.thumbnail > a:active .thumb_image {

}

.thumbnail.active .thumb_image {
	border: 1px solid #cccccc;
}

.thumbnail .thumb_image {
	background-color: #eeeeee;
	margin-bottom: 15px;
	position: relative;
    

	
}

.thumbnail .thumb_image img {
	border: 0;
	display: block;
}

.thumbnail .thumb_image.default_thumb {
	background: #333;
	min-height: 135px;
	min-width: 200px;
}

.thumbnail .thumb_image.default_thumb img {
	display: none;
}

.thumbnail .thumb_image.notitle_notag {
	margin-bottom: 22px;
}

.thumbnail .loading {
	display: none;
	position: absolute;
	top: 15px; left: 15px;
	text-align: center;
	z-index: 3;
}

.thumbnail .thumb_title {
	color: #000;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1.4;
    position: relative;
    top: -8px;
    text-align: center;
    font-weight:  normal;
	text-rendering: optimizeLegibility;
}

.thumbnail .thumb_title span {

}

.thumbnail .thumb_tags {
	margin-top: -7px;
	color: #aaaaaa;
	font-size: 13px;
	font-family: 'arial', sans-serif;
}

.thumbnail .thumb_tags span:after {
	content: ",";
}

.thumbnail .thumb_tags span:last-child:after {
	content: "";
}

.thumbnail .thumb_tags a {
	color: #000000;
	padding-bottom: 3px;
	text-decoration: underline;
    letter-spacing: 1px;
}

.thumbnail .thumb_tags a:hover {
	border-bottom: 1px solid #000;
	color: #000;
}

.thumbnail .thumb_tags a:active {
	border-bottom: 1px solid #999999;
	color: #999;
}

.thumbnail > a {
	text-decoration: none;
    
    
    
}

.thumbnail .thumb_excerpt {
	display: none;
	font-size: 12px;
	margin-top: 22px;
}

.show_index {
	text-align: left;
	padding-bottom: 35px;
	display: none;
}

body[data-bodyview="set"] #index .show_index {
	display: block;
	padding-top: 35px;
	padding-bottom: 0px;
}

body[data-pagetype] #index .show_index {
	display: none;
}

body[data-pagetype="project"] .container .show_index {
	display: block;
}

.show_index a {
	color: rgba(0, 0, 0, 1);
    text-decoration: none;
	font-weight: bold;
    font-size: 16px;
    position: left;
    
}

.show_index a:hover {
    padding-bottom: 3px;
	border-bottom: 2px solid #000;
}

.show_index a:active {
    padding-bottom: 3px;
	color: #666;
	border-bottom: 2px solid #666;
}

/*
 * Search results
 */

#search {
	margin: 0 auto;
	padding: 135px 70px 70px 35px;
	width: 670px;
}

body[data-view="project"] #search {
	display: none;
}

#search_form {
	position: fixed;
	left: 35px;
	bottom: 35px;
	z-index: 99999;
}

#search_form_results {
	padding-bottom: 90px;
}

.search_header {
	color: #000000;
	float: left;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 4px 0;
	width: 145px;
}

#search_term {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	width: 200px;
}

#results_search_term {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	width: 220px;
}

#search_results {
	float: left;
}

.result {
	clear: both;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 60px;
}

.search_thumb {
	float: left;
	margin: 4px 25px 35px 0px;
}

.search_thumb img {
	width: 120px; height: auto;
}

.search_text {
	width: 500px;
	margin-left: 145px;
}

.search_title a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.search_title a:hover {
	background: #ffff00;
	color: #000000;
	text-decoration: none;
}

.search_title a:active {
	background: #000000;
	color: #ffffff;
	text-decoration: none;
}

.search_tags {
	color: #999999;
	font-size: 11px;
}

.search_tags a {
	color: #999999;
	text-decoration: none;
}

.search_tags a:hover {
	background: none;
	color: #000000;
	text-decoration: underline;
}

.search_tags a:active {
	color: #666666;
}

.search_tags span:after {
	content: ", ";
}

.search_tags span:last-child:after {
	content: "";
}

/**
 * Video component
 */

.video_component {
	float: left;
	margin: 0 15px 15px 0;
}

/**
 * Audio component
 */

.audio_component {
	color: #777777;
	font-family: "Droid Sans Mono", Monaco, Monospace, Arial, san-serif;
	font-size: 10px;
	height: 30px;
	line-height: 26px;
	width: 300px;
}

.audio_component div {
	height: 26px;
}

.audio_component .border {
	border: 2px solid #aaaaaa;
	opacity: 0.5;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.audio_component .vertical_border {
	background: #aaaaaa;
	opacity: 0.50;

	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.audio_component .controls {
	top: 2px; left: 2px;
}

.audio_component .play_pause {
	background-image: url("/_gfx/playpause.png");
	background-image: url("/_gfx/svg/playpause.svg"), none;
}

.audio_component .spectrum .spectrum_bar {
	background: #666666;
}

.audio_component .loading {
	background: #bbbbbb;
	opacity: 0.25;

	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
}

.audio_component .progress {
	background: #bbbbbb;
	border-right: 1px dotted #333333;
	opacity: 0.25;

	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
}

.audio_component .volume_slide.hover {
	background: #bbbbbb;
	opacity: 0.3;

	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}

/*
 * Other
 */

.clear:after {
	content: "";
	display: table;
	clear: both;
}

body > .loading {
	display: none;
	position: fixed;
	top: 8px; left: 8px;
	z-index: 100;
}

#autopaginate_loader {
	display: none;
	text-align: center;
	padding: 60px 0;
}

#autopaginate_loader .loading {
	margin: 0 auto;
}

/* Admin and following icons — only seen by members */
.toolset {
	position: fixed;
	top: 10px; right: 10px;
	z-index: 9999;
}

/* "Running on Cargo" */
.cargo_link {
	color:transparent;
	font-size: 0px;
	font-family: sans-serif;
	position: fixed;
	opacity: 0.2;
	right: 35px;
	bottom: 35px;
	z-index: 99;
}

.cargo_link:hover {
	opacity: 0.6;
}

.cargo_link:active {
	opacity: 0.9;
}

.cargo_link a {
	border-bottom: 1px solid transparent;
	color: tsparent;
	padding-bottom: 2px;
	text-decoration: none;
}

/**
 * Fullscreen button
 */

a#fullscreen {
	background-color: #fff;
	background-image: url("/_gfx/fullscreen_open.png");
	background-image: url("/_gfx/svg/fullscreen_open.svg"), none;
	background-repeat: no-repeat;
	background-position: 67px 3px;
	border: 1px solid #ccc;
	color: #666;
	display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	height: 19px;
	padding: 0 4px 0 5px;
	position: fixed;
	top: 75px;
	right: 70px;
	text-align: left;
	text-decoration: none;
	width: 74px;
}

a#fullscreen:hover {
	background-color: #fff;
	color: #000;
	border: 1px solid #999;
}

a#fullscreen:active {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #999;
}

/*
 * Fullscreen
 */

#fullscreen {
	clear: both;
}
#fullscreen.fullscreen_ie {
	line-height: 21px;
}

#freshbox {
	background: #000000;
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	z-index: 9999999;
}

#freshbox.ie {
	visibility: visible !important;
}

#freshbox_centering {
	position: absolute;
	top: 0; left: 0;
	text-align: center;
}

#freshbox img {
	display: none;
	position: absolute;
	top: 0; left: 0;
	z-index: 109;
}

#freshbox img.active {
	display: block;
	z-index: 110;
}

#freshbox img.preload {
	display: block;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#freshbox img#freshbox_loading,
#freshbox #freshbox_loading.retinaSpinner {
	display: block;
	float: none;
	height: 20px;
	margin: -10px 0 0 -10px;
	position: absolute;
	top: 50%; left: 50%;
	width: 20px;
	z-index: 101;
}

/**
 * Navigation
 */

.freshbox_navigation {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-

serif;
	font-size: 12px;
	margin-left: -53px;
	position: fixed;
	bottom: 50px; left: 50%;
	width: 106px;
	z-index: 99999;
}

.freshbox_navigation_group {
	background: rgba(10, 10, 10, 0.2);
	float: left;
	height: 34px;
	margin: 0 10px 0 0;
	padding: 0 2px 0 1px;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.freshbox_navigation a {
	background-color: #ffffff;
	color: #000000;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 2px 0 2px 1px;
	padding: 0 10px 0 10px;
	text-decoration: none;

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

a.freshbox_nav_button {
	padding: 0;
	width: 30px;
}

a.freshbox_nav_button .nav_svg {
	fill: #999999;
}

a.freshbox_nav_button:hover {
	background-color: #f2f2f2;
}

a.freshbox_nav_button:hover .nav_svg {
	fill: #555555;
}

a.freshbox_nav_button:active a:active {
	background-color: #f2f2f2;
}

a.freshbox_nav_button:active .nav_svg {
	fill: #222222;
}

a#fullscreen_close .nav_svg {
	shape-rendering: crispEdges;
}

a.freshbox_nav_button.disabled {
	background-color: #ffffff;
	cursor: default;
}

a.freshbox_nav_button.disabled .nav_svg {
	fill: #cccccc !important;
}

#freshbox.single .freshbox_navigation_group {
	margin: 0 0 0 35px;
}

/**
 * iOS formatting for fullscreen
 */

#freshbox.ios .freshbox_navigation {
	bottom: 20px;
}

/*
 * IE Fullscreen SVG fallback used in the navigation.
 *
 *	   If you have any questions about this please visit our
 *	   support forum: http://support.cargocollective.com
 *
 */

#freshbox.ie .freshbox_navigation svg {
	display: none;
}

#freshbox.ie a.freshbox_nav_button {
	background-image: url(/_gfx/landsat_navigation_sprite.png);
	background-repeat: no-repeat;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_prev {
	background-position: 0 0;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_prev:hover {
	background-position: 0 -30px;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_prev:active {
	background-position: 0 0;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_next {
	background-position: -59px 0;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_next:hover {
	background-position: -59px -30px;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_next:active {
	background-position: -59px 0;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_close {
	background-position: -180px 0;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_close:hover {
	background-position: -180px -30px;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_close:active {
	background-position: -180px 0;
}

.freshbox_navigation {
	margin-left: -43px;
	width: 150px;
}
 

a.freshbox_nav_button#fullscreen_zoom {
	margin-left: 14px;
	overflow: hidden;
}

a.freshbox_nav_button#fullscreen_zoom.active svg {
	margin-left: -30px;
}

#freshbox.ie a.freshbox_nav_button#fullscreen_zoom {
	background-position: -90px 0;
}
 
#freshbox.ie a.freshbox_nav_button#fullscreen_zoom:hover {
	background-position: -90px -30px;
}
 
#freshbox.ie a.freshbox_nav_button#fullscreen_zoom:active {
	background-position: -90px 0;
}
 
#freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active {
	background-position: -120px 0;
}
 
#freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active:hover {
	background-position: -120px -30px;
}
 
#freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active:active {
	background-position: -120px 0;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.04.2015, 10:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von melvinuspo Beitrag anzeigen
Nun möchte ich aber, dass die Bilder, egal wie groß oder klein das Browserfenster ist, die gleiche Größe behalten [... ] Die Höhe der Bilder soll aber dynamisch bleiben.
Entscheide dich, was du willst. Entweder das eine oder das andere.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.04.2015, 17:11
Benutzer
neuer user
 
Registriert seit: 22.04.2014
Beiträge: 75
Toro befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Entscheide dich, was du willst. Entweder das eine oder das andere.
Warum immer so aggressive Antworten von dir, Cloned?
Ich halte solche Antworten nicht für nötig und die erscheinen von dir überall, jeden Tag. Wenn jemand innerhalb eines Jahres über 600 mal postet dann steht da wohl öfters mal ... drinn. Wenn du nichts gutes zu sagen hast dann sag es doch nicht denn es hilft keinem weiter.

Ich denke das muss mal gesagt sein, es traut sich wohl kein anderer dazu.
Mit Zitat antworten
  #4 (permalink)  
Alt 07.04.2015, 17:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Es tut mir sehr leid, wenn das aggressiv rüber kommt. Aber es kann auch sein, dass ich keine Lust habe das Selbe 100 mal auszuformulieren, wenn sich der Threadersteller wohl offensichtlich nicht sicher ist, was er möchte. Da möchte ich mir unnötige Arbeit ersparen und erst mal versuchen zu erörtern, was derjenige überhaupt will.
Es geht entweder das eine oder das andere. Man kann nicht sagen: "Ich möchte, dass sich das verändert. ... Und ich möchte, dass das aber gleich bleibt."
Oder möchtest du, dass die Bilder abgeschnitten werden, wenn das Fenster kleiner wird? <-- Das ist das einzige, was ich noch durch die Glaskugel aus deiner Anforderung rauslesen kann, aber ich weiß wie gesagt nicht, was du eigentlich genau willst.

btw. der zweite Punkt, den ich noch anfügen kann: CSS Code ohne HTML Code ist nutzlos. Schöner Ausformuliert, damit du dich auskennst: Das ist, wenn du zum Mechaniker gehst und sagst: Mein Auto fährt nicht mehr. Achja, es ist rot.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Overflow bzw. Scroll Probleme beim skalieren des Browserfensters pmc CSS 2 18.09.2008 19:31
Ratschläge bei Publizierung eines fertigen Layouts gesucht Black Fladder CSS 55 05.09.2004 15:30
Overflow - Darstellung des Scrollbalkens im IE falsch?? stollev CSS 6 05.07.2004 16:44
problem mit verkleinerung des browserfensters olli666 CSS 1 06.09.2003 15:04
Bildlaufleiste des IE unsichtbar machen Jürgen CSS 10 06.06.2003 16:15


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:17 Uhr.