kostenloser Webspace werbefrei: lima-city


Suche auf lima-city

  • in: Lighbox Probleme

    geschrieben von pablos-place

    Danke für die Hinweise, ich hab jetzt noch etwas geändert und die Fancybox im Quelltext ganz nach oben gegeben und darunter kommen erst die CSS für das Layout der Seite.

    Dadurch passt jetzt das Layout der Seite wieder, gleichzeitig hab ich dadurch aber die Fancybox funktion zerstört...*heul*

    Kann hier nochmal jemand im Queltext nachschauen: http://pablos-place.info/gallery.html

    Kann ich das jquery nicht auf eine externe Datei verweisen anstatt das alles in der Seite zu haben? Vielleicht hilft das

    menschle schrieb:
    Ganz sicher kommen sich die Variablen in die Quere, z.B.:
    var m=function()
    Variable m (oder auch noch andere; [cufon-yui.js]) könnte(n) mehrfach genutzt worden sein - das würde ich zunächst prüfen.


    Wo sind diese zu finden? Hab ich nicht entdeckt, ist das auf der Seite bzw. was muss ich da genau ändern?
  • in: Lighbox Probleme

    geschrieben von pablos-place

    hier sind sicher einige Fehler drinnen....

    kann ich die Punkte die du Aufgeführt hast einfach rauslöschen? Würde hier nämlich noch etwas unterstützung benötigen, da ich es alleine sicher nicht gebacken bekomm.

    lg Patrick
  • in: Lighbox Probleme

    geschrieben von pablos-place

    Sorry tut mir leid...du hattest recht es ist Fancybox....
    Lightbox hatte ich mir auch angeschaut und hatte ich schon mal oben und dann aber doch Fancybox genommen.

    Hier ist meinte Testseite http://pablos-place.lima-city.de/gallery.html

    Und man kann hier sehen das ich durch meine wahrscheinich sehr banale Vorgehensweise das Design der Seite zerstört habe.

    1. Der Selektor ganz oben funktioniert nicht mehr
    2. die Menüleiste ist auch "kaputt"

    3. aber die Fancybox funktioniert ;-)

    Im Firefox sieht es ja noch halbwegs "normal" aus, aber im IE9 ist es total zerstört.

  • in: Lighbox Probleme

    geschrieben von pablos-place

    Hi,

    ich hab jetzt für eine Fotogalerie etwas mit Lightbox herumgespielt…

    Die Funtion hab ich urpsrünlich schon mal zum Laufen gebracht, jedoch hab ich mir das Layout meiner Website dadurch zerstört….
    Darum hab ich die Funktion jetzt wieder deaktivert, weiß jedoch leider nicht wie ich diese in die Seite einbauen muss damit

    1. die Fotogalerie funktioniert
    2. das Layout nicht durcheinanderkommt (Probleme gab es mit der „Slider“ Funktionalität im Header – mit den 3 Bilder.

    Kann mir vielleicht jemand einen Tipp geben wie das Javascript der Lightbox in der Seite einfügen kann ohne das was kapput geht?

    Danke und lg
    Patrick

    Hier ist die Seite ohne Lightbox:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Pablo's Place</title>
      <meta charset="utf-8">
      <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
      <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
      <script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
      <script type="text/javascript" src="js/cufon-yui.js"></script>
      <script type="text/javascript" src="js/Humanst521_BT_400.font.js"></script>
      <script type="text/javascript" src="js/Humanst521_Lt_BT_400.font.js"></script>
    	<script type="text/javascript" src="js/roundabout.js"></script>
      <script type="text/javascript" src="js/roundabout_shapes.js"></script>
      <script type="text/javascript" src="js/gallery_init.js"></script>
      <script type="text/javascript" src="js/cufon-replace.js"></script>
      <!--[if lt IE 7]>
      	<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="all">
      <![endif]-->
      <!--[if lt IE 9]>
      	<script type="text/javascript" src="js/html5.js"></script>
        <script type="text/javascript" src="js/IE9.js"></script>
      <![endif]-->
    </head>
     
    <body>
      <!-- header -->
      <header>
        <div class="container">
        	<h1><a href="index.html">Pablo's Place</a></h1>
          <nav>
            <ul>
    
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">&Uuml;ber mich</a></li>
    <li><a href="training.html">Ausbildung</a></li>
    <li><a href="gallery.html">Galerie</a></li>
    <li><a href="links.html">Links</a></li>
    <li><a href="contact.html">G&#228;stebuch</a></li>
            </ul>
          </nav>
        </div>
    	</header>
      <!-- #gallery -->
      <section id="gallery">
      	<div class="container">
        	<ul id="myRoundabout">
    <li><img src="images/slide3.jpg" border="0" /></li>
    <li><img src="images/slide4.jpg" border="0" /></li>
    <li><img src="images/slide2.jpg" border="0" /></li>
          </ul>
      	</div>
      </section>
      <!-- /#gallery -->
      <div class="main-box">
        <div class="container">
          <div class="inside">
        <h2>Meine <span>Fotogalerie</span></h2>
            <p>Hier sind schon meine ersten Fotos!!!</br>Zum Vergr&#246;ßern einfach auf das Vorschaubild klicken</p></br>
    
    <p>
    
    <a class="fancybox-effects-d" rel="group" href="/Grafik/Fotogalerie/Baby/1-tag.jpg"><img src="/Grafik/Fotogalerie/Baby/thumb/1-tag.jpg" alt="1. Tag" /></a>
    <a class="fancybox-effects-d" rel="group" href="/Grafik/Fotogalerie/Baby/1-woche.jpg"><img src="/Grafik/Fotogalerie/Baby/thumb/1-woche.jpg" alt="1. Woche" /></a>
    <a class="fancybox-effects-d" rel="group" href="/Grafik/Fotogalerie/Baby/2-woche.jpg"><img src="/Grafik/Fotogalerie/Baby/thumb/2-woche.jpg" alt="1. Woche" /></a></br></br>
    <a class="fancybox-effects-d" rel="group" href="/Grafik/Fotogalerie/Baby/3-woche.jpg"><img src="/Grafik/Fotogalerie/Baby/thumb/3-woche.jpg" alt="1. Woche" /></a>
    <a class="fancybox-effects-d" rel="group" href="/Grafik/Fotogalerie/Baby/4-woche.jpg"><img src="/Grafik/Fotogalerie/Baby/thumb/4-woche.jpg" alt="1. Woche" /></a>
    <a class="fancybox-effects-d" rel="group" href="/Grafik/Fotogalerie/Baby/5-woche.jpg"><img src="/Grafik/Fotogalerie/Baby/thumb/5-woche.jpg" alt="1. Woche" /></a></br></br>
    <a class="fancybox-effects-d" rel="group" href="/Grafik/Fotogalerie/Baby/6-woche.jpg"><img src="/Grafik/Fotogalerie/Baby/thumb/6-woche.jpg" alt="1. Woche" /></a></br></br>
    
    &#169;Birog's Hunting / Hannelore & Stefanie Kaineder 
    	</p>
      
          </div>
        </div>
      </div>
      <!-- footer -->
      <footer>
        <div class="container">
        	<div class="wrapper">
            <div class="fleft"></div>
            <div class="fright"><!--<a rel="nofollow" href="http://www.templatemonster.com/" target="_blank">Website template</a> designed by TemplateMonster.com&nbsp; &nbsp; |&nbsp; &nbsp; <a href="http://templates.com/product/3d-models/" target="_blank">3D Models</a> provided by Templates.com--></div>
          </div>
        </div>
      </footer>
      <script type="text/javascript"> Cufon.now(); </script>
    </body>


    Und hier ist das Lightbox Scrip:

    <!-- Add jQuery library -->
    	<script type="text/javascript" src="/Galerie/lib/jquery-1.9.0.min.js"></script>                      
    
    	<!-- Add fancyBox main JS and CSS files -->
    	<script type="text/javascript" src=" /Galerie/source/jquery.fancybox.js"></script>                   
    	<link rel="stylesheet" type="text/css" href="/Galerie/source/jquery.fancybox.css" media="screen" />  
    
    	
    	<script type="text/javascript">
    		$(document).ready(function() {
    			/*
    			 *  Simple image gallery. Uses default settings
    			 */
    
    			$('.fancybox').fancybox();
    
    			/*
    			 *  Different effects
    			 */
    
    			// Change title type, overlay closing speed
    			$(".fancybox-effects-a").fancybox({
    				helpers: {
    					title : {
    						type : 'outside'
    					},
    					overlay : {
    						speedOut : 0
    					}
    				}
    			});
    
    			// Disable opening and closing animations, change title type
    			$(".fancybox-effects-b").fancybox({
    				openEffect  : 'none',
    				closeEffect	: 'none',
    
    				helpers : {
    					title : {
    						type : 'over'
    					}
    				}
    			});
    
    			// Set custom style, close if clicked, change title type and overlay color
    			$(".fancybox-effects-c").fancybox({
    				wrapCSS    : 'fancybox-custom',
    				closeClick : true,
    
    				openEffect : 'none',
    
    				helpers : {
    					title : {
    						type : 'inside'
    					},
    					overlay : {
    						css : {
    							'background' : 'rgba(238,238,238,0.85)'
    						}
    					}
    				}
    			});
    
    			// Remove padding, set opening and closing animations, close if clicked and disable overlay
    			$(".fancybox-effects-d").fancybox({
    				padding: 0,
    
    				openEffect : 'elastic',
    				openSpeed  : 150,
    
    				closeEffect : 'elastic',
    				closeSpeed  : 150,
    
    				closeClick : true,
    
    				helpers : {
    					overlay : null
    				}
    			});
    
    			/*
    			 *  Button helper. Disable animations, hide close button, change title type and content
    			 */
    
    			$('.fancybox-buttons').fancybox({
    				openEffect  : 'none',
    				closeEffect : 'none',
    
    				prevEffect : 'none',
    				nextEffect : 'none',
    
    				closeBtn  : false,
    
    				helpers : {
    					title : {
    						type : 'inside'
    					},
    					buttons	: {}
    				},
    
    				afterLoad : function() {
    					this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
    				}
    			});
    
    
    			/*
    			 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
    			 */
    
    			$('.fancybox-thumbs').fancybox({
    				prevEffect : 'none',
    				nextEffect : 'none',
    
    				closeBtn  : false,
    				arrows    : false,
    				nextClick : true,
    
    				helpers : {
    					thumbs : {
    						width  : 50,
    						height : 50
    					}
    				}
    			});
    
    			/*
    			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
    			*/
    			$('.fancybox-media')
    				.attr('rel', 'media-gallery')
    				.fancybox({
    					openEffect : 'none',
    					closeEffect : 'none',
    					prevEffect : 'none',
    					nextEffect : 'none',
    
    					arrows : false,
    					helpers : {
    						media : {},
    						buttons : {}
    					}
    				});
    
    			/*
    			 *  Open manually
    			 */
    
    			$("#fancybox-manual-a").click(function() {
    				$.fancybox.open('1_b.jpg');
    			});
    
    			$("#fancybox-manual-b").click(function() {
    				$.fancybox.open({
    					href : 'iframe.html',
    					type : 'iframe',
    					padding : 5
    				});
    			});
    
    			$("#fancybox-manual-c").click(function() {
    				$.fancybox.open([
    					{
    						href : '1_b.jpg',
    						title : 'My title'
    					}, {
    						href : '2_b.jpg',
    						title : '2nd title'
    					}, {
    						href : '3_b.jpg'
    					}
    				], {
    					helpers : {
    						thumbs : {
    							width: 75,
    							height: 50
    						}
    					}
    				});
    			});
    
    
    		});
    	</script>
    	<style type="text/css">
    		.fancybox-custom .fancybox-skin {
    			box-shadow: 0 0 50px #222;
    		}
    	</style>
      <!--[if lt IE 7]>
      	<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="all">
      <![endif]-->
      <!--[if lt IE 9]>
      	<script type="text/javascript" src="js/html5.js"></script>
        <script type="text/javascript" src="js/IE9.js"></script>
      <![endif]-->
    
    
    
    
    
          </div>
        </div>
      </div>
      <!-- footer -->
      <footer>
        <div class="container">
        	<div class="wrapper">
            <div class="fleft"></div>
            <div class="fright"><!--<a rel="nofollow" href="http://www.templatemonster.com/" target="_blank">Website template</a> designed by TemplateMonster.com&nbsp; &nbsp; |&nbsp; &nbsp; <a href="http://templates.com/product/3d-models/" target="_blank">3D Models</a> provided by Templates.com--></div>
          </div>
        </div>
      </footer>
      <script type="text/javascript"> Cufon.now(); </script>

  • in: Gästebuch erstellen - kann das jemand?

    geschrieben von pablos-place

    Hi,

    ich habe jetzt mal etwas herumprobiert und versucht ein Gästebuch nach dem Tuturial zu machen:
    http://www.lima-city.de/tutorials/gaestebuch-mit-php-mysql-funktioniert-garantiert

    leider bin ich kläglich damit gescheitert da mich dieses php total verwirrt und ich auch mit den Anleitungen nicht viel anfangen kann.
    Darum meine naive Frage…wäre hier jemand im Forum bereit mir ein Template für ein Gästebuch zu erstellen?
    Denn eigenständig pack ich das nicht.

    Lg Patrick
  • in: Website in IE nicht richtig dargestellt

    geschrieben von pablos-place

    Ich hab zwar den 10er nicht aber angeblich soll es mit den 10er ja kaum mehr Probleme geben da hier endlich die Standards übernomen werden die Opera und FF schon immer nutzten.

    Hab schon am 9er Explorer zuhause und in der Arbeit probiert...und bei beiden wird es nicht angezeigt.
    Hat vielleicht noch jemand einen 9er und einen Lösungsvorschlag parrat?
  • in: Website in IE nicht richtig dargestellt

    geschrieben von pablos-place

    Hallo zusammen,

    habe gestern fleißig an meiner Webseite gearbeitet und mir auch schon eine Domain registriert
    und nach ein paar anfänglichen Stolpersteinen war ich froh es soweit geschafft zu haben.

    Nachdem ich aber den ganzen Tag im Firefox gearbeitet hab, dachte ich meine Seite wär o.k.
    Als ich dann aber den Internet Explorer (9) aufmachten wurde der Text der Menüpunkte nicht angezeigt,
    das unglaubliche im Internet Explorer (6) werden die angezeigt….normalerweise geht ja nix im 6er
    darum wundert es mich das es da geht aber nicht im 9er….

    Kann mir jemand helfen was ich da im Stylesheet ändern muss?

    Meine Seite:
    http://www.pablos-place.lima-city.de/

    Mein CSS:

    /* Getting the new tags to behave */
    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
    mark, rp, rt, ruby, summary, time{ display: inline }
    
    /* Global properties ======================================================== */
    body { 
    	background:#212222; 
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:100%; 
    	line-height:1.125em;
    	color:#242424;
    }
    html { min-width:1000px;}
    html, body { height:100%;}
    
    
    
    /* Global Structure ============================================================= */
    .container {
    	margin: 0 auto;
    	position: relative;
    	width: 1000px;
    	font-size:.8125em;
    }
    
    	/* Header */
    	header{
    		height:72px;
    		overflow:hidden;
    		background:url(../images/header-bg.gif) 0 0 repeat-x;
    	}
    	
    	/*Gallery*/
    	#gallery {
    		height:350px;
    		overflow:hidden;
    		background:url(../images/gallerry-bg.gif) 0 0 repeat-x;
    	}
    	
    	/* Content */
    	#content {
    		float: left;
    		width: 572px;
    	}
    	
    	/* Sidebar */
    	aside{
    		float: left;
    		width: 302px;
    		margin-right:52px;
    	}
    			
    	/* Footer */
    	footer{
    		padding:20px 0 22px 0;
    		border-top:5px solid #eee;
    	}
    
    
    
    
    /* Left & Right alignment */
    
    .fleft { float:left;}
    .fright { float:right;}
    .clear { clear:both;}
    
    .col-1, .col-2, .col-3 { float:left;}
    
    .alignright { text-align:right;}
    .aligncenter { text-align:center;}
    
    .wrapper { 
    	width:100%;
    	overflow:hidden;
    }
    
    /* The inside class provides consistent padding. To be used often! */
    .inside{ padding: 32px 37px 50px 37px; }
    
    
    /*----- form defaults -----*/
    input, select, textarea { 
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:1em;
    	vertical-align:middle;
    	font-weight:normal;
    }
    
    /*----- other -----*/
    figure { margin-bottom:18px;}
    
    .img-indent { 
    	margin:0 20px 0 0; 
    	float:left;
    }
    .img-box { 
    	width:100%; 
    	overflow:hidden; 
    	padding-bottom:15px;
    }
    	.img-box figure { 
    		float:left; 
    		margin:0 20px 0 0;
    		padding:0;
    	}
    
    .extra-wrap { 
    	overflow:hidden;
    }
    
    p {margin-bottom:18px;}
    .p1 { margin-bottom:9px;}
    .p2 { margin-bottom:18px;}
    .p3 { margin-bottom:27px;
    }
    
    
    /*----- txt, links, lines, titles -----*/
    a {
    	color:#f27f02; 
    	outline:none;
    }
    a:hover{
    	text-decoration:none;
    }
    
    h1 {
    	font-size:34px;
    	line-height:1.2em;
    	color:#fff;
    	font-weight:normal;
    	background:url(../images/logo.jpg) no-repeat 0 0;
    	padding:6px 0 8px 69px;
    	position:absolute;
    	left:39px;
    	top:6px;
    }
    	h1 a {
    		color:#fff;
    		text-decoration:none;
    	}
    h2 {
    	font-size:30px;
    	line-height:1.2em;
    	font-weight:normal;
    	color:#212222;
    	margin-bottom:22px;
    }
    	h2 span {
    		color:#8a8a8a;
    	}
    h3 {
    	font-size:1em;
    	margin-bottom:6px;
    }
    	h3 a { color:#242424; }
    	h3 a:hover {
    		text-shadow: 1px 1px 1px #888; 
    	}
    
    
    
    
    /*==================boxes====================*/
    .main-box {
    	border-top:5px solid #eaeaea;
    	background:#fff;
    	width:100%;
    }
    
    
    .contacts {
    	padding-bottom:20px;
    }
    	.contacts li {
    		width:100%;
    		overflow:hidden;
    	}
    		.contacts li strong {
    			float:left;
    			width:95px;
    		}
    
    
    .list1 {
    	margin-left:12px;
    	padding-bottom:18px;
    }
    .list1 li {
    	background:url(../images/arrow1.gif) no-repeat 0 6px;
    	padding:0 0 0 12px;
    }
    
    
    
    /*===== header =====*/
    header nav {
    	float:right;
    }
    		header nav ul li {
    			float:left;
    		}
    			header nav ul li a {
    				font-size:22px;
    				color:#fff;
    				height:67px;
    				line-height:67px;
    				text-decoration:none;
    				width:101px;
    				text-align:center;
    				float:left;
    				background:#433b8f;
    				background-image: gradient(top, #383282, #484095); /* FF3.6 */
    				background-image: -moz-linear-gradient(top, #383282, #484095); /* FF3.6 */
    				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #383282),color-stop(1, #484095)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 */
    		}
    		header nav ul li a.current, header nav ul li a:hover {
    			padding-bottom:5px;
    		}
    		
    		header nav ul li:nth-of-type(2) a {
    			background:#0184cd;
    			background-image: -moz-linear-gradient(top, #017bc8, #018ed3); /* FF3.6 */
    			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #017bc8),color-stop(1, #018ed3)); /* Saf4+, Chrome */
    			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3'); /* IE6,IE7 */
    			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')"; /* IE8 */
    		}
    		header nav ul li:nth-of-type(3) a {
    			background:#7cbc19;
    			background-image: -moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */
    			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */
    			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */
    			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */
    		}
    		header nav ul li:nth-of-type(4) a {
    			background:#ffbc00;
    			background-image: -moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */
    			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */
    			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */
    			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */
    		}
    		header nav ul li:nth-of-type(5) a {
    			background:#f07502;
    			background-image: -moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */
    			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */
    			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */
    			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */
    		}
    		header nav ul li:nth-of-type(6) a {
    			background:#d00110;
    			background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */
    			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */
    			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */
    			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */
    		}
    
    
    
    
    /*===== gallery =====*/
    .roundabout-holder  { 
    	width:850px;
    	height:350px;
    	margin:0 auto;
    }
    .roundabout-moveable-item {
       width: 500px;
       height: 322px;
       cursor: pointer;
    	 border:3px solid #ccc;
    	 border:3px solid rgba(0, 0, 0, 0.08);
       border-radius:4px;
    	 -moz-border-radius:4px;
    	 -webkit-border-radius:4px;
    }
    	.roundabout-moveable-item img{
    		width:100%;
    	}
    .roundabout-in-focus {
    	border:3px solid rgba(0, 0, 0, 0.2);
    }
    
    
    /*===== content =====*/
    #content {
    	
    }
    	#content img, aside img {
    		border:0px solid #ebebeb;
    		border-radius:0px;
    		-moz-border-radius:0px;
    		-webkit-border-radius:0px;
    	}
    	#content img:hover {
    		border-color:#bbb;
    	}
    	
    
    /*--- news list styles ---*/
    	.news li {
    		overflow:hidden;
    		position:relative;
    		padding:0 0 26px 84px;
    	}
    	.news li:last-child {
    		padding-bottom:0;
    	}
    	
    		.news li figure {
    			width:59px;
    			height:59px;
    			background:url(../images/date-bg1.gif) no-repeat 0 0;
    			position:absolute;
    			left:0;
    			top:0;
    			text-align:center;
    			border:3px solid #ebebeb;
    			border-radius:4px;
    			-moz-border-radius:4px;
    			-webkit-border-radius:4px;
    			font-size:10px;
    			color:#fff;
    			text-transform:uppercase;
    		}
    			.news li figure strong {
    				display:block;
    				font-size:30px;
    				line-height:1.2em;
    				margin-bottom:-7px;
    				padding-top:4px;
    			}
    		
    		.news li:nth-of-type(4n+2) figure {
    			background:url(../images/date-bg2.gif) no-repeat 0 0;
    		}
    		.news li:nth-of-type(4n+3) figure {
    			background:url(../images/date-bg3.gif) no-repeat 0 0;
    		}
    		.news li:nth-of-type(4n+4) figure {
    			background:url(../images/date-bg4.gif) no-repeat 0 0;
    		}
    
    
    
    
    .team-list li {
    	width:100%;
    	overflow:hidden;
    	padding-bottom:43px;
    }
    .team-list li:last-child {
    	padding-bottom:0;
    }
    	.team-list li figure {
    		float:left;
    		margin:0 20px 0 0;
    		padding:0;
    	}
    
    
    /*--- loopedSlider styles ---*/
    /*
     * Required 
    */
    #loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
    #loopedSlider .slides { position:absolute; top:0; left:0; }
    #loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
    /*
     * Optional
    */
    #loopedSlider { width:295px; position:relative; clear:both; }
    #loopedSlider .nav-controls {
    	width:100%;
    	overflow:hidden;
    	padding-top:10px;
    }
    #loopedSlider li {
    	display:inline;
    }
    #loopedSlider li a.previous {
    	float:left;
    }
    #loopedSlider li a.next {
    	float:right;
    }
    
    
    
    
    /*===== footer =====*/
    footer {
    	color:#fff;
    }
    	footer .fleft {
    		padding-left:40px;
    	}
    	footer .fright {
    		padding-right:40px;
    	}
    
    
    /*----- forms -----*/
    #contacts-form { 
    	clear:right;
    	width:100%;
    	overflow:hidden;
    }
    	#contacts-form fieldset { 
    		border:none;
    		float:left;
    	}
    		#contacts-form .field { 
    			clear:both;
    		}
    			#contacts-form label { 
    				float:left;
    				width:110px;
    				line-height:18px;
    				padding-bottom:6px;
    				font-weight:bold;
    			}
    			#contacts-form input {
    				width:205px;
    				padding:1px 0 1px 3px;
    				background:none;
    				border:1px solid #e5e5e5;
    				color:#616161;
    				float:left
    			}
    			#contacts-form input:invalid {
    				border-color:red;
    			}
    			#contacts-form textarea { 
    				width:450px;
    				height:215px;
    				padding:1px 0 1px 3px;
    				background:none;
    				border:1px solid #e5e5e5;
    				color:#616161;
    				margin-bottom:12px;
    				overflow:auto;
    				float:left;
    			}
    			#contacts-form div:last-child {
    				padding-left:110px;
    			}
    
    /*==========================================*/


  • in: Vergebene Domains

    geschrieben von pablos-place

    und je begeherter die Domain desto teurer....was ich aber nicht versteh is
    warum *.de Domains umsoviel billiger sind als *.at oder .*ch Domains...
  • in: CSS am Webspace einbinden

    geschrieben von pablos-place

    Super danke du hast mir sehr geholfen!

    Jetzt funktioniert alles :wave:
  • in: CSS am Webspace einbinden

    geschrieben von pablos-place

    Danke für den Link,

    hab hier auch schon herumgespielt, komm aber nicht wirklich weiter.

    Ich hab jetzt mal am Quelltext der Forlage geschaut und da wäre es eigentlich schon richtig eingebuden, es wird aber trotzdem nicht korrekt dargetellt:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Home - Home Page | Design Company - Free Website Template from Templatemonster.com</title>
      <meta charset="utf-8">
      <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
      <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
      <script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
      <script type="text/javascript" src="js/cufon-yui.js"></script>
      <script type="text/javascript" src="js/Humanst521_BT_400.font.js"></script>
      <script type="text/javascript" src="js/Humanst521_Lt_BT_400.font.js"></script>
    	<script type="text/javascript" src="js/roundabout.js"></script>
      <script type="text/javascript" src="js/roundabout_shapes.js"></script>
      <script type="text/javascript" src="js/gallery_init.js"></script>
      <script type="text/javascript" src="js/cufon-replace.js"></script>
      <!--[if lt IE 7]>
      	<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="all">
      <![endif]-->
      <!--[if lt IE 9]>
      	<script type="text/javascript" src="js/html5.js"></script>
        <script type="text/javascript" src="js/IE9.js"></script>
      <![endif]-->
    </head>


    Meine Struktur im Webspace sieht folgendermaßen aus:
    http://pablos-place.lima-city.de/Grafik/webspace.jpg

    Aber wo ist hier jetzt das Problem? Es ist doch alles da.....
  • in: CSS am Webspace einbinden

    geschrieben von pablos-place

    Hi,

    ich bin gerade am Vorbereiten meiner Website und hab jetzt ein passendes Stylesheet gefunden von dem ich wegarbeiten kann.

    Bei meiner alten Seite hab ich den Editor von NVU genommen mit dem ich immer eine HTML Vorlage aufgemacht habe und
    dann immer alles hochgeladen habe. Das war aber sehr mühsam und ist glaub ich auch nicht die eleganteste Vorgehensweise.

    Kann ich einfach mein CSS hochladen und „installieren“ damit wenn ich eine neue Seite erstelle diese dann damit verknüpfen?
    So funktioniert das auch bei unserer Firmenwebsite, immer wenn hier eine neue Seite erstellt wird diese automatisch mit dem CSS verknüpft.

    Kann mir hier jemand eine gute Seite empfehlen oder eine Anleitung geben?

    Danke und lg
    Patrick

Login zum Webhosting ohne Werbung!