Beiträge von Skateb

Oh, okay, jetzt wird alles angezeigt, da ich die ältere Datei gelöscht habe. Wenn das zu keinem Problem in Zukunft fürt ist das Problem behoben, Danke.

Habe auf meiner Seite den s3slider als header eingefügt und eine animierte Navigation darunter las Navigation. Beide funktionieren problemlos alleine, aber zusammen immer nur einer. Es funktioniert immer der, der im head als letztes eingefügt wurde. Kann es sein, dass der code der beiden untereinander zu einem Problem führt?

Hier mal der code:

SLIDER:


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- CSS -->
<style type="text/css" media="screen">
#slider1 {
    width: 820px; /* important to be same as image width */
    height: 600px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}


#slider1Content {
    width: 820px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
    display: none;
}
.slider1Image span {
    position: absolute;
    font: 12px/15px arial, tahoma, geneva, verdana, sans-serif;
    padding: 20px 20px 0px 20px;
    width: 694px;
    background-color: #434343;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
    clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
    top: 0;
    left: 0;
    width: 230px !important;
    height: 100px;
}


ul { list-style-type: none;}
</style>
<!-- JavaScripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider1').s3Slider({
            timeOut: 6000 
        });
    });
</script>




NAVIGATION:


<link href="css/webwidget_menu_glide.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/webwidget_menu_glide.js"></script>

Vielen Dank für eure Hilfe!

Jap, nur mal kurz in ein Tutorial im I-net hineingeschnuppert.

Wie gebe ich einen Unterordner an? Mit ./Ordner/Datei.php?

Und muss diese php Datei wie eine Html Seite aufgebaut sein, mir head body...?

Kann ich meinen News- Navigationsbereich von index.htm ausschneiden, in den PHP Ordner mit navinews.htm(ohne html-, head-, body-Tags) legen und in der index.htm an dem ehemaligen platz <?php include ("./php/navinews.php"); ?> einfügen? Geht das überhaupt und übernimmt er dann alle Css funktionen, welche auf die index Datei verweisen und nicht auf die php- Datei?

Dies ist mein Navibereich:

<div id="navigation">


    <div id="naviheadline">
        CATEGORIES 
    </div>



        <ul id="menuelist">
            <li><a href="index.htm" >home</a><hr class="naviline" /></li>
            <li><a href="http://www.html.net/" >biography</a><hr class="naviline" /></li>
            <li><a href="http://www.html.net/" >impressum</a><hr class="naviline" /></li>
        </ul>
          <ul id="menuelist2">
            <li><a href="http://www.html.net/" >gallery/ blog</a><hr class="naviline" /></li>
            <li><a href="#contact" >contact</a><hr class="naviline" /></li>
        </ul>


    
        <div style="clear:both;"></div>


    <div id="navipictureheadline">
        NEWEST IMAGES 
    </div>


    <div class="navipicture">
        <a href="pictures/navigation/skateboard-by-pippij.jpg" rel="lightbox[naviimages]" title="navi relativer Positionierung liegt in der Berechnung der Position. Die Position eines relativ positionierten Elementes" >
        <img class="navipictureleft" src="pictures/navigation/aef.jpg" alt="new image" />
        </a>
    <div class="navipicturetext">
        <div class="navipicturetext2">
<p> Blfs neben dem Bild </p>
        </div>
        <div class="navipicturetext3">
<i>December 12, 2008</i>
        </div>
    </div>
        <div style="clear:both;"></div>
        <hr class="naviline" />
    </div> 


    <div class="navipicture">
        <a href="pictures/navigation/sdf.jpg" rel="lightbox[naviimages]" title="navi new images" >
        <img class="navipictureleft" src="pictures/navigation/sdf.jpg" alt="new image" />
        </a>
    <div class="navipicturetext">
        <div class="navipicturetext2">
<p> Text neben dem Bild </p>
        </div>
        <div class="navipicturetext3">
<i>December 12, 2008</i>
        </div>
    </div>
        <div style="clear:both;"></div>
        <hr class="naviline" />
    </div>


    <div class="navipicture">
        <a href="pictures/navigation/avatar2636970_1.jpg" rel="lightbox[naviimages]" title="navi new images" >
        <img class="navipictureleft" src="pictures/navigation/avatar2636970_1.jpg" alt="new image" />
        </a>
    <div class="navipicturetext">
        <div class="navipicturetext2">
<p> Text neben dem Bild </p>
        </div>
        <div class="navipicturetext3">
<i>December 12, 2008</i>
        </div>
    </div>
        <div style="clear:both;"></div>
        <hr class="naviline" />
    </div>


    </div> <!-- Ende Navigation -->

Da ich mich nicht mir PHP auskenne, gibt es da etwas mit copy und paste?

Hallo,

möchte, dass der Inhalt in meinen news Divs auf der Index Seite auf alle weiteren Unterseiten in die Divs automatisch aktualisiert/kopiert wird. Wie kann ich das realisieren? Sind das sogenannte Variablen?

Danke

Im Internetexplorer(ausschließlich) werden um die Bilder Blaue linklinien angezeigt, wie bekomme ich die weg, ohne an den anderen Linkeigenschaften etwas zu ändern, denn das funktioniert jetzt super?

Den habe ich bisher noch nicht eingefügt, da ich nicht weiß wohin er muss und ob er verschachtelt werden soll.

Wie schaffe ich es, dass der Text(rechts) neben dem Bild steht, ohne dass sich bei float der Rest der Navigation mitverändert?

<div class="navipicture">
<a href="pictures/navigation/skateboard-by-pippij.jpg" rel="lightbox[naviimages]" title="navi relativer Positionierung liegt in der Berechnung der Position. Die Position eines relativ positionierten Elementes" >
<img src="pictures/navigation/aef.jpg" alt="new image" />
</a>
<hr class="naviline" />
</div>

<div class="navipicture">
<a href="pictures/navigation/sdf.jpg" rel="lightbox[naviimages]" title="navi new images" >
<img src="pictures/navigation/sdf.jpg" alt="new image" />
</a>
<hr class="naviline" />
</div>

<div class="navipicture">
<a href="pictures/navigation/avatar2636970_1.jpg" rel="lightbox[naviimages]" title="navi new images" >
<img src="pictures/navigation/avatar2636970_1.jpg" alt="new image" />
</a>
<hr class="naviline" />
</div>

</div> <!-- Ende Navigation -->

Vielleicht hilft es dir weiter, wenn du mal auf dieser Seite das Tutorial über Hintergründe durchliest: http://de.html.net/tutorials/css/lesson3.php .

Jetzt funktioniert alles wie es soll, danke nochmal

Okay, das funktioniert, allerdings ist das Problem an sich noch nicht behoben. Es ist z.B. sichtbar, wenn man auf ein Bild klickt und in Lightbox sieht man dann wieder diese Rote Linie, wenn man mit dem Mauszeiger über das "x" geht. Die Link attribute aus dem Footer scheinen für das ganze Script zu gelten, obwohl ich ihm eine id gegeben habe?

Super, habe es noch etwas modifiziert, aber funktioniert endlich.
Wie kann ich jetzt noch die rote Linkunterstreichung unter den Bilder wegbekommen?

Bin langsam am Verzweifeln. Habe das bisher soweit alles getan und hochgeladen. Hier http://al.al.funpic.de/2/Sport%20Homepage/ kann man nun die Navigation sehen, welche nicht die korrekte Linkfarbe (grau), Schriftart, "hr" Linie ist nur so kurz wie das Wort... hat und leider auch falsch angeordnet ist. Es sollten immer zwei in einer horizontalen Reihe stehen. Habe mich mal im Internet erkundigt und weitere Methoden ausprobiert, leider erfolglos.

Würde gerne versuchen ob auf diese Weise das mit den Links funktioniert, allerdings schaffe ich es partout nicht meine Navigation in eine Liste hineinzubekommen, die dann so dargestellt wird, wie bisher in der Tabelle.

Habe es so probiert:
<ul>
<li></li>
<li></li>
<li></li>
</ul>

<ul>
<li></li>
<li></li>
</ul>
<div style="clear:both;"></div>
Habe hier die erste Liste auf float: left; gesetzt, funktioniert leider nicht.

Und so:

Jeweils zwei "li" nebeneinander mit mit display: inline;, geht auch nicht, da im Explorer die zwei links nicht horizontal dagestellt werden.

Habe das mal ausprobiert, leider klappt das nicht.

Hier kannst du das mal auf meiner Seite anschauen: http://al.al.funpic.de/2/Sport%20Homepage/ .

Skateb

Hallo,

habe versucht auf meiner Seite die Linkfarbe individuell mit class und id zu verändern. Allerdings werden dadurch alle Links auf der Seite verändert, obwohl ich class und id verwendet habe, um dieses problem zu beheben. So etsteht z.B. eine Rote Linie unter dem Bild, wenn man darauf kickt, was nicht so sein soll.
Wie kann ich die Links einzeln ansprechen?

Danke

Super, funktioniert. Aber man braucht nur die Navigation auf float left zu setzen, der content füllt dann von alleine den leeren Bereich auf. Sonst bekomme ich Probleme mit meinem footer, da die Hintergrundfarbe von ihm den contend ausfüllt.:-)

Kein Problem.

http://al.al.funpic.de/2/Sport%20Homepage/