Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag23.09.2012 um 16:54 (UTC)    
Titel: slider verschieben

huhu leute hab es nach langen hin und her geschafft meinen slider endlich hin zu bekommen und er klappt auch. hab nur folgendes problem. er ist an falscher stelle. ich möchte den zwischen der navi leiste und den 4 boxen unten haben. wäre gut wenn mir jemand helfen könnte
hier mal der link:
http://test-twardygrosz.de.tl/WWR.htm

achso hier der original code des sliders:

http://omba.de.tl/Sliderhpbk.htm#.UF8puK5tCvc


Zuletzt bearbeitet von test-twardygrosz am 23.09.2012, 17:57, insgesamt 2-mal bearbeitet
Beitrag24.09.2012 um 01:54 (UTC)    
Titel:

kann mann den slider nicht verschieben???
bitte helft mir

thx im vorraus
Beitrag24.09.2012 um 14:34 (UTC)    
Titel:

bitte hab schon alles versucht bekomm es einfach nicht hin den slider in richtiger position zu bringen
Beitrag24.09.2012 um 17:25 (UTC)    
Titel:

so richtige höhe hab ich hinbekommen. ich bräuchte ich nur noch hilfe den weiter nach lings zu bekommen.
Beitrag25.09.2012 um 17:09 (UTC)    
Titel:

hier mal der code. vl könnt ihr mir dann besser helfen. habe alles was zum slider gehört mal dich markiert. vl stimmt auch irgend was anderes nicht. bitte helft mir. hänge schon ein paar tage hier drann


text über dem design:

<!-- SocialMediaTabs.com START -->
<script type="text/javascript">
var smtabs_id = "1.0@3675@c0810324db40fc581e62e1fd250bffe9@tl/d//3675";
</script>
<script type="text/javascript" src="http://cdn.socialmediatabs.com/loader/loader.1.0.min.js"></script>
<!-- SocialMediaTabs.com STOP -->
<script language="JavaScript1.2">
var message="Twardygrosz.de.tl"
var message=message+""
i="0"
var temptitle=""
var geschw="200"

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",geschw)
}

window.onload=titler
</script>
<div class="coolmenu"> <div class="menu"> <div id="first" class="menu_head">Home</div> <div class="menu_box"> <a class="menu_link" href="http://twardygrosz.de.tl/Herzlich-Willkommen.htm" _fcksavedurl="http://twardygrosz.de.tl/Herzlich-Willkommen.htm">Home</a> <a class="menu_link" href="http://twardygrosz.de.tl/-Ue-ber-mich.htm" _fcksavedurl="http://twardygrosz.de.tl/-Ue-ber-mich.htm">Über mich</a> <a class="menu_link" href="http://twardygrosz.de.tl/Kontakt.htm" _fcksavedurl="http://twardygrosz.de.tl/Kontakt.htm">Kontakt</a> <a class="menu_link" href="http://twardygrosz.de.tl/Forum/index.htm" _fcksavedurl="http://twardygrosz.de.tl/Forum/index.htm">Forum</a> <a class="menu_link" href="http://twardygrosz.de.tl/Newsletter.htm" _fcksavedurl="http://twardygrosz.de.tl/Newsletter.htm">Newsletter</a> <a class="menu_link" href="http://twardygrosz.de.tl/G.ae.stebuch.htm" _fcksavedurl="http://twardygrosz.de.tl/G.ae.stebuch.htm">Gästebuch</a> <a class="menu_link" href="http://twardygrosz.de.tl/%A9Copyright.htm" _fcksavedurl="http://twardygrosz.de.tl/%A9Copyright.htm">©Copyright</a> </div> </div> <div class="menu"> <div class="menu_head">Computer & Co.</div> <div class="menu_box"> <a class="menu_link" href="http://twardygrosz.de.tl/Spiele.htm" _fcksavedurl="http://twardygrosz.de.tl/Spiele.htm">Spiele</a> <a class="menu_link" href="http://twardygrosz.de.tl/video.htm" _fcksavedurl="http://twardygrosz.de.tl/video.htm">Videos</a> <a class="menu_link" href="https://plus.google.com" _fcksavedurl="https://plus.google.com">Google+</a> <a class="menu_link" href="http://www.Facebook.com" _fcksavedurl="http://www.Facebook.com">Facebook</a> <a class="menu_link" href="http://twardygrosz.de.tl/Downloads.htm" _fcksavedurl="http://twardygrosz.de.tl/Downloads.htm">Downloads</a> <a class="menu_link" href="http://twardygrosz.de.tl/Programme.htm" _fcksavedurl="http://twardygrosz.de.tl/Programme.htm">Programme</a> <a class="menu_link" href="http://twardygrosz.de.tl/Virenkunde.htm" _fcksavedurl="http://twardygrosz.de.tl/Virenkunde.htm">Virenkunde</a> <a class="menu_link" href="http://twardygrosz.de.tl/Betriebssysteme.htm" _fcksavedurl="http://twardygrosz.de.tl/Betriebssysteme.htm">Betriebssysteme</a> </div> </div> <div class="menu"> <div class="menu_head"> Willis World Radio</div> <div class="menu_box"> <a class="menu_link" href="http://www.willis-world08.de" _fcksavedurl="http://www.willis-world08.de">Willis World Radio</a> <a class="menu_link" href="http://twardygrosz.de.tl/DJ-Westhang.htm" _fcksavedurl="http://twardygrosz.de.tl/DJ-Westhang.htm">DJ Westhang</a> <a class="menu_link" href="http://twardygrosz.de.tl/Chat-abk.ue.rzungen.htm" _fcksavedurl="http://twardygrosz.de.tl/Chat-abk.ue.rzungen.htm">Chat Abkürzungen</a> <a class="menu_link" href="http://twardygrosz.de.tl/Chat_Tanzen.htm" _fcksavedurl="http://twardygrosz.de.tl/Chat_Tanzen.htm">Chat Tanzen</a> <a class="menu_link" href="http://twardygrosz.de.tl/Radio-Hintergr.ue.nde.htm" _fcksavedurl="http://twardygrosz.de.tl/Radio-Hintergr.ue.nde.htm">Radio Hintergründe</a> </div> </div> <div class="menu"> <div id="last" class="menu_head">Partner</div> <div class="menu_box"> <a class="menu_link" href="http://twardygrosz.de.tl/Partner.htm" _fcksavedurl="http://twardygrosz.de.tl/Partner.htm">Partner</a> <a class="menu_link" href="http://twardygrosz.de.tl/Topliste.htm" _fcksavedurl="http://twardygrosz.de.tl/Topliste.htm">Topliste</a> <a class="menu_link" href="http://twardygrosz.de.tl/Eure-Banner.htm" _fcksavedurl="http://twardygrosz.de.tl/Eure-Banner.htm">Eure Banner</a> <a class="menu_link" href="http://twardygrosz.de.tl/Meine-Banner.htm" _fcksavedurl="http://twardygrosz.de.tl/Meine-Banner.htm">Meine Banner</a> </div> </div> </div> <div id="slider_content"><div style="text-align: center;"> <div id="gallery">

<a href="#" class="show">
<img src="http://img.webme.com/pic/t/test-twardygrosz/banner02222.jpg" alt="Flowing Rock" alt="" title="" width="866" height="245" rel="<h3>meine alte Überschrift</h3>bla bla."/></a>
</a>

<a href="#">
<img src="http://img.webme.com/pic/t/test-twardygrosz/banner.jpg" alt="Grass Blades" alt="" title="" width="866" height="245" rel="<h3>Deine Überschrift</h3>>Hier deine Bildbeschreibung."/>
</a><a href="#">
<img src="http://img.webme.com/pic/t/test-twardygrosz/banner02222.jpg" alt="Grass Blades" alt="" title="" width="866" height="245" rel="<h3>Grass Blades</h3>description"/>
</a><a href="#">
<img src="http://img.webme.com/pic/t/test-twardygrosz/banner.jpg" alt="Grass Blades" alt="" title="" width="866" height="245" rel="<h3>Grass Blades</h3>description"/>
</a><a href="#">
<img src="http://img.webme.com/pic/t/test-twardygrosz/banner02222.jpg" alt="Grass Blades" alt="" title="" width="866" height="245" rel="<h3>Grass Blades</h3>description"/>
</a><div class="caption"><div class="content"></div></div>
</div>
<div class="clear"></div>
<img src="banner" _fcksavedurl="banner" alt="" /></div></div> <div id="slider_fixed"> <div

css code:

--> </style> <style type="text/css"> <!-- td[height="102"] { position:absolute; left:50%; margin-left:-376px; } body { background-color: #000000; background-repeat: no-repeat; background-image: url(hintergrund); } #Feld_unten { position: absolute; left: 50%; top: 510px; margin-left: -435px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten2 { position: absolute; left: 50%; top: 510px; margin-left: -220px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten3 { position: absolute; left: 50%; top: 510px; margin-left: -5px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten4 { position: absolute; left: 50%; top: 510px; margin-left: 210px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #logo { position: absolute; left: 50%; top: 103px; margin-left: -435px; width: auto; height: 89px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #hellblau { background-image:url(http://img.webme.com/pic/t/test-twardygrosz/dunkelbox1.png); background-color:#XXXXXX; text-align: left; padding: 25px; height:104px; width:165px; overflow:auto; color:#ffffff; } #dunkelblau { background-image:url(http://img.webme.com/pic/t/test-twardygrosz/hellbox.png); background-color:#XXXXXX; text-align: left; padding: 25px; height:104px; width:165px; overflow:auto; color:#ffffff; } #grauebox{ background-image:url(http://img.webme.com/pic/t/twardygrosz/grauebox.png); background-color:#XXXXXX; text-align: center; height:150px; width:235px; overflow:auto; color:#000000; } #twitter { position: absolute; left: 50%; top: 143px; margin-left: 330px; width: auto; height: auto; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #container { width: 885px; height: auto; margin: auto; overflow: hidden; } #slider_content { width: 884px; height: 349px; margin-top: 150px; margin-left: auto; margin-right:auto; background-image: url(hinterm banner); background-repeat: no-repeat; } #slider_fixed{ margin-left: 69px; padding-top: 16px; } /* Coolmenü positionieren */ .coolmenu { position:absolute; left: 50%; margin-left: -442px; top:196px; } /* Allgemeine Einstellungen */ .menu { color:#ffffff; cursor:pointer; float:left; height:45px; width:220px; overflow-x:hidden; overflow-y:hidden; } .menu:hover { height:auto; width:auto; overflow-x:visible; overflow-y:visible; } /* Hauptmenü anpassen*/ .menu_head { font-size:17px; padding-bottom:20px; text-align:left; height: 25px; widht: 220px; font-family: Arial; background-color: #000000; background: url(http://img.webme.com/pic/t/test-twardygrosz/button.png); padding: 15px; } /* Anpassungen des Hovers von den Hauptmenüs */ .menu_head:hover { background-color: #D3D3D3; background: url(http://img.webme.com/pic/t/test-twardygrosz/buttonhover.png); } /* Anpassungen des Menüs */ .menu_box { background-attachment:scroll; background:#EBEBEB repeat; background-position:0 0; border-bottom: 1px solid #cccccc; border-right: 1px; overflow-x:visible; overflow-y:visible; padding: 5px; width:210px; margin-top: -9px; } /* Untermenüs anpassen */ .menu_box .menu_link { color:#333333; display:block; font-size:14px !important; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding: 3px; padding-left:10px; text-decoration:none; } /* Anpassungen des Hovers von den Untermenüs */ .menu_box .menu_link:hover { color:#000000; background-color: #DDDDDD; background: url(http://img.webme.com/pic/t/twardygrosz/ombamadleiste.png); } /* Die Ecke vom Coolmenü links rund machen*/ #first { -moz-border-radius-topleft: 10px; border-radius: 7px 0px 0px 0px; } /* Die Ecke vom Coolmenü rechts rund machen*/ #last { -moz-border-radius-topright: 10px; border-radius: 0px 7px 0px 0px; } #sidebar_container { float: left; margin-top: 140px; height: auto; width: 235px; padding-top:1px; color: #000000; font-size:14px; font-family: verdana; arial; text-align: center; background: url(); background-repeat: repeat-y; } #sidebar_container a { color: #a8eaff; font-size: 10px; font-family: arial; text-decoration: underline; } #footer { clear:both; width:100%; height:110px; margin: auto; text-align:center; background-color: #000000; border-top: 1px solid #9b9b9b; font-size:12px; color:#ffffff; } #footer a { color:#ffffff; } #content { margin-top: 40px; margin-bottom: 20px; width: 885px; padding-right: 0px; padding-left: 0px; color: #ffffff; font-size: 15px; font-family: verdana; arial; text-align: left; } #content a { font-size: 15px; color: #B700FF; font-family: arial; font-weight: bold; } /* Schriftfarbe + Größe auf allen Seiten */ td { color:#ffffff; font-size:14px; text-align:left; font-family: arial,verdana; } /* Linkfarben + Größen auf Seiten */ a:link { color:#000080; font-size:14px; font-family:arial,verdana; text-decoration:none; } /* besuchte Links */ a:visited { color:#80000; font-size:14px; font-family:arial,verdana; text-decoration:none;} /*Hover-Effekt bei Links*/ a:hover{ color:#7fa9fd; font-size:14px; font-family:arial,verdana; text-decoration:none;} h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{text-align: center;} #nav_container{display: none;}
body{
font-family:arial
}

.clear {
clear:both
}

#gallery {
position:relative;
height:245px
}
#gallery a {
float:left;
position:absolute;
}

#gallery a img {
border:none;
}

#gallery a.show {
z-index:500
}

#gallery .caption {
z-index:600;
background-color:#000;
color:#ffffff;
height:100px;
width:100%;
position:absolute;
bottom:0;
}

#gallery .caption .content {
margin:5px
}

#gallery .caption .content h3 {
margin:0;
padding:0;
color:#1DCCEF;
}


Zuletzt bearbeitet von test-twardygrosz am 25.09.2012, 18:10, insgesamt einmal bearbeitet
Beitrag27.09.2012 um 17:00 (UTC)    
Titel:

1. Grausam zusammengecodet, sorry aber nicht persönlich nehmen.
2. um den Slieder zu positionieren
Code:

#slider_fixed {
margin-left: 276px;
padding-top: 16px;
margin-top: -379px;
}


ist zwar nicht wirklich sauber aber wenigstens ist der Slieder da wo er hin soll.

Gruß Chris
Beitrag27.09.2012 um 17:30 (UTC)    
Titel:

thx. dir hab dir mal nee pn geschrieben weil ich jetzt leider noch ein problem bekommen hab
Beitrag28.09.2012 um 14:58 (UTC)    
Titel:

erledigt thx an die helfer

pls closed
Beitrag28.09.2012 um 16:48 (UTC)    
Titel:

canvas5-webdesigns hat Folgendes geschrieben:
ist zwar nicht wirklich sauber aber wenigstens ist der Slieder da wo er hin soll.

Bei dir vielleicht...

Auf meinem Monitor ist der Slider um 43px zu weit links (und 16px unter der Navigation).

Wie auch immer, auf Wunsch des TO
-CLOSED-

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de