Beiträge von PC-Süchtiger

PC-Süchtiger · 27. Februar 2011

Danke, jetzt ist die Site endlich so wie ich sie haben will
LG

PC-Süchtiger · 22. Februar 2011

hallo!
Ich erstell mal lieber keinen neuen Thread, geht ja fast um das selbe!
Bin nun so weit dass ich gerne ne Benutzerdefinierte Suche von Google einbinden möchte
Also das da:
[Blockierte Grafik: http://www.bilderhoster.at/upload/vkrmz1298393479.png]
Leider schaffe ich es nicht (wer hätts gedacht :mrgreen: ) diese "Such-Leiste" oben rechts neben Buttons zu bringen
(da wo der rote schlecht gezeichnete rahmen ist, sollte das eigentlich hin)
[Blockierte Grafik: http://www.bilderhoster.at/upload/dvbdv1298393699.png]
hab es schon mit CSS versucht, doch leider kenne ich mich noch immer nicht gut genug aus und es hat nicht geklappt
der code für diese suchleiste wäre:

Code

<form action="http://www.irgendwas.com/search.html" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="015542332440955256656:_ybwedkvi8g" />
    <input type="hidden" name="cof" value="FORID:9" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Suche" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=de"></script>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=de"></script>

Alles anzeigen

ein bisschen mehr code damit man es sich vorstellen kann:

Code

hr />
<ul id=buttonNav2>
<li><a href="http://irgendwas/chat.html"><img border="0" src="http://irgendwas/Buttons/Chat.gif" alt="Chat" /></a></li>
<li><a href="irgendwas"><img border="0" src="http://irgendwas/Buttons/Kontakt.gif" alt="Kontakt" /></a></li>
<li><a href="irgendwas"><img border="0" src="http://irgendwas/Buttons/Vorschlagen" alt="Spiel vorschlagen" /></a></li>
<li><a href="irgendwas"><img border="0" src="http://irgendwas/Buttons/Melden" alt="Defektes oder obsz&ouml;nes Spiel melden" /></a></li>
</ul>
<ul id="buttonNav">
    <li><a href="http://irgendwas"><img border="0" src="http://www.irgendwas/Buttons/Startseite.gif" alt="Startseite" /></a></li>  
    <li><a href="http://irgendwas/action.html"><img border="0" src="http://irgendwas/Buttons/Action.gif" alt="Action" /></a></li>
    <li><a href="http://irgendwas/adventure.html"><img border="0" src="http://irgendwas/Buttons/Adventure.gif" alt="Adventure" /></a>
</li>
    <li><a href="http://irgendwas/defense.html"><img border="0" src="http://irgendwas/Buttons/Defense.gif" alt="Defense" /></a></li>
    <li><a href="http://irgendwas/puzzle.html"><img border="0" src="http://irgendwas/Buttons/Puzzle.gif" alt="Puzzle" /></a></li>
    <li><a href="http://irgendwas/shooting.html"><img border="0" src="http://irgendwas/Buttons/Shooting.gif" alt="Shooting" /></a></li>
    <li><a href="http://irgendwas/skill.html"><img border="0" src="http://irgendwas/Buttons/Skill.gif" alt="Skill" /></a></li>
    <li><a href="http://irgendwas/strategie.html"><img border="0" src="http://irgendwas/Buttons/Strategie.gif" alt="Strategie" /></a></li>
</ul>
<p>&nbsp;</p>
<center><font size="+2"><font face="Comic Sans MS, cursive">Irgendwas</font></font></center>
<center><object  width="850" height="550"><p><param name="movie" value="game.swf"><embed src="http://irgendwas/swf/action/game.swf" width="850" height="550"></embed></p></object></center>
<form action="http:/irgendwas/search.html" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="015542332440955256656:_ybwedkvi8g" />
    <input type="hidden" name="cof" value="FORID:9" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Suche" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=de"></script>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=de"></script>

<hr />

Alles anzeigen

CSS-File wäre das:

Code

#buttonNav {
    list-style: none;
    float: left;





}




#buttonNav li {
    font-family: "Comic Sans MS";
    font-style: none;
    text-align: center;
    clear: left;

}   




#buttonNav img {
    float: left;
    margin: 7px 1px;
}   




#buttonNav {
    margin: 0;
    padding: 0;

}




#buttonNav2 {
    list-style: none;
    float: right;
}
#buttonNav2 li {
    font-family; "Comic Sans MS";
    font-style: none;
    text-algin: center;
    clear: right;
}
#buttonNav2 img {
    float: right;
    margin: 7px 1px ;




}




#buttonNav2 {
    margin: 0;
    padding; 0; 




}

Alles anzeigen

im Moment ist die leiste ganz unten, aber ich will sie eben da rauf
ich hoffe es besteht noch ein klitzekleiner funken geduld für mich, wenn nicht auch ok, ich kanns verstehen
LG

PC-Süchtiger · 19. Februar 2011

THX geht
LG

PC-Süchtiger · 19. Februar 2011

hy!
Habe da jetzt flash eingebunden und die seite sieht so aus:

[Blockierte Grafik: http://www.bilderhoster.at/upload/vqdci1298135678.jpg]

also die buttons lassen einen abstand zwischen dem flash :?
eigentlich sollten sie daneben stehen (also so wie es beim text war)

CSS-File:

Code

#buttonNav {
    list-style: none;





}




#buttonNav li {
    font-family: "Comic Sans MS";
    font-style: none;
    text-align: center;
    clear: left;
}   




#buttonNav img {
    float: left;
    margin: 7px 1px;
}




#buttonNav {
    margin: 0;
    padding: 0;
}

Alles anzeigen

HTML-Code (Auszug) :

Code

<ul id="buttonNav">
    <li><a href="http://irgendwas.com"><img border="0" src="Buttons/Startseite.gif" alt="Startseite" /></a>Baustelle!</li>  
    <li><a href="http://irgendwas.com/action.html"><img border="0" src="Buttons/Action.gif" alt="Action" /></a>Test:</li>
    <li><a href="http://irgendwas.com/adventure.html"><img border="0" src="Buttons/Adventure.gif" alt="Adventure" /></a><object width="850" height="550"><p><param name="movie" value="snake.swf"><embed src="swf/skill/between-the-lines-2.swf" width="850" height="550"></embed></p></li>
    <li><a href="http://irgendwas.com/defense.html"><img border="0" src="Buttons/Defense.gif" alt="Defense" /></a></li>
    <li><a href="http://irgendwas.com/puzzle.html"><img border="0" src="Buttons/Puzzle.gif" alt="Puzzle" /></a></li>
    <li><a href="http://irgendwas.com/shooting.html"><img border="0" src="Buttons/Shooting.gif" alt="Shooting" /></a></li>
    <li><a href="http://irgendwascom/skill.html"><img border="0" src="Buttons/Skill.gif" alt="Skill" /></a></li>
    <li><a href="http://irgendwas.com/strategie.html"><img border="0" src="Buttons/Strategie.gif" alt="Strategie" /></a></li>
</ul>

kann hemand beim lösen des problems helfen?
LG :mrgreen:

PC-Süchtiger · 18. Februar 2011

THX :mrgreen:
LG

PC-Süchtiger · 18. Februar 2011

Hallo, ich schon wieder :oops:
langsam schäme ich mich^^
weiß jemand wie man abstand zwischen den einzelnen buttons bekommt (der abstand sollte ca. so hoch sein wie ein button)
LG

PC-Süchtiger · 18. Februar 2011

Danke sehr, jetzt ist echt alles perfekt :mrgreen:
LG

PC-Süchtiger · 18. Februar 2011

danke sehr , mir firefox klappts jetzt einwandfrei

nur das margin bring ich nich nicht so recht zusammen

Code

#buttonNav {
    list-style: none;




}




#buttonNav li {
    font-family: "Comic Sans MS";
    font-style: italic;
    text-align: center;
    clear: left;
}   




#buttonNav img {
    float: left;
}




#buttonNav {
    margin: 0;
}

Alles anzeigen

also der letzte "absatz" im file
son st klappt alles perfekt
LG

PC-Süchtiger · 18. Februar 2011

Hy!
code sieht jetzt so aus:

Code

#buttonNav {
    list-style: none;




}




#buttonNav li {
    font-family: "Comic Sans MS";
    font-style: italic;
    text-align: center;

}




#buttonNav img {
    float: left;
}




#buttonNav {
    margin: 0;
}

Alles anzeigen

und hier ein screen von dem ganzen:

[Blockierte Grafik: http://www.bilderhoster.at/upload/hjztx1298055234.jpg]

irgendwas mach ich noch imemr falsch :oops:
denn das verläuft jetzt wie ne stufe
LG

PC-Süchtiger · 18. Februar 2011

Hallo!
wenn ich das jetzt mach (geschwungene klammer zu) dann sind die buttons auf einmal auch in der mitte :?
wenn ich die klammer aber offen lass dann passt alles, nur halt der abstand nicht ...
und das mit dem abstand bring ich nicht hin :cry:

Code

#buttonNav {
    list-style: none;




}




#buttonNav li {
    font-family: "Comic Sans MS";
    font-style: italic;
    text-align: center;

}

Alles anzeigen

so sieht mein css file aus
wenn ich die geschwungenen klamemrn weglass passt alles nur halt nicht der abstand
LG

PC-Süchtiger · 18. Februar 2011

Zitat von "Sarkkan"

1. musst du jede { nach dem du Sachen definiert hast auch wieder mit einem } schließen
2. Ich hoffe das steht nicht so 1:1 in deiner Datei drin, oder? Der obere (CSS/Style-)Kram gehört in eine css-Datei, die du über <link> einbindest

jap hab ich zuerst nicht gemacht :mrgreen:
jetzt klappts, danke
aber nun ist so viel abstand zwischen rand und button, der spiegelstrich ist aber weg
weiß noch jemand wie ich den abstand auch beseitigen kann?
LG

PC-Süchtiger · 18. Februar 2011

edit:
ich habs jetzt endlich geschafft, indem ich ne ausgelagerte css datei gemacht hab :roll:
nur leider ist jetzt zwischen rand und button so viel abstand
weiß jemand wie man den beseitigen kann?
ansonsten schonmal ein großes DANKE an euch, ihr macht das echt toll :mrgreen:
LG

PC-Süchtiger · 18. Februar 2011

Hallo!
Hier der Code:

Code

#buttonNav {
    list-style: none;




#buttonNav li {
    font-family: "Comic Sans MS";
    font-style: italic;
    text-align: center;




<ul id="buttonNav">
    <li><a href="#"><img border="0" src="Buttons/Startseite.gif" alt="Startseite" /></a> Blablalba </li>
    <li><a href="#"><img border="0" src="Buttons/Adventures.gif" alt="Adventures" /></a> Blablalba </li>
    <li><a href="#"><img border="0" src="Buttons/Ballerspiele.gif" alt="Ballerspiele" /></a> Blablalba </li>
    <li><a href="#"><img border="0" src="Buttons/Denkspiele.gif" alt="Denkspiele" /></a> Blablalba </li>
    <li><a href="#"><img border="0" src="Buttons/Geschick.gif" alt="Geschick" /></a> Blablalba </li>
    <li><a href="#"><img border="0" src="Buttons/Jump'n'Run.gif" alt="Jump'n'Run" /></a> Blablalba </li>
    <li><a href="#"><img border="0" src="Buttons/Kampfspiele.gif" alt="Kampfspiele" /></a> Blablalba </li>
    <li><a href="#"><img border="0" src="Buttons/Simulation.gif" alt="Simulation" /></a> Blablalba </li>
</ul>

Alles anzeigen

Sorry für die Umständlichkeiten mit mir, hab bis jetzt nur rein mit HTML gearbeitet, werde jetzt aber das Seminar fertig machen und CSS lernen
das sollte nur für den anfang gedacht sein dass meine website nicht so hässlich ist
ich hoffe ihr kommt drauf was ich falsch mach :roll:
LG

PC-Süchtiger · 18. Februar 2011

Danke ich weiß jetzt schon wie du es meinst und es klappt
aber kannst du mir noch sagen wie ich die spiegelstriche wieder wegbekomm?
LG

PC-Süchtiger · 18. Februar 2011

muss ich den text jetzt auch in li schreiben oder wie? :?
sry aber ich kenn mich grad gar nicht aus^^
kannst du mir dass anhand von meinem code zeigen? (also auch mit etwas text, nicht nur den button-code )
LG

PC-Süchtiger · 18. Februar 2011

hy!
irgendwie blicke ich da nicht ganz durch :?
wie bringe ich den text jetzt daneben?
LG

PC-Süchtiger · 18. Februar 2011

Hy!

Code

<p><a href="http://irgendwas.com"><img border="0" src="Buttons/Startseite.gif" alt="Startseite" /></a></p
<p><a href="http://irgendwas.com/adventures.html"><img border="0" src="Buttons/Adventures.gif" alt="Adventures" /></a></p>
<p><a href="http://irgendwas.com/ballerspiele.html"><img border="0" src="Buttons/Ballerspiele.gif" alt="Ballerspiele" /></a></p>
<p><a href="http://irgendwas.com/denkspiele.html"><img border="0" src="Buttons/Denkspiele.gif" alt="Denkspiele" /></a></p>
<p><a href="http://irgendwas.com/geschick.html"><img border="0" src="Buttons/Geschick.gif" alt="Geschick" /></a></p>
<p><a href="http://irgendwas.com/jumpnrun.html"><img border="0" src="Buttons/Jump'n'Run.gif" alt="Jump'n'Run" /></a></p>
<p><a href="http://irgendwas.com/kampfspiele.html"><img border="0" src="Buttons/Kampfspiele.gif" alt="Kampfspiele" /></a></p>
<p><a href="http://irgendwas.com/simulation.html"><img border="0" src="Buttons/Simulation.gif" alt="Simulation" /></a></p>




<center><h1><font face="Comic Sans MS, cursive">blablablablabla</font></h1></center>
<center><font face="Comic Sans MS, cursive">blabla</font></p></center>
<center><p><font face="Comic Sans MS, cursive">lalalalalalala</font></p></center>
<center><p><font face="Comic Sans MS, cursive">dumdidum</font></p></center>
<center><p><font face="Comic Sans MS, cursive">blablablubber</font></p></center>

Alles anzeigen

Also wie gesagt, der Text steht dann zwar zentriert, aber UNTER den Buttons :?
Und der Sollte eigentlich NEBEN den Buttons zentriert stehen
LG

PC-Süchtiger · 18. Februar 2011

Hallo!
Ich habe auf meiner Website Buttons mit dem <p>-Tag links untereinander gesetzt.
Mein Problem ist jetzt, dass ich einen Text neben diese Buttons bringen will (mittig,von der ganzen site her gesehen, später sollen es auch Flash-Games werden die neben den Buttons mittig sein sollen), mit <center> bringe ich den Text ja nur mittig UNTER diese Buttons, das ist genau das was ich nicht will. :roll:
Kann mir jemand bei der Lösung meines Problems helfen?
LG

Beiträge von PC-Süchtiger

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?

Text neben Buttons?