GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)
-   -   A small CSS issue (https://gfy.com/showthread.php?t=844852)

Klen 07-31-2008 09:05 AM

A small CSS issue
 
I trying to get a less is possible requied lines to get border on img with using css but my third attemp to make it properly didnt work good.
I made 3 examples of css in action and 3-third one is totaly messed.
http://frajkt.com/cars/css1.html
http://frajkt.com/cars/css2.html
http://frajkt.com/cars/css3.html
First one is implement of td tag,which is good but it requires repeating of td tag which is bad,second one is implementation of img tag which is good but bad if you dont want border on certain images and third one is calling tag one which contain border setting but for some reason it shows big border on first image and on other images shows one big border and it should be border on every image.When i tried that code first time it worked but then sudenly it stopped working.

Iron Fist 07-31-2008 09:07 AM

Good luck :)

GrouchyAdmin 07-31-2008 09:09 AM

I looked at the first two, then clicked on the third, but couldn't be bothered to click the 'View Source' button. Sorry.

Deej 07-31-2008 09:09 AM

well your first mistake is using css in tables...

just make it all divisions... and assign the divisions to have your border and padding and spacing...

MetaMan 07-31-2008 09:10 AM

why not do this?

.outer {
background: #000000;
padding: 5px;
border: 2px solid #ffffff;
float:left;
}
.imagenigga {
border: 2px solid #ffffff;
}

<div class="outer"><img src="images.jpg" class="imagenigga"></div>
<div class="outer"><img src="images.jpg" class="imagenigga"></div>
<div class="outer"><img src="images.jpg" class="imagenigga"></div>
<div class="outer"><img src="images.jpg" class="imagenigga"></div>

Klen 07-31-2008 09:11 AM

Quote:

Originally Posted by Deej (Post 14539045)
well your first mistake is using css in tables...

just make it all divisions... and assign the divisions to have your border and padding and spacing...

I tried that in third example but it doesnt work for some reason

Klen 07-31-2008 09:14 AM

Quote:

Originally Posted by MetaMan (Post 14539056)
why not do this?

.outer {
background: #000000;
padding: 5px;
border: 2px solid #ffffff;
float:left;
}
.imagenigga {
border: 2px solid #ffffff;
}

<div class="outer"><img src="images.jpg" class="imagenigga"></div>
<div class="outer"><img src="images.jpg" class="imagenigga"></div>
<div class="outer"><img src="images.jpg" class="imagenigga"></div>
<div class="outer"><img src="images.jpg" class="imagenigga"></div>

In that example is requied to repeat <div class> on each img code and i want to avoid that.I did managed somehow to have just one call to div class for entire block of images i just dont why it's gone later when i clicked again on preview

Klen 07-31-2008 09:16 AM

Quote:

Originally Posted by GrouchyAdmin (Post 14539044)
I looked at the first two, then clicked on the third, but couldn't be bothered to click the 'View Source' button. Sorry.

Here is content of css files:
one.css:
http://frajkt.com/cars/one.css
two.css:
http://frajkt.com/cars/two.css
three.css
http://frajkt.com/cars/three.css
css1.html includes one.css, css2.html includes two.css and css3.html includes three.css

Klen 07-31-2008 01:02 PM

Damn,after 12 hours spended on searching for proper solution finaly some guy from one mainstream webmaster board give me proper reply after maybe 20 replies in that thread.One of replies was even to do borders in photoshop.
In shortly this is needed to add to css file to ignore img tag for border:
.noborder {border:0 ;}

digifan 07-31-2008 01:11 PM

Nice pages and cars, why changing them? They look good.

klaze 07-31-2008 01:15 PM

Quote:

Originally Posted by KlenTelaris (Post 14540338)
Damn,after 12 hours spended on searching for proper solution finaly some guy from one mainstream webmaster board give me proper reply after maybe 20 replies in that thread.One of replies was even to do borders in photoshop.
In shortly this is needed to add to css file to ignore img tag for border:
.noborder {border:0 ;}

It's your inability to clearly ask a question.

Klen 07-31-2008 01:17 PM

Quote:

Originally Posted by klaze (Post 14540415)
It's your inability to clearly ask a question.

Well here i didnt but on that mainstream webmaster board i clearly asked how to dissalow img tag

Klen 07-31-2008 01:19 PM

Quote:

Originally Posted by digifan (Post 14540395)
Nice pages and cars, why changing them? They look good.

I puted those cars just for example so i can demonstrate problem on mainstream webmaster board,they dont like adult staff there.

yahoo-xxx-girls.com 07-31-2008 01:23 PM

Quote:

Originally Posted by KlenTelaris (Post 14540444)
I puted those cars just for example so i can demonstrate problem on mainstream webmaster board,they dont like adult staff there.

Yea... I can understand.

Are you just trying to place a css border or are you also trying to place a background image behind the foreground picture?

Klen 07-31-2008 01:26 PM

Quote:

Originally Posted by Balalsubturfyooj (Post 14540488)
Yea... I can understand.

Are you just trying to place a css border or are you also trying to place a background image behind the foreground picture?

I just wanted to automaticly put border on most of images with one line and to have code which will prevent to not have border on image where i dont wanna border.This will reduce present html code for 30%

yahoo-xxx-girls.com 07-31-2008 01:33 PM

try:

td {border-style: solid;}

or perhaps

body {border-style: solid;}


All times are GMT -7. The time now is 03:05 PM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123