Welcome to the North American Subaru Impreza Owners Club Monday March 18, 2024
Home Forums Images WikiNASIOC Products Store Modifications Upgrade Garage
NASIOC
Go Back   NASIOC > NASIOC Miscellaneous > Off-Topic

Welcome to NASIOC - The world's largest online community for Subaru enthusiasts!
Welcome to the NASIOC.com Subaru forum.

You are currently viewing our forum as a guest, which gives you limited access to view most discussions and access our other features. By joining our community, free of charge, you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is free, fast and simple, so please join our community today!

If you have any problems with the registration process or your account login, please contact us.







* As an Amazon Associate I earn from qualifying purchases. 
* Registered users of the site do not see these ads. 
Reply
 
Thread Tools Display Modes
Old 02-27-2005, 11:48 PM   #1
SgWRX
Scooby Specialist
 
Member#: 7823
Join Date: Jun 2001
Location: Wisconsin
Vehicle:
2003 WRX
Sedona Red Pearl

Default html css help image borders

hey, i've searched but can't seem to figure out what's going on or if it's supposed to work like this?

i have a css file that i'm referencing for a web gallery that i'm creating.

in the css file, i've got:

img
{ border-width: 5px;}

in my shtml file where i have the images in a table, if i use <img src=".." border="2"> then i see the border and in the css file i can change it's color or size etc...

but if my shtml file does NOT have the border="x" in the <img> tag i see no borders or color.

what am i doing wrong?

i'd like to be able to specify a border size for all the images within the css file.

thanks!
* Registered users of the site do not see these ads.
SgWRX is offline   Reply With Quote
Sponsored Links
* Registered users of the site do not see these ads.
Old 02-28-2005, 01:21 AM   #2
daveB
Scooby Newbie
 
Member#: 28488
Join Date: Nov 2002
Chapter/Region: MWSOC
Location: Champaign, Il.
Vehicle:
2000 Pierce Saber
Fire Engine Red

Default

Quote:
Originally Posted by SgWRX
hey, i've searched but can't seem to figure out what's going on or if it's supposed to work like this?

i have a css file that i'm referencing for a web gallery that i'm creating.

in the css file, i've got:

img
{ border-width: 5px;}

in my shtml file where i have the images in a table, if i use <img src=".." border="2"> then i see the border and in the css file i can change it's color or size etc...

but if my shtml file does NOT have the border="x" in the <img> tag i see no borders or color.

what am i doing wrong?

i'd like to be able to specify a border size for all the images within the css file.

thanks!

interesting, are you sure you're properly linking to the css file? I understand that the CSS is loaded from top to bottom and then the HTML code in the body has the final trump. but if you don't have a border="x" in the html then the css should carry over.

<---mildly confused. Flip through an online CSS manual to see if anything turns up
daveB is offline   Reply With Quote
Old 02-28-2005, 01:25 AM   #3
Akirasoft
Scooby Guru
 
Member#: 2973
Join Date: Nov 2000
Chapter/Region: MWSOC
Location: Inverness, IL
Vehicle:
2018 Camaro ZL1 1LE
Red

Default

You might just be dealing with poor layout rendering in certain browsers. IE can be inconsistant many times and firefox sometimes flat out refuses to render a page as you imagine it would.
Akirasoft is offline   Reply With Quote
Old 02-28-2005, 09:47 AM   #4
SgWRX
Scooby Specialist
 
Member#: 7823
Join Date: Jun 2001
Location: Wisconsin
Vehicle:
2003 WRX
Sedona Red Pearl

Default

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

i wonder if this declaration is doing something to it? i'm naming my file shtml instead of html so i can use an include statement to pull in a navigation bar that will be the same on every page i've got. i think a couple weeks ago, i forgot to change the type of file to transitional and my linked css suddenly stopped working.

i'll have to do more searching and testing.

thanks
SgWRX is offline   Reply With Quote
Old 02-28-2005, 10:03 AM   #5
fansipans
Scooby Newbie
 
Member#: 62991
Join Date: May 2004
Location: Northern Virginia
Default

is it
Quote:
img {blahblah}
or is it
Quote:
.img {blahblah}
i can't remember
fansipans is offline   Reply With Quote
Old 02-28-2005, 10:28 AM   #6
sorbee711
Scooby Specialist
 
Member#: 14259
Join Date: Jan 2002
Chapter/Region: NESIC
Location: Shrewsbury, MA
Vehicle:
OT, we're a-holes
b/c we are bored at work

Default

^^^^ He'd need img not .img because .img means he would be calling the class. just saying img means he wants it to impact all img tagged items.
sorbee711 is offline   Reply With Quote
Old 02-28-2005, 10:33 AM   #7
fansipans
Scooby Newbie
 
Member#: 62991
Join Date: May 2004
Location: Northern Virginia
Default

oh that's right, i was thinking of the kung-fu combo style of
Quote:
img .nutz { blablah: blah; }
which defines "nutz" only for the img tag (yay for css)
/confusion
fansipans is offline   Reply With Quote
Old 02-28-2005, 07:57 PM   #8
SgWRX
Scooby Specialist
 
Member#: 7823
Join Date: Jun 2001
Location: Wisconsin
Vehicle:
2003 WRX
Sedona Red Pearl

Default

right - don't want to create a class. though i might try that tonight. anyway, maybe a better question is this: is there any other way to use include to include a navigation file besides using SHTML?

for example, i want to use: <!--#include file="nav_bar.html" -->

at the top of all my pages. however, i found out that you sometimes have to use shtml as a file extension in order to get it to work (i tried html and no go).
SgWRX is offline   Reply With Quote
Old 02-28-2005, 07:59 PM   #9
WagonMonster
Scooby Guru
 
Member#: 3781
Join Date: Jan 2001
Vehicle:
2023 Ioniq6
Green

Default

<img src="blah" width="100" height="100" alt="blah" style="border: solid 2px #252121;"/>
WagonMonster is offline   Reply With Quote
Old 02-28-2005, 08:02 PM   #10
SgWRX
Scooby Specialist
 
Member#: 7823
Join Date: Jun 2001
Location: Wisconsin
Vehicle:
2003 WRX
Sedona Red Pearl

Default

ah, forget my last post. instead of actually replying to THIS thread, i replied to something i was THINKING. i make for interesting conversation!
SgWRX is offline   Reply With Quote
Old 02-28-2005, 08:04 PM   #11
SgWRX
Scooby Specialist
 
Member#: 7823
Join Date: Jun 2001
Location: Wisconsin
Vehicle:
2003 WRX
Sedona Red Pearl

Default

Quote:
Originally Posted by WagonMonster
<img src="blah" width="100" height="100" alt="blah" style="border: solid 2px #252121;"/>

yeah inline works AOk. drat more typing.
SgWRX is offline   Reply With Quote
Old 02-28-2005, 08:06 PM   #12
WagonMonster
Scooby Guru
 
Member#: 3781
Join Date: Jan 2001
Vehicle:
2023 Ioniq6
Green

Default

Just make a class then...

.imgborder
{
border: solid 2px #252121;
}

Then <img src="blah" width="100" height="100" alt="blah" class="imgborder"/>
WagonMonster is offline   Reply With Quote
Old 03-01-2005, 09:34 AM   #13
SgWRX
Scooby Specialist
 
Member#: 7823
Join Date: Jun 2001
Location: Wisconsin
Vehicle:
2003 WRX
Sedona Red Pearl

Default

class works fine too. so whatever, i'll have to do inline or class. thanks for the help.
SgWRX is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
HTML/CSS Help Acejam2k Off-Topic 6 01-15-2008 07:31 PM
HTML email help... Honkey3k Off-Topic 2 04-05-2006 05:18 PM
HTML Frames Help? roffle Off-Topic 61 05-17-2005 12:49 PM
HTML guru's: Help! eurojax Off-Topic 1 08-05-2004 06:09 AM
HTML Guru's: HELP! Remy E. LeBeau Off-Topic 19 06-20-2003 03:22 PM

All times are GMT -4. The time now is 10:53 PM.


Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Powered by Searchlight © 2024 Axivo Inc.
Copyright ©1999 - 2019, North American Subaru Impreza Owners Club, Inc.

As an Amazon Associate I earn from qualifying purchases.

When you click on links to various merchants on this site and make a purchase, this can result in this site earning a commission
Affiliate programs and affiliations include, but are not limited to, the eBay Partner Network.