I have seen a lot of examples of 2 & 3 Collumn layout schemes. But I have
not
yet found any examples for positioning images and centering them by the
browser.
I notice that there are CSS properties for Left and Right, but not for
Centering.
So my question is How does one center an image to the Browser window?
I was thinking about converting a page for my friends catering. It's a table
center in the
page with a reef in the middle. I put some leaves in a few cells. The URL
ins www.laurelscatering.com.
I would like to start using CSS for design. But haven't quite figured out
how to get things positioned like I wish. I some one could offer an example
layout that would reply my table, I could probably figure out how to use
CSS. Otherwise I'll stick to using tables, and use CSS for Text and HTML Tag
formating.
Thanks
Howard 5 2402
Howard wrote:
....
So my question is How does one center an image to the Browser window?
<div style="text-align: center">
<img src="path/to/filename.jpg" alt="relevant text here..." title="title
text if desired..." height="200" width="200">
</div>
...using the exact height and width of your image, of course.
... Otherwise I'll stick to using tables, and use CSS for Text and
HTML Tag formating.
That would be sooo 1990s ...
--
-bts
-Motorcycles defy gravity; cars just suck
Howard wrote :
I have seen a lot of examples of 2 & 3 Collumn layout schemes. But I have
not
yet found any examples for positioning images and centering them by the
browser.
Really?
CSS Horizontal alignment:
when to use margin-left, margin-right and when to use text-align http://www.gtalbot.org/NvuSection/Nv...Alignment.html
Centering lines of text at CSS tips and tricks from W3C http://www.w3.org/Style/Examples/007/center.html#text
I notice that there are CSS properties for Left and Right,
that's for positioning, non-static positioning.
but not for
Centering.
CSS 1 horizontal formating (margin property): "if both 'margin-left' and
'margin-right' are 'auto', they will be set to equal values. This will
center the element inside its parent." http://www.w3.org/TR/CSS1#horizontal-formatting
CSS 1 text-align property says: "The [text-align] property describes how
text (and inline elements) is aligned within the element." http://www.w3.org/TR/CSS1#text-align
So my question is How does one center an image to the Browser window?
I was thinking about converting a page for my friends catering. It's a table
center in the
page with a reef in the middle.
Howard, please bookmark this page:
Using Web standards in your webpages http://developer.mozilla.org/en/docs...your_Web_Pages
(A more recent update to that webpage will be done in a few days)
Gérard
--
remove blah to email me
Thanks to Gerard & Beuaregard.
Probably because of the GUI interface in Dreamweaver, I wasn't thinking
about elements when looking at "Text Align". I was thinking about it be used
for Text.
Thank for the URL's. I'll check them out.
Howard
"Gérard Talbot" <ne***********@ gtalbot.orgwrot e in message
news:12******** *****@corp.supe rnews.com...
Howard wrote :
>I have seen a lot of examples of 2 & 3 Collumn layout schemes. But I have not yet found any examples for positioning images and centering them by the browser.
Really?
CSS Horizontal alignment:
when to use margin-left, margin-right and when to use text-align http://www.gtalbot.org/NvuSection/Nv...Alignment.html
Centering lines of text at CSS tips and tricks from W3C http://www.w3.org/Style/Examples/007/center.html#text
>I notice that there are CSS properties for Left and Right,
that's for positioning, non-static positioning.
but not for
>Centering.
CSS 1 horizontal formating (margin property): "if both 'margin-left' and
'margin-right' are 'auto', they will be set to equal values. This will
center the element inside its parent." http://www.w3.org/TR/CSS1#horizontal-formatting
CSS 1 text-align property says: "The [text-align] property describes how
text (and inline elements) is aligned within the element." http://www.w3.org/TR/CSS1#text-align
>So my question is How does one center an image to the Browser window? I was thinking about converting a page for my friends catering. It's a table center in the page with a reef in the middle.
Howard, please bookmark this page:
Using Web standards in your webpages http://developer.mozilla.org/en/docs...your_Web_Pages
(A more recent update to that webpage will be done in a few days)
Gérard
--
remove blah to email me
Thanks,
Took me a while to make sense of all the CSS rules. Now I'm starting to add
Menu's and overflow property with scrolling text. Moving in the right
direction.
"Howard" <ho*****@pacbel l.netwrote in message
news:lb******** *********@newss vr14.news.prodi gy.com...
>I have seen a lot of examples of 2 & 3 Collumn layout schemes. But I have not
yet found any examples for positioning images and centering them by the
browser.
I notice that there are CSS properties for Left and Right, but not for
Centering.
So my question is How does one center an image to the Browser window?
I was thinking about converting a page for my friends catering. It's a
table center in the
page with a reef in the middle. I put some leaves in a few cells. The URL
ins www.laurelscatering.com.
I would like to start using CSS for design. But haven't quite figured out
how to get things positioned like I wish. I some one could offer an
example layout that would reply my table, I could probably figure out how
to use CSS. Otherwise I'll stick to using tables, and use CSS for Text and
HTML Tag formating.
Thanks
Howard
Howard wrote:
>
Took me a while to make sense of all the CSS rules. Now I'm starting to add
Menu's and overflow property with scrolling text. Moving in the right
direction.
Sorry, but that sounds like the wrong direction to me. :(
>www.laurelscatering.com.
Why is there such a narrow column for the content? There are only about
3 words per line with big empty spaces on the left and right sides. Not
very efficient use of the available screen real estate.
Shall I mention that the code is pretty dismal?
--
Berg This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Bryan R. Meyer |
last post by:
Hello Everyone,
The problem of browser resizing has become an issue for me. While
redesigning my webpage, I set the left and right margins to be auto so
that my content would be centered. However, there are images that I
used absolute positioning in order to place them in the appropriate
location on my page. When I do a browser resize, these images do not
move (obviously). However, the rest of my content is auto centered as...
|
by: Jack Hughes |
last post by:
This argument has come up two or three times lately.
We have a web standards document at our company that say "Use valid
HTML 4; We don't recommend switching to DIV-based CSS-P for layout
just yet though, tables are a lot easier."
That's because we have a lot of developers who aren't ready to move to
CSS-P and DIVs just yet.
But I'm being told our policies were contradictory. If we're going to
|
by: Stephen Weatherly |
last post by:
Could anyone please help me with a problem I am having with my table
widths???
If I have 2 images within a td tag, but using CSS relative positioning I
position one over the top of the second (I am placing a transparent gif
over the top of a normal gif) then the width of my table is large enough
to accommodate both images side by side
My browsers (both IE ad Firefox) do not appear take into account the
relative positioning of my...
|
by: RWC |
last post by:
Hey Folks!
I'm having trouble with an asp page. First off, I'm new to the html / asp
world, but not to software development. I'd like to minimize or "normalize"
the site, so I'm trying to use one menu page and include it into any page
that needs the menu. The problem is, I include the header.asp page, include
the menu.asp page, but when I write the body of the page, it sticks the text
underneath the side menu. I'd like the text to...
|
by: Charles Harrison Caudill |
last post by:
with tables there is a clean and algorithmic way to organize things, but with
css which is, once you get it working, much cleaner, I have to tweak and patch
and hope and pray and curse before things are positioned the way I want them.
It *should* be easy to say: this goes on the left, this goes on the right,
this goes in the center, all on the same line, with a background image...but
I'm missing something.
I would very much like a...
| |
by: |
last post by:
I just installed VS 2005. Was working with 2003 and .Net 1.1. Trying to get the feel for a master page and I'm having some issues. I'm looking for a pretty basic setup. Standard header with an image, forced to lower right of screen, in the content area. I had this working just fine in 1.1, but the tags seem to behave quite differently in 2.0.
If I remove the !DOCTYPE element, I get what I want. Is it dangerous to remove this? How can I...
|
by: steve |
last post by:
Hi All
I am having annoying problems with VS 2005 (VB) positioning tables on a web
page
If I create HTML tables for layout, sometimes the next table sits at the
bottom of the above table and other times there is a gap of about 10mm
between them
I am at a loss as the code is identical
|
by: phil-news-nospam |
last post by:
Why does SVG need a different tag than other images?
IMHO, SVG should be implemented as an image type just like any other image
type, allowing it to work with <img> tags, and ... here is the important
part ... also work with backgrounds in other tags.
I fail to see any wisdom in making SVG different than say PNG (of course
the implementation of the rendering code would obvious be different).
--
|
by: Fistro |
last post by:
I'm trying to find a design that would allow me to build web pages
without having to worry about compatibility issues (not too much, in
any case,,,)
I've came across this CSS layout technique:
http://alistapart.com/articles/fauxabsolutepositioning
It calculates the left offset from a fixed position, as opposed to
calculating it from the right edge of the preceding element by using a
combination of position: relative, left: 100% and a...
|
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |