Edelman


Comments:

GridView Update/Edit/Cancel, HyperLinkFields, and DataKey Retrieval

posted by EdelmanEdelman(125) 4 years, 7 months ago 0

Hi guys! I'm new around here, so I figured I'd get started with one of my own posts. Hope you like it! I think this site is an awesome idea :)

Reply

ASP.Net PayPal Commerce Starter Kit

posted by EdelmanEdelman(125) 4 years, 7 months ago 0

you're submitting a story from 2 years ago? Desperate for news, are we? :)

Reply

How to: Create fluid with/height DIV layers with rounded corners

posted by EdelmanEdelman(125) 4 years, 5 months ago 0

@Anastasiosyal: My solution is different because if you ever wanted to include text in those divs, it will not ruin the layout (so long as you don't mess with the padding/margins in the CSS). While the div tag itself is inherently semantically negligible to begin with, you can give it at least some semantic value by giving it a logical ID. This means that, if sometime in the future you wanted to change your layout and no longer wanted fluid rounded corners, you can do so and not have to worry about your markup not making sense anymore.

Reply

How to: Create fluid with/height DIV layers with rounded corners

posted by EdelmanEdelman(125) 4 years, 5 months ago 0

CSS:

p {
padding: 0 10px;
}

.wrap {
background: #D92326 url(http://photos1.blogger.com/blogger/5184/3100/320/ul.gif) no-repeat top left;
}

.inner-wrap {
background: transparent url(http://photos1.blogger.com/blogger/5184/3100/320/ur.gif) no-repeat top right;
}

.content-wrap {
background: transparent url(http://photos1.blogger.com/blogger/5184/3100/320/ll.gif) no-repeat bottom left;
}

.content {
background: transparent url(http://photos1.blogger.com/blogger/5184/3100/320/lr.gif) no-repeat bottom right;
}

XHTML:

<div class="wrap">
<div class="inner-wrap">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse non odio. </p>
<p>Maecenas odio velit, posuere non, sagittis at, pharetra id, lorem. In euismod diam in elit tincidunt rutrum. Curabitur pharetra pede a risus. Praesent tempor nisl vitae nunc.</p>
<div class="content-wrap">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse non odio. </p>
<p>Maecenas odio velit, posuere non, sagittis at, pharetra id, lorem. In euismod diam in elit tincidunt rutrum. Curabitur pharetra pede a risus. Praesent tempor nisl vitae nunc.</p>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse non odio. </p>
<p>Maecenas odio velit, posuere non, sagittis at, pharetra id, lorem. In euismod diam in elit tincidunt rutrum. Curabitur pharetra pede a risus. Praesent tempor nisl vitae nunc.</p>
</div>
</div>
</div>
</div>

What I did to modify my tutorial example was change 2 things: removed the padding from the innermost div (.content) and defined the p tag to have 10 px of padding left and right. I then added text to each wrapping div. Now tell me how this isn't better.

Reply

How to: Create fluid with/height DIV layers with rounded corners

posted by EdelmanEdelman(125) 4 years, 5 months ago 0

sorry, i thought it would render < from &lt;. oh well.

<div> :)

Reply

How to: Create fluid with/height DIV layers with rounded corners

posted by EdelmanEdelman(125) 4 years, 5 months ago 0

oh, i forgot (third post in a row, i know): to control padding left to right, modify the L-R padding of the p tag. to modify the padding top and bottom, modify the .inner-wrap padding-top and the .content padding-bottom.

Reply

How to: Create fluid with/height DIV layers with rounded corners

posted by EdelmanEdelman(125) 4 years, 5 months ago 0

:) thanks. you're right, i should put this in my post. and cmonnn you're not annoying, just persistent!

Reply

101 Great Computer Programming Quotes

posted by EdelmanEdelman(125) 4 years, 4 months ago 0

dead link

Reply