473,394 Members | 1,811 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,394 software developers and data experts.

Liquid css help please..

michaelea
Hi, new newbie here..to liquid styles anyways...

I'm not quite sure how to state my question properly but I'm hoping someone can help me please.

How do I place a liquid Div inside a liquid container or, to put it another way:

http://www.northcoastcomputerservices.com/liquid.htm is the page I need to edit - liquid.css is my style sheet. How do I place a 125x125 graphic in the middle of the empty space to the right of the bulleted list and underneath the pargraph above it?

Any tips or pointers are very much appreciated - even for the correct way to state my question!

Thank you.
Apr 11 '07 #1
5 1488
drhowarddrfine
7,435 Expert 4TB
Float the <ul> left and add a width so you can make it a little smaller. Then add an image and float it left or right.
Apr 11 '07 #2
Thanks Dr.

it's weird how the content <div> handles after all that. All the <P>'s I have to insert to get the text flow back under the bulleted list. Is it best just to put in a margin: space after the paragraph before the bullet list - so that I can then start typing another paragraph at the bottom?

Thanks again I sure do appreciate that.
Apr 11 '07 #3
drhowarddrfine
7,435 Expert 4TB
Not sure I follow but I'm sure you understand it's hard to figure this out just using online tools and fly-by fixes. ;)

I don't recall what it looked like before but using <p>s is the best for keeping paragraphs in check. Sometimes you need to just enclose some elements in a <div> to keep them isolated from the other stuff. Liquid layouts can be tricky as I'm sure you know.
Apr 11 '07 #4
you can you
.imgcenter {
margin : 0 auto 0 auto;
}

and apply same class="imgcenter" in the <img> tag

hope you get the solution :)
Apr 11 '07 #5
With you guys helping me out how can I possibly fail :)

Thank you so much for your time and yes, I know it is difficult figuring it all out with the online tools available to us...

If I can help you out at all with any networking or Outlook stuff just reach out and....

Thanks again
Apr 11 '07 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: kayodeok | last post by:
Found during my web travels: Liquid Layouts: The Easy Way http://www.maxdesign.com.au/presentation/liquid/ Posted here for you to pick apart ;) -- Kayode Okeyode...
0
by: Chad | last post by:
I have a horizontal navbar between my banner and the page's main content (divided into three columns). Below the navbar, the left and right columns are fixed and the center is liquid. I want to...
8
by: oj | last post by:
Please, bare with me. I'm new to CSS and would like to ask for some advice on my current project. I have an existing table based layout that serves as the main template for a .Net application I've...
248
by: Generic Usenet Account | last post by:
As per Google's Usenet archives http://groups.google.com/googlegroups/archive_announce_20.html], the first discussion of the Y2K problem on the Usenet was on January 18 1985...
4
by: ge5talt | last post by:
Longtime reader, 1st time poster :) I am in the process of overhauling a website and replacing an old table-based quirksmode layout with a standards-mode tableless one. I am currently working on...
9
by: Eric Lindsay | last post by:
How do you provide a consistent gradient fill as a background in a liquid layout? If I make a gradient fill image say 1000 pixels wide (and repeat it down the page) to suit a typical computer...
0
by: announcements | last post by:
Liquid Technologies Announces Availability of Liquid XML 2008 (v6.1) New features include: - New Code Generation for C# and VB .Net (2005 and 2008) utilizing Attributed classes with Generic...
1
by: hansBKK | last post by:
Here's a (new?) variation on using negative margins to get a three- column layout - I've used the example HTML from A List Apart's article by Alan Pearce: ...
3
chathura86
by: chathura86 | last post by:
hi, i want to have tow column in my design (divide the page in to two parts) where i want left column to be liquid while the right column has the width of 200px so when the window re size only...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.