Danke sehr, jetzt ist echt alles perfekt :mrgreen:
LG
Text neben Buttons?
-
-
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 -
Naja.. vllt. mir der Eigenschaft, die für den Außenabstand da ist? Margin?
Gib die einfach dem #buttonNav img
Schema für margin:
margin: [Wert für oberen Abstand] [Wert für rechten Abstand] [Wert für unteren Abstand] [Wert für linken Abstand];
Bsp.: margin: 5px 10px 3px 7px;
Oberer Abstand: 5px;
Rechter Abstand: 10px;
Unterer Abstand 3px;
Linker Abstand: 7px; -
THX :mrgreen:
LG -
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
Alles anzeigen#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; }
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: -
..mysteriös, da das Objekt sich ja in dem Listenpunkt befindet <.<'
Entweder versuchst du mal dem object ein float: right; zu geben, oder du gibst der #buttonNav ein float: left; und setzt das object nach der Liste (<ul>)
-
THX geht
LG -
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
Alles anzeigen<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>
ein bisschen mehr code damit man es sich vorstellen kann:
Code
Alles anzeigenhr /> <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ö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> </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 />
CSS-File wäre das:
Code
Alles anzeigen#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; }
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 -
Öhm.. setzt die Suche zwischen das <hr /> und dieser Navi die auf dem Bild zu sehen ist.
Nun musst du mal schauen, ob du die Navi nach rechts fließen lässt, oder das Suchfeld nach links/rechts (kenne die anordnung der anderen Sachen auf der Seite leider nicht usw.. ).Spiel einfach mal ein bisschen mit float und der Anordnung des Suchfeldes und der kleinen Navigation rum (=
-
Danke, jetzt ist die Site endlich so wie ich sie haben will
LG
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!