simon soll´s richten ;-)

[artandstrategy.jimdo.com]

yo, genau so, natürlich nicht 8mal das at aber die andern kann ich dann wohl selbst einfügen [g]

[simonk.jimdo.com]

yo, änder dann mal deinen HTML Teil (Layout) um:

<div id="header">
<h1>
<a href="#">motion</a>
</h1>

<h2>
<var>navigation[1|2|3]</var>
</h2>

<center>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<img src="http://de.jimdo.com/app/forum/download/file.php?id=495" alt="" />
</td>
<td>
<img src="http://de.jimdo.com/app/forum/download/file.php?id=495" alt="" />
</td>
<td>
<img src="http://de.jimdo.com/app/forum/download/file.php?id=495" alt="" />
</td>
<td>
<img src="http://de.jimdo.com/app/forum/download/file.php?id=495" alt="" />
</td>
<td>
<img src="http://de.jimdo.com/app/forum/download/file.php?id=495" alt="" />
</td>
<td>
<img src="http://de.jimdo.com/app/forum/download/file.php?id=495" alt="" />
</td>
<td>
<img src="http://de.jimdo.com/app/forum/download/file.php?id=495" alt="" />
</td>
<td>
<img src="http://de.jimdo.com/app/forum/download/file.php?id=495" alt="" />
</td>
</tr>
</tbody>
</table>
</center>
</div>

<div id="accordian">
<!--Parent of the Accordion-->
<!--Start of each accordion item-->

<div id="test-header" class="accordion_headings header_highlight">
Welcome
</div>
<!--Heading of the accordion ( clicked to show n hide ) -->
<!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->

<div id="test-content">
<!--DIV which show/hide on click of header-->
<!--This DIV is for inline styling like padding...-->

<div class="accordion_child">
<var>content</var>
</div>
</div>
<!--End of each accordion item-->

<div id="footer">
<var>sidebar</var><var>footer</var>
<p class="validate">
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/">CSS</a><br />
<a href="#">nach oben</a>
</p>
<!-- If you wish to delete this line of code please purchase our commercial license http://www.sixshootermedia.com/shop/commercial-license/ -->

<p>
Design: <a href="http://www.sixshootermedia.com">Six Shooter Media</a>.<br />
AJAX: <a href="http://www.dezinerfolio.com/2007/07/19/simple-javascript-accordions/">Simple Accordions</a>. Iconography: <a href=
"http://www.famfamfam.com/lab/icons/silk/">FamFamFam</a><br />
<!-- you can delete below here -->
© All your copyright information here.
</p>
</div>
</div>

Das Rote Teil ist die Tabelle mit den Bildern.
Gruß Simon

[artandstrategy.jimdo.com]

oki, eingefügt. kannst du auch noch den abstand der icons soweit verkleinern, dass die über dem textfeld zentriert stehen ?
geht doch mit diesem cellpadding oder nicht ?

[simonk.jimdo.com]

ok, nun ersetze den CSS Teil: (nun sind alle Hintergründe der Tabellen auch weg)

Code: Alles auswählen

                            *{
   margin:0;
   padding:0;
   list-style:none;
}
body {
   font: 70% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
   margin:10px;
   color:#555;
}
html {
   height: 100%;
   margin-bottom: 1px;
}
.header {
   background: #000;
   cursor: pointer;
   padding:4px;
}
#footer {
   width:660px;
   margin:0 auto;
   color:#ccc;
}

#footer a {
   color:#aaa;
   text-decoration:none;
   font-weight:bold;
}

#footer .validate {
   float:right;
}

.header:hover{
   background-color:#666;
}

#header h1 a {
   color:#333;
   text-decoration:none;
}

#header h1 a:hover {
   color:#000;
}
.selected{
   background-color:#F00;
   color:#FFF;
}

.content{
   background:#FFF;
   padding:4px;
}

.accordion_child a {
   color:#333;
}

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

.accordion_child ul.links li {
   background:url(link.gif) left no-repeat;
}

input {
   width:180px;
   background:url(input.jpg) top no-repeat;
   font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
   color:#333;
   border:0;
   padding:7px 10px;
   margin:5px;
   color:#777;
}
textarea {
   width:350px;
   height:105px;
   background:url(textarea.jpg) top no-repeat;
   font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
   color:#333;
   border:0;
   padding:10px;
   margin:5px;
   color:#777;
}

input[type=submit] {
    cursor:pointer;
    background:#ff9900;
    color:#fff;
    font-weight:bold;
    width:182px;
    height:33px;
    padding:7px 10px;
    background:url(submit.jpg) top no-repeat;
}

blockquote {
     font: 1.5em/1.8em Georgia, "Times New Roman", Times, serif;
     background: url(close-quote.gif) no-repeat right bottom;
     padding-left: 18px;
     text-indent: -18px;
     color:#888;
     margin:20px 0;
}

blockquote:first-letter {
   background: url(open-quote.gif) no-repeat left top;
    padding-left: 18px;
}

.accordion_child ul {
   margin:25px 0 25px 0px;
}

.accordion_child ul li {
   list-style:none;
   padding-left:20px;
   margin:10px 0;
   background:url(bullet.gif) left no-repeat;
   border-bottom:1px solid #eee;
   padding-bottom:10px;
   line-height:19px;
}

table {
   
   padding:0px;
}

td {
   background:#eee;
   padding:0px;

   background:url() top repeat-x;
}

h2 {
clear:both;
}

.accordion_child h2 {
   font:170% Arial;
   margin:10px 0 20px;
   padding:10px 0;
   color:#B02700;
   border-bottom:1px solid #eee;
   background:url(h2.jpg) bottom left no-repeat;
}

#header h1 {
text-align:center;
font:350% Georgia;
font-style:italic;
color:#232323;
margin-top:50px;
letter-spacing:-1px;
}

#header h2 {
text-align:center;
font:100% Verdana;
text-transform:uppercase;
letter-spacing:2px;
color:#bbb;
margin:10px 0 40px;
}




#accordian{
   padding:5px;
   width:660px;
   z-index:2;
   margin:0 auto;
}

.accordion_headings{
   padding:7px 10px;
   background:url(item_bg.jpg) top no-repeat;
   color:#FFFFFF;
   margin-top:2px;
   cursor:pointer;
   font:170% Trebuchet MS;
   letter-spacing:1px;
   clear:both;
}

.accordion_headings:hover{
   background:url(item_bg_hover.jpg) top no-repeat;
}

.accordion_child{
   padding:0px 30px;
   background:#fafafa;
   border:5px solid #f4f4f4;
}

img {
   float:right;
   padding:0px;
   background:#fff;
   margin:0 0 3px 3px;
   border:0px solid #eee;
}

p {
   margin:0px 0;
   line-height:19px;
}

.header_highlight{
   background:url(item_bg_hover.jpg) top no-repeat;
}                       

[artandstrategy.jimdo.com]

so, schnell noch diesen hässlichen georgia font aus dem css rausgeschmissen. das ist ja abartig ;-)
und dann noch eine lobeshymne auf den simon "grossartig"
thx
jetzt werd ich noch alles verlinken und dann kann ich mich endlich wieder auf meine eigentliche arbeit
konzentrieren.
danke nochmals

[simonk.jimdo.com]

Danke sehr
Nun sieht deine Künstlerseite echt klasse aus!
Einen Tipp hab ich aber noch: Da du bei den Aufklapp Modulen
keinen Hover Effekt eingebaut hast, nimm am besten nur eine Grafik.
Es lädt sonst zu lange.
Gruß Simon

Code: Alles auswählen

<img src=....> dann ohne onmouseover

[artandstrategy.jimdo.com]

danke simon für den tipp.
aber ich habe bereits für alle aufklappmenüs zwei grafiken erstellt mit hover effekt. ansonsten hätte eine gereicht.
muss sie nur noch austauschen. ewige baustelle -
und dann endlich zu den eigentlichen "kunstwerken"
die körperabformungen [gallerien einfügen]
danke für die blumen aber ohne deine hilfe wär das auch nix geworden, gefällt aber gut

[simonk.jimdo.com]

muss sie nur noch austauschen. ewige baustelle -

Ja, ich kenn das... Bis dann also!
Gruß Simon