Lanbaba's Posts
Nairaland Forum › Lanbaba's Profile › Lanbaba's Posts
am a newbbie in the coding game but i can confidently say that css is worth learning. why use table for layout, and of course thanks to the house ![]() |
still not working. although am not trying to use it now. just wanna see the wonders of javascript. will download the e-books tonight. thats from css e-book. dont even understand a line of code there. yeah was trying to chat with you through trudigits. guess i will call you then. |
the truth is i havent learnt javascript, just like i said, i copied the codes from a book. i will correct what you said. wld love 2 talk to you one- on-one. cant sign in messenger. . , i search ken sawyer and saw more than a billion people, want to discuss somethings. which ken is your our search for me and add me |
The script is suppose tow ork like this:you click the button once to exchange the images — no toggling. only the image named texture is been displayed on my system both with IE and FF |
three jpg format pictures named: first, second and third are required for this. this is the visual basic version of the code <html> <head> <SCRIPT LANGUAGE=VBScript> function fadethem() myimage.filters.item(0).Apply() myimage.src=”second.jpg” myimage.filters.item(0).Play() end function </SCRIPT> <style> H1 {font-size: 42px;padding-left: 3%;} BODY {background-image: url(texture.jpg);} </style> </HEAD> <BODY> <br> <H1> Join us! We Have all Styles of Houses</h1> <IMG ID=myimage width=60% height=70% src=”first.jpg” style=”filter:progid:DXImageTransform.Microsoft. fade(Duration=2); border= 14px solid peru inset; position=relative; left=20%;”> <br><br> <INPUT type=button style=”position=relative;left=83%;fontweight: lighter; font-size: 20px; width: 120px; font-family: ‘times new roman’; height: 44px” value=”See More” onClick=”fadethem()”> <IMG src=”first.jpg” style=”width:1; height:1;visibility:hidden”> <IMG src=”second.jpg” style=”width:1; height:1; visibility:hidden”> </BODY> </html> for the javascript version: <SCRIPT LANGUAGE=JavaScript> function fadethem() { myimage.filters.item(0).Apply(); myimage.src=”second.jpg”; myimage.filters.item(0).Play(); } </SCRIPT> |
when i paste javascript codes, it does not work.i mean codes that are copied from a book. or are they suppose to work only when you are connected to the internet? of course i have javascript enabled in my browser.please what are the possible causes or what am i not doing well. |
pls i cant see any reply |
pls recommend a major one |
I wld say that i have really benefitted from NL.of course thanks to all contributors |
Out of base,internet connectivity is quite inefficient where i am. But i tried uploading, but am not how many files were successfully uploaded. |
Pls i nee a free javascript ebook. Something like css for dummies |
@ pc guru: please explain what you mean by his code differs on different browsers. Is it that dreamweaver generate more than one code for a particular page? Please enligthen me |
Thanks dual.away from my system, am doing this on phone.as soon as i am on my system,i will give u feed back. |
I have been tryin to upload my site with filezilla but am having problems with it. Am trying 2 upload to a free host/subdomain to test my work before a paid webhost |
I cant install opera mini on my LG ku990 viewety phone. what could be the problem . Pls help me |
Wow!worked in both FF and IE. Wonderful peeps. Although z-index value didnt work,but it is doing wath i want it to do. Thanks so much. Pls i opened a thread on "lil prob i have with uploading my work". Pls check it out |
I guess dey call it superimpostion.for example if u want the w word 'me' to appear on (be superimposed on) the word 'you', the paragraph that contains 'me' is given a z-index value of say 2.i use the following code for illustration <p style="position:absolute; top:1px; left:1px; z-index:2; ">me</p> <p style="position:absolute; top:1px; left:1px;">you</p> .in the above code,me and you will appear on top of each other,but me will appear on top because it has a higher z-index value,right? So my question is how will you do something similar if u are floating and not using coordinate(top and left) .thanks |
I think i am really loving floating. How do i place the content of divA on divB using z-index . Cos in absolute positioning(top&left), you simply give values of coordinates that makes them intersect and then give a higher z-index value to divA. My question is 'how do u make divA appear on divB while floating?' |
i have been trying to upload a mock site i built. just a page though, am using filezilla and freehost/free subdomain from eu.pn, just aint working, though my guild is an e-book, can someone please recommend a freehost/domain that he or she has used, and the person should be willing to hold my hand(step by step support). thanks, i need to upload this so as to encourage me |
woo hoo, just like dual said, "saved by the babe" . i did all the stuff and it worked. actually , i was clearing outside the containing div, thanks guys |
Yes yawa. I set d width of both p and of course d containing div and got dem staying side by side.actually, dats not d prob. D prob is dat d paragraphs are nt inside d div's border. D paragraphs appear under d border as if i set d div's height to zero. Note: the paragraphs appear side by side jst as i want. |
Css part withborder {border-style:solid; border-width:2px; border-color:grey;} clear {clear:both; } , |
pls take a look at this withborder:adds border clear:clears both <div class="withborder" > <p style="float:left;">Our services are unbelievably affordable. just talk to us, no matter how small you think your budjet is, we can make it happen for you</p> <p style="float:left;">Our services are unbelievably affordable. just talk to us, n how small you think your budjet is, we can make it happen for you</p> </div><br class="clear"> in the above code, the two paragraphs are suppose to appear side by side, then the border of the <div> should enclose the two together. Question: why is it that the two paragraphs appear below the border(although side by side as expected). the div's border shows as if i set the value of its height to '0'. this also happen if i set the value of the height to 'auto'. mind you i also set values for the respective widths, of course having in mind the box model and it also didnt work, |
yawa-tide: cant still see my code you edited and the reply you typed with it, what is seun doing about it |
yawa-ti-de:does it mean that the header, navigation, footer in this example are flowing (default arrangement by browser if no form of positioning is specified). ie header is stacked on the navigation, navigation on the 2 floated dis, and the two floated divs are stacking on the footer.stacking here means default positioning by the browser, |
think i understood what you said yawatide.i will try it. just the technicalities of iit is the lil prob.but with God andyou guys, its little |
pls take a look at the code below, there are two parts. <!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"> <html> <head> <style> body {margin:0px; padding:0px; } .withborder {border-style:solid; border-color:grey; } </style> </head> <body> <!-part 1--> <div class="withborder" style="float:left; padding:3px; width:200px; height:auto; margin-left:200px;"> <p class="withborder" style="">As is usual wi</p> <p class="withborder" >God is verposition:relative; position:relative; <p/> <p class="withborder" >lanre As is usual with positioned below a floating element, use clear.</p> </div> <!--end of part1--> <!--beginning of part 2--> <div class="withborder" style=""> people text andth CSS (and impossible in traditional HTML), you can apply the clear property to any element, not just text and images. So, if you run into a situa</div> <!--end of part two--> </body> </html> there are two parts: part 1 is a <div>(1 will call it <div1> that contains some paragraphs. the <div> is surrounded by a border to make it clearer. part 2 is also a <div>(i will call it <div2> ![]() i styled <div1> with float:left.so i expected <div2> to be on the right side of <div1>, it did, just as expected, problem(1) but when i styled <div2> with width:50px, it left the right side of <div1> to stay under&left as if stacking. Adding the <div1>width(200px),margin-left(200px) and <div2>width(50px)=450px only. mind you, i didnt clear the float after <div1>, so why should <div2> leave the right side of <div1>. problem(2) the <div2> border starts from the top left corner of the browser, even to the content(text) starts from the left or under <div1> in the two cases above. thanks. |
what i understand by floating is: if u say a div1 1s <div style="float:left">, and say another div,call it<div 2> follows in the code, it means that 1(the one with style="left:float" is at the left of 2, if am wrong pls correct, in the light of this, pls explain the code you wrote further |
thanks, so clear, but if that container is for example a side bar, do u have to now position the container using absolute positioning (top and left) or u can float the header(logo, menu etc) section and allow it (sidebar) to wrap round it, if you can do this, then let us assume the first element /container on your page is the header(logo ,menu etc) (you will float it, then clear other containers like sidebar around it), do you position the header(logo, menu etc) with absolute positioning else how do you do it? |
why float instead of using coordinates (top and left) in css positioning. (ie advantages of floating), what are the possible difficulties that one would encounter while trying to float. cos am yet to fully a\understand it, |
try eu.pn. free hosting+ subdomain if dats what u want |
thanks man, useful info |
