Suche im Forum:
Suchen


Autor Nachricht
Beitrag05.07.2009 um 10:59 (UTC)    
Titel: [ CSS ] Content falsch positioniert?

Hey Ho!
Ich hab da mel ne Frage! Und zwar möchte ich das Bild exakt so positionieren , damit kein Scrollbalken entsteht! Das Bild ist genau auf den Content abgestimmt!
Welche Werte muss ich dort eintragen ?!

Würde mich über Hilfestellungen freuen!

Mit freundlichen Grüßen
[VISIONARY]
Beitrag05.07.2009 um 12:17 (UTC)    
Titel:

Ich hab deinen CSS-Code mal ein wenig aufgebessert:
Zitat:
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#counter {display: none;}

#Design {
background-image:url(http://img3.imagebanana.com/img/lwzmaotn/369_Design.png);
height:1024px;
left:0;
position:absolute;
top:0;
width:100%;
}

body {
background-color:#ffffff;}

#header_container {display: none;}

#content {
position: absolute;
top:380px;
|color=red]left: 260px;
width: 727px;
height: 324px;[/color]
background-color:#transparent;
background-image:url();
overflow:auto;
}

#Home {
position: absolute;
left: 265px;
top: 290px;
width: 90px;
height: 30px;
background-color:#xxxxxx;
}

#GB {
position: absolute;
left: 365px;
top: 290px;
width: 95px;
height: 30px;
background-color:#xxxxxx;
background-image:url();
}

#Gallery {
position: absolute;
left: 465px;
top: 290px;
width: 85px;
height: 30px;
background-color:#xxxxxx;
background-image:url();
}

#Contact {
position: absolute;
left: 555px;
top: 290px;
width: 90px;
height: 30px;
background-color:#xxxxxx;
background-image:url(http://www.images-box.com/uploads/8e44c7ea3e.png);
}

"width: 100%;" macht den Scrollbalken weg und im Content hattest du falsche höhen und breiten Angaben. Der war auch falsch positioniert.
______________
*** Signatur editiert vom Support Team - Signatur zu groß - max. 650 x 150 px ***
Beitrag05.07.2009 um 18:44 (UTC)    
Titel:

Danke , der Content ist jedoch momentan total verschoben!
Beitrag05.07.2009 um 18:55 (UTC)    
Titel:

Ja das kommt davon, dass ich einen Fehler mit den Farbcodes hatte und du das "left" nicht mit eingebaut hast.
Hier nochmal richtig:
Code:
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#counter {display: none;}

#Design {
background-image:url(http://img3.imagebanana.com/img/lwzmaotn/369_Design.png);
height:1024px;
left:0;
position:absolute;
top:0;
width:100%;
}

body {
background-color:#ffffff;}

#header_container {display: none;}

#content {
position: absolute;
top:380px;
left: 260px;
width: 727px;
height: 324px;
background-color:#transparent;
background-image:url();
overflow:auto;
}

#Home {
position: absolute;
left: 265px;
top: 290px;
width: 90px;
height: 30px;
background-color:#xxxxxx;
}

#GB {
position: absolute;
left: 365px;
top: 290px;
width: 95px;
height: 30px;
background-color:#xxxxxx;
background-image:url();
}

#Gallery {
position: absolute;
left: 465px;
top: 290px;
width: 85px;
height: 30px;
background-color:#xxxxxx;
background-image:url();
}

#Contact {
position: absolute;
left: 555px;
top: 290px;
width: 90px;
height: 30px;
background-color:#xxxxxx;
background-image:url(http://www.images-box.com/uploads/8e44c7ea3e.png);
}

______________
*** Signatur editiert vom Support Team - Signatur zu groß - max. 650 x 150 px ***
Beitrag05.07.2009 um 19:01 (UTC)    
Titel:

Wow^^ Danke man!
Bist der beste!!!


Kannst du mir vielleicht anschließend noch sagen wie ich die Navigationspunkte richtig verlinke?

Also Home - Gbook usw.
Beitrag05.07.2009 um 19:16 (UTC)    
Titel:

Danke.
Kein Problem.

Damit die Buttons verlinkt werden, füge diesen Code bei "Text über dem Design ein.
Code:

<a id="Home" href="Dein Link hier"></a>
<a id="GB" href="Dein Link hier"></a>
<a id="Gallery " href="Dein Link hier"></a>
<a id="Contact" href="Dein Link hier"></a>
 

______________
*** Signatur editiert vom Support Team - Signatur zu groß - max. 650 x 150 px ***
Beitrag05.07.2009 um 19:22 (UTC)    
Titel:

Danke aber wenn ich auf Home , und so klicke passiert nichts^^
Ich glaub die sind gar nicht richtig positioniert..?!?



// Markier mall meine Seite [ also markieren = Das gleiche wie wenn du Boxen auf deinem Desktop ziehst]


Zuletzt bearbeitet von visionary7 am 05.07.2009, 20:24, insgesamt einmal bearbeitet
Beitrag05.07.2009 um 19:51 (UTC)    
Titel:

Hi, versuchs mal so:

Zitat:
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#counter {display: none;}

#Design {
background-image:url(http://img3.imagebanana.com/img/lwzmaotn/369_Design.png);
height:1024px;
left:0;
position:absolute;
top:0;
width:100%;
}

body {
background-color:#ffffff;}

#header_container {display: none;}

#content {
position: absolute;
z-index:1;
top:380px;
left: 260px;
width: 727px;
height: 324px;
background-color:#transparent;
background-image:url();
overflow:auto;
}

#Home {
z-index:2;
position: absolute;
left: 265px;
top: 290px;
width: 90px;
height: 30px;
background-color:#xxxxxx;
}

#GB {
z-index:2;
position: absolute;
left: 365px;
top: 290px;
width: 95px;
height: 30px;
background-color:#xxxxxx;
background-image:url();
}

#Gallery {
z-index:2;
position: absolute;
left: 465px;
top: 290px;
width: 85px;
height: 30px;
background-color:#xxxxxx;
background-image:url();
}

#Contact {
z-index:2;
position: absolute;
left: 555px;
top: 290px;
width: 90px;
height: 30px;
background-color:#xxxxxx;
background-image:url(http://www.images-box.com/uploads/8e44c7ea3e.png);
}


Ich hab keine Ahnung ob das funktioniert, aber kann ja ned schaden. Wink

Gruss
Riki
Beitrag05.07.2009 um 19:54 (UTC)    
Titel:

danke für deine mühe , aber die menülinks sind immer noch nicht anklickbar!
Beitrag05.07.2009 um 19:57 (UTC)    
Titel:

Ah, hab den Fehler gefunden. Die Links sind weiter oben, als die GFX's.
Du solltest das richtig positionieren. Mehr top und mehr left.
Einfach experimentieren, denn ich kann dir das nicht genau sagen, da ich
nicht jeden einzelnen Pixel zählen kann.

Die Links sind links neben dem Kopf!

EDIT:
Die Links solltest du auch noch ändern, dass hilft beim positionieren.
Jetziges Ziel: http://visionary7.de.tl/Dein%20Link%20hier

Gruss
Riki


Zuletzt bearbeitet von riki-designs am 05.07.2009, 20:58, insgesamt einmal bearbeitet
Beitrag05.07.2009 um 20:05 (UTC)    
Titel:

kk

Home hab ich schonmal geschafft..

nur kann man die verlinkte fläche jetzt kleiner machen?
Beitrag05.07.2009 um 20:08 (UTC)    
Titel:

Ja, bei Home ist das mit folgendem möglich.
Zitat:
#Home {
z-index:2;
position: absolute;
left: 265px;
top: 290px;
width: 90px;
height: 30px;
background-color:#xxxxxx;
}

Kleinere Anzahl Pixel, kleiner auch das Feld.

Gruss
Riki
Beitrag05.07.2009 um 20:18 (UTC)    
Titel:

Hm .. komisch

größer wird es zwar , aber kleiner nicht

Klick mal drauf ..
ich hab 10 px gemacht

und es sieht genauso aus wie mit 80 px!
Beitrag05.07.2009 um 20:22 (UTC)    
Titel:

Jap, das mit den 10 Pixeln ist links neben Home.
Dann stimmt wohl was mit den Bezeichnungen nicht ganz.

Gruss
Riki
Beitrag05.07.2009 um 20:26 (UTC)    
Titel:

riki-designs hat Folgendes geschrieben:
Jap, das mit den 10 Pixeln ist links neben Home.
Dann stimmt wohl was mit den Bezeichnungen nicht ganz.

Gruss
Riki


OK , und was sollte ich jetzt machen?
Beiträge der letzten Zeit anzeigen:   


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