ďťż

Pomocy! HTML - rozmieszczenie obiektów: prawo,lewo

       

Podstrony


telcocafe

Witam. Mam pewien problem. Otóż robię WWW programem WYSIWYG a konkretnie SharePoint 2007.
Pod głównym napisem na stronie index chcę mieć wyszukiwarkę wikipedii oraz wyszukiwarkę gogle. Wikipedię już mam, a google jeszcze nie. I tutaj kwestia:
Aby wstawić te "gadżety" trzeba wkleić kod. Kod wikipedii wkleilem (troche szukalem gdzie wkleic, bo nie znam html), a gdy wklejam kod google to google laduja ponizej wikipedii, a ja chce zeby byly na przeciwko PO PRAWEJ STRONIE a nie po lewej. Gdzie, w którą sekcję (?) pomiędzy co wkleić kod google i co opcjonalnie dodać (jakieś align right??) i jak i gdzie i w jaki sposób?

Oto kod google:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/coop/api/004323887699440372014/cse/ dyfjnc9n3gg/gadget&amp;synd=open&amp;w=300&amp;h=75&amp;title=Wyszukiwarka+Google+na+WITRYNIE+WWW+BARTKA+BARANA& amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script> Oto mój kod HTML mojej strony index: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> <!-- function FP_preloadImgs() {//v1.0 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array(); for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; } } function FP_swapImg() {//v1.0 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length; n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm; elm.$src=elm.src; elm.src=args[n+1]; } } } function FP_getObjectByID(id,o) {//v1.0 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id); else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el; if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; ifŠ for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; } f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements; for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } } return null; } // --> </script> <style type="text/css"> .style2 { text-align: center; } </style> <title>WITRYNA WWW BARTKA BARANA</title> </head> <body onload="FP_preloadImgs(/*url*/'button109.jpg',/*url*/'button10A.jpg',/*url*/' button10C.jpg',/*url*/'button10D.jpg',/*url*/'button10F.jpg',/*url*/'button110. jpg',/*url*/'button112.jpg',/*url*/'button113.jpg',/*url*/'button115.jpg', /*url*/'button116.jpg',/*url*/'button118.jpg',/*url*/'button119.jpg',/*url*/' button11B.jpg',/*url*/'button11C.jpg',/*url*/'button11E.jpg',/*url*/'button11F. jpg',/*url*/'button121.jpg',/*url*/'button122.jpg',/*url*/'button124.jpg', /*url*/'button125.jpg',/*url*/'button127.jpg',/*url*/'button128.jpg',/*url*/' button12A.jpg',/*url*/'button12B.jpg',/*url*/'button14A.jpg',/*url*/'button14B. jpg',/*url*/'button153.jpg',/*url*/'button154.jpg')"> <div class="style2"> <span LANG="P"><font FACE="Calibri" SIZE="3"> <p> <span LANG="P"><font FACE="Calibri" SIZE="3"> <img SRC="Image1.gif" WIDTH="602" HEIGHT="57" /></font></span></p> </font></span><br /><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/wikipedia.xml&amp;up_mylang=pl& amp;synd=open&amp;w=300&amp;h=46&amp;title=Wikipedia+-+Wyszukiwarka&amp;lang=pl&amp; country=ALL&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script> <br /> <a href="Genealogia.htm"> <a title="Filozofia - WITRYNA WWW BARTKA BARANA" href="Filozofia.htm"> <img style="border: 0" id="img4" src="button108.jpg" height="94" width="285" alt="Filozofia" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button109.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button108.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button10A.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button109.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 4; fp-font-size: 16" fp-title="Filozofia" --></a></a><a href="Genealogia.htm"><img style="border: 0" id="img17" src="button152.jpg" height="94" width="285" alt="Genealogia" onmouseover="FP_swapImg(1,0,/*id*/'img17',/*url*/'button153.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img17',/*url*/'button152.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img17',/*url*/'button154.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img17',/*url*/'button153.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 4; fp-font-size: 16; fp-font-color-normal: #800000" fp-title="Genealogia" --></a><a href="Ciekawostki%20historyczne.htm"><img style="border: 0" id="img16" src="button149.jpg" height="94" width="285" alt="Ciekawostki historyczne" onmouseover="FP_swapImg(1,0,/*id*/'img16',/*url*/'button14A.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img16',/*url*/'button149.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img16',/*url*/'button14B.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img16',/*url*/'button14A.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 4; fp-font-size: 16; fp-font-color-normal: #800000" fp-title="Ciekawostki historyczne" --></a><a href="Harmonijka%20ustna%20-%20tzw.%20harp.htm"><img style="border: 0" id="img5" src="button10B.jpg" height="94" width="285" alt="Harmonijka ustna - tzw. harp" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button10C.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button10B.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button10D.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button10C.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 4; fp-font-size: 16; fp-font-color-normal: #800000" fp-title="Harmonijka ustna - tzw. harp" --></a><a href="Komputery.htm"><img style="border: 0" id="img6" src="button10E.jpg" height="94" width="285" alt="Komputery" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button10F.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button10E.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'button110.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button10F.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 6; fp-font-size: 16" fp-title="Komputery" --></a><a href="ComputerFelieton.htm"><img style="border: 0" id="img7" src="button111.jpg" height="94" width="285" alt="ComputerFelieton" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'button112.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'button111.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'button113.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'button112.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 6; fp-font-size: 16" fp-title="ComputerFelieton" --></a><a href="Hokej.htm"><img style="border: 0" id="img8" src="button114.jpg" height="94" width="285" alt="Hokej" onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'button115.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'button114.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'button116.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'button115.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 6; fp-font-size: 16" fp-title="Hokej" --></a><a href="Kolarstwo%20turystyczne.htm"><img style="border: 0" id="img9" src="button117.jpg" height="94" width="285" alt="Kolarstwo turystyczne" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'button118.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'button117.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'button119.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'button118.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 6; fp-font-size: 16" fp-title="Kolarstwo turystyczne" --></a><a href="album/Galeria%20samochodów.html"><img style="border: 0" id="img10" src="button11A.jpg" height="94" width="285" alt="Galeria samochodów" onmouseover="FP_swapImg(1,0,/*id*/'img10',/*url*/'button11B.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img10',/*url*/'button11A.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img10',/*url*/'button11C.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img10',/*url*/'button11B.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 8; fp-font-size: 16" fp-title="Galeria samochodów" --></a><a href="Gadżety%20birofilistyczne.htm"><img style="border: 0" id="img11" src="button11D.jpg" height="94" width="285" alt="Gadżety birofilistyczne" onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'button11E.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'button11D.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'button11F.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'button11E.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 8; fp-font-size: 16" fp-title="Gadżety birofilistyczne" --></a><a href="Heniek%20Sztacheta.htm"><img style="border: 0" id="img12" src="button120.jpg" height="94" width="285" alt="Heniek Sztacheta" onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'button121.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'button120.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'button122.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'button121.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 8; fp-font-size: 16" fp-title="Heniek Sztacheta" --></a><a href="Księga%20gości.htm"><img style="border: 0" id="img13" src="button123.jpg" height="94" width="285" alt="Księga gości" onmouseover="FP_swapImg(1,0,/*id*/'img13',/*url*/'button124.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img13',/*url*/'button123.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img13',/*url*/'button125.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img13',/*url*/'button124.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 8; fp-font-size: 16" fp-title="Księga gości" --></a><a href="Linki.htm"><img style="border: 0" id="img14" src="button126.jpg" height="94" width="285" alt="Linki" onmouseover="FP_swapImg(1,0,/*id*/'img14',/*url*/'button127.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img14',/*url*/'button126.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img14',/*url*/'button128.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img14',/*url*/'button127.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 5; fp-font-size: 16" fp-title="Linki" --></a><a href="O%20autorze%20i%20o%20stronie.htm"><img style="border: 0" id="img15" src="button129.jpg" height="94" width="285" alt="O autorze i o stronie" onmouseover="FP_swapImg(1,0,/*id*/'img15',/*url*/'button12A.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img15',/*url*/'button129.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img15',/*url*/'button12B.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img15',/*url*/'button12A.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Metal Tab 5; fp-font-size: 16" fp-title="O autorze i o stronie" --></a> </div> </body> </html>



Nie znam się na tym zbytnio, ale chyba należałoby użyć float.
http://www.kurshtml..../css/ustawienie,...cjonowanie.html

Próbowałem zrobić coś z twoim kodem, ale to raczej ponad moje siły. Podejrzewam, że pewnie Ty sam nie wiesz co właściwie robi ten kod ;)
Poza tym Dreamweaver pokazuje mi, że w 22. linijce masz błąd składniowy.

Jeśli oczekujesz dobrych efektów, zrób stronkę samemu. Nie w edytorze wizualnym.
Jeśli czujesz się dobrze w (X)HTML/CSS poszukaj sobie ładnego szablonu i dostosuj go do własnych potrzeb.

BTW - w jakiej wersji Office'a jest SharePoint?
Użytkownik BilGejtZ edytował ten post 13 lipiec 2009, 17:20
Ja na pocztku uzywalem tez dreamvawera, ale to tylko do pisania tekstow. Podstrony juz robie w sharepoincie (napisalem w 1 poscie ze jest to sharepoint 2007- nie ma wczesniejszych sharepointow tylko frontpage). Z szablonów nie chcę robić strony, bo to nie zawsze wychodzi tak jak się chce. A co to za blad skladniowy - co on powoduje? I jak go zlikwidować?

A jeżeli już nawet to float right (choc mi cos niezbyt dziala) to gdzie je wstawic i gdzie kod: po tym poleceniu, przed czy gdzie? Do nastepnej linii?

PZDR

Nie zagłębiając się co jest z tą stroną, wstaw sobie w miejscu gdzie ma się to pojawić:<div style="float: left;"> <script type="text/javascript" src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/wikipedia.xml& amp;up_mylang=pl&amp;synd=open&amp;w=300&amp;h=46&amp;title=Wikipedia+-+Wyszukiwarka& amp;lang=pl&amp;country=ALL&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js" ></script> </div> <div style="float: right;"> <script type="text/javascript" src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/coop/api/004323887699440372014/ cse/dyfjnc9n3gg/gadget&amp;synd=open&amp;w=300&amp;h=75&amp;title=Wyszukiwarka+Google+na+WITRYNIE+WWW+BARTKA+BARANA& amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script> </div>Wszystko jedno gdzie, byle pomiędzy <BODY ...> a </BODY>



Ok, dzieki, troche pomoglo. Tylko sie musze bawic gdzie to wstawic, bo mi pozostale elementy "skacza" na wszystkie strony, jak te sa wstawioe. Ale jakos se poradze. Pozdrawiam

polecam TopStyle - jak dla mnie najepszy program do tworzenia stronek

Polecam nauczyć się HTML ;-)
wtedy nie będziesz miał problemu z takimi i innymi problemami
(PS ja osobiście tylko na początku używałem WYSIWYG'ów, od kiedy robię strony profesjonalnie korzystam z Notepad++ i na tym koniec :D )

No a ja właśnie jestem na tym początku ;). Kiedyś się zapewne nauczę, a jak na razie nie tworzę stron profesjonalnie.

A tak na marginesie:
Bardzo zacnie i klarownie, kulturalnie i szanownie proszę o pomoc w temacie http://forum.ks-eksp...howtopic=124135. Z góry thanks. ;D

Sorka, że tak zachęcam w innych działach (uderzam się w piersi, panie adminie), lecz ogromnie mi na tym zależy. Dzięki za zrozumienie.

Ja też używam SharePointa, ale on nie zwalnia cię z pisania kodu. Zrób dla divy (style="float: left;" i style="float: right";) i gitara.

//edit: literówka ;)

{ float:right; }

lub
style="float:right;"
Użytkownik użytkownik anonimowy edytował ten post 16 sierpień 2009, 18:34

float="right"
W XHTML nie ma atrubutu float :) jest w CSS.


W XHTML nie ma atrubutu float :) jest w CSS.

Nigdy nie używam atrybutów w htmlu.
Staram się wszystko umieścić w cssie.
A co do float="right" to masz racje, co innego myslalem co innego napisałem :)
Użytkownik użytkownik anonimowy edytował ten post 16 sierpień 2009, 18:32
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.