Jump to content

CSS div alignment


yoshida
 Share

Recommended Posts

Hi. I'm trying to insert a div into another div, and I'd like to wrap the parent's content around the nested div.Host div:

#werklaag {	position: relative;	text-align: left;	padding: 20px;	background: #eeeedd;	border-style: dashed;	border-width: 1px;	border-color: #bbbbdd;}

Nested div:

#fotolinks {	position: relative;	left: -40;	border-style: dashed;	border-width: 1px;	border-color: #bbbbdd;	width: 40%;	margin-left: 10px;	margin-right: 10px;	margin-top: 10px;	margin-bottom: 10px;}

Application:

<html><body><div id=werklaag>random content<div id=fotolinks><img src=someimage.jpg width=100%></div>continue wrapped content</div></body></html>

I'm sorry the div names are in Dutch, but I think you'll understand what I'm trying to do.Any way to wrap the div'content around another div? Help appreciated. Thanks.

Link to comment
Share on other sites

I have no idea what im talking about :) :)

Obvious. :) How else do you think I add shadows to DIVs?The secret, my youg apprentice, is FLOAT. If the position of one div is relative to the host div, and you specify float and left/right, the text wraps around the div.In other words: I already solved it. Try resizing the page for a fancy effect.
Link to comment
Share on other sites

Are those Dutch boy scouts?

Yeah... almost. It's Dutch scouting bands, marching through a theme park.This is the entire site. I know you guys loath frames but to me that's as easy as including the page in a div instead of a frame. Less messy way imo as well.Please tell me what you think ^^ I'm in the mood for some positive feedback.
Link to comment
Share on other sites

Haha, ben jij ook nederlands dan? :blink:Nevermind, I am Dutch too, so lol. Cool, now I'm not the only one :)I like your layout, simple, but stylish. Also the backgroundcolor of the "welkom" bar :) I see something tinybit, about the border of the divs, but I can't explain in English, so:Als je die blokken tekst ziet, en je scrolt, dan worden de randen soms solid en soms dotted :blink: weet jij hoe dat komt? I sook op dit forum hierzo, ik zou graag weten hoe het kwam :)*nevermind my Dutch*

Link to comment
Share on other sites

Twente, Almelo. Omdat ik van mn hobby (systeembeheer) mijn beroep heb gemaakt ben ik als hobby maar gaan programmeren... (alleen php).I'm no regular. Usually I post a question and google for the answer five minutes later.Div borders are changing from solid to dotted and back, while scrolling? Are you using IE? ^^Normally I use Firefox (the webprogrammer's only true friend) but IE messes up the border pretty bad while scrolling (just checked). I don't know if it can be fixed tho.Silly IE!EDIT: thanks for your compliments.

Link to comment
Share on other sites

Systeembeheerder is ook leuk :) Ik ben no gmaar negentien, dus ik heb nog geen beroep ofzo, hoewel ik al wel weet dat het iets met ICT te maken zal hebben, hopenlijk ook programmeren. Het zal me niet uitmaken of dat nu Pascal, C++ of nog iets anders is, zoals bijvoorbeeld Basic (ken ik al) of Visual Basic. Maar lijkt me leuk :blink:Not that I am just a programmer, I also have some sort of knob for programming :) I only needed to read my book of Xhtml once, and I was able to program in it :)

Link to comment
Share on other sites

XHTML is not a programming language...it is a text formating language.lol...you have a natural talent for programming, eh? Give C++ a whirl and then we'll see if you are as good as you say :)...C++ can make you want to cry worse than getting kicked in the balls.

Link to comment
Share on other sites

Haha don't blame me for that :) I do meant programming languages, even Xhtml is not actually one. I did do C++, I did Basic, I still do PHP, and there are no problems :) I said I am good at it, I do mean really good :) Even I have not a lot of experience, my codes are more complicated, I mean stronger, than most people may heave learned it in this short period I have learned it :blink:

Edited by Dan The Prof
Link to comment
Share on other sites

What do you mean? I would dislike it when you blame me for english, as it is not my first language. I found it rather complimental to fully speak english, let alone possibly making little mistakes :)Everyone of my friends, even the autistical friends I have that bend to ICT don't understand a s.hit of what I program :)

Link to comment
Share on other sites

What do you mean? I would dislike it when you blame me for english, as it is not my first language. I found it rather complimental to fully speak english, let alone possibly making little mistakes :)

Don't worry... it's better than using l33t instead. ^^ I feel like you should have a movie collection, or play video games. It's been important to me to properly master English. English was my A (or B+) subject.But web language... I'd be lost without a proper snippet library.EDIT: you mentioned autism... I can tell you about that, but that's a story for another time (if ever).
Link to comment
Share on other sites

I wouldn't be lost without it, I can handle even on my own. But I like to have the documentation for php by hand, or my Xhtml book by hand, when I want to know a detail I couldn't have possibly have remembered :)Back ontopic, , what was the topic about again :)

Link to comment
Share on other sites

ehm... an already solved problem about something I didn't know could be solved using Floats. (Text wrapping around a div)Thanks, Google :)

Link to comment
Share on other sites

What do you mean? I would dislike it when you blame me for english, as it is not my first language. I found it rather complimental to fully speak english, let alone possibly making little mistakes :)Everyone of my friends, even the autistical friends I have that bend to ICT don't understand a s.hit of what I program :)

Can I see some of this marvelous code???
Link to comment
Share on other sites

An easy example, that was meant for counting the site visitors, that actually advanced into an everything settings editor.

function Settings($Do,$What,$Data='') /* ## Site instellingen wijzigen ## */{ if ($Do == "get")  { $result = mysql_query("SELECT Instelling FROM Instellingen WHERE Optie='$What'");    if (mysql_num_rows($result) == 1)    { $setting = mysql_fetch_array($result,MYSQL_NUM); $setting = $setting[0]; }    else { $setting = ""; }  } else  { $exist = mysql_num_rows(mysql_query("SELECT * FROM Instellingen WHERE Optie='$What'"));    if ($exist == 1)    { if (ereg("^visitor$",$Data)) { $Data = $_SESSION['visitor']; unset($_SESSION['visitor']); }      else $Data = $_SESSION["$Data"];      mysql_query("UPDATE Instellingen SET Instelling='$Data' WHERE Optie='$What'");      $setting = $Data;    } else { $setting = ""; }  } return $setting;}
(note the SQL table words are in Dutch, to easy not use preserved words)To use this, I can do two things, fetch or save settings.Fetch:
$_SESSION['visitor'] = Settings('get','Bezoekers');
Save:
$execute = Settings('save','Bezoekers','visitor');
At first, this code is not advanced I admit. But do admit it does actually come quite in handy when dosens of settings would be displayed at the statistics bar :) Edited by Dan The Prof
Link to comment
Share on other sites

That is a nice piece of code. One question tho...do you really know what autism means?!?My cousin was autistic, he was 13, but only was at the mental level of a 3 year old. It is very understandable that autistic people couldn't understand your code!I realize that some autisitc people can be very gifted, usaully in one specific area (ie music), but I don't know of any autistic programmers :) . It is beyond them to think logically or with reason.

Link to comment
Share on other sites

Don't get me wrong, but I am autistical too.It is an incredibly wide range of things you could have, both with pros and cons. Autistical does not neccesary mean you are ten years younger by behavior, but also very narrow minded, or troubled at social contacts. For me it is the last, but on the other hand I am very intelligent in case of complicated things. Just like the mayority of autistical people, who, as I said, often bend to the information communication :)I know everything about autism because I have it too, but it is just more than you just explained :) I cannot either well explain, only in Dutch. But for many people that have autism it applies that they might be very intelligent, or even be gifted. Still, they could be such like children sitting wigling in a corner and make no contact with others... Autistical people just have a developmental disorder, and may think otherwise than pleople without autism.So let say they are very intelligent and do all sorts of complicated things with computers. But still, even them don't understand my programming :)

Edited by Dan The Prof
Link to comment
Share on other sites

Hey, I have autism too. The intelligent part is about right (iq index 124) but my lingual intelligence is much greater than my mathematical one (which is 116). That's another typical thing about it.Still... I don't try to think aboout it too much. It's part of who I am, and I can live with myself. The biggest pro I see in being autistic, is that 'my own little world' is larger than you might think. I enjoy filling it with applicable info, and put it to good practice.I function socially at a logical level. To me the biggest con on autism is that I pretend to interact, while I don't truly feel alive. There's this distance between me and real life (altho, or maybe because of that, I adapt really quickly). But I want to feel alive, even when it hurts. Example: I never really loved or hated someone.I'm 23, but still feel like I'm 19 or so. But I ain't gifted (not fair :) ). If anything, I have the potential to learn just about everything. I had to build a personality from scratch so I figure I have a fresh look on certain things. It's been suggested we're either Darwin's reaction to society, or the next step in evolution.Generally, there's 'classic' autism (which is rare), PDD-NOS (Personal Development Disorder, Not Otherwise Specified) and asperger (which might be the biggest group, out of all people with asperger nine out of ten are male). Albert Einstein had asperger (tell him people with autism can't think logical, they star at it! ^^)Anyway, this is getting a bit off topic.

Link to comment
Share on other sites

Generally, there's 'classic' autism (which is rare), PDD-NOS (Personal Development Disorder, Not Otherwise Specified) and asperger (which might be the biggest group, out of all people with asperger nine out of ten are male).
Not entirely true, PDD-NOS is the biggest group, the "left ones", the ones that don't exactly belong to the other two groups. Though there are not black on white borders for those groups. And actually, pdd-nos defines "Pervasive Developmental Disorder, Not Otherwise Specified" (in Dutch: pervasieve ontwikkelingsstoornis, niet anders omschreven). Even, inside pdd-nos there are incredibly many differences, I am part of a unique project here in holland, next with nine other boys. we are split into two, and of my group we're all pdd-nos, but still all different :/Anyway, I don't know how to align divs. *does not know what he says, just to say the ontopic words*
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...