Questions about CSS.

D

duyen

New Member
Reaction score
214
at the top you need a <html> for yo main code.

Btw: Overlap is a word and I'll answer your questions later - it's relatively late here as well.
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
Anman64 said:
at the top you need a <html> for yo main code.

Btw: Overlap is a word and I'll answer your questions later - it's relatively late here as well.
Click to expand...

I figured I'd leave parts of the code out. :p
Here's the full code:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO 8859-1">
<title>Work Factory</title>

 <link rel="shortcut icon" href="images/favicon.ico">
 <link href="divs.css" rel="stylesheet" type="text/css">
 <link href="meny.css" rel="stylesheet" type="text/css">

</head>


<style type="text/css">
body 
{ 
 background-image: url(images/loggo4.png);
 background-repeat: no-repeat;
 background-color: #000000;
}
</style>


<body>

<div id="top"> </div>

 <div id="container">

 <div id="center">

  <div id="buttons">

   <div id="menycontainer">
    <ul id="meny">

     <li title="cities"> <a href="iframe.html" target="iframe" id="cities"> Test </a> </li>
     <li title="About" class="current"> <a href="firstpage.html" target="iframe" id="about"> About </a> </li>
     <li title="Products"> <a href="#" target="iframe" id="products"> Products </a> </li>
     <li title="Contact"> <a href="#" target="iframe" id="contact"> Contact </a> </li>

    </ul>
   </div>
  </div>

 <br>
 <iframe src="iframe.html" name="iframe" width="85%" height="95%" marginwidth="10" marginheight="10"     scrolling="auto" frameborder="0" allowtransparency="true">
 </iframe>

 </div>
</div>

</body>
</html>

EDIT:
My new problem is:
-I can't center a div..
I tried this:

Code: 
#buttons
{
 height: 40px;
 width: 100%;
 background: #3a3a3a;
}

#centerbuttons
{
 margin: 0 auto;
 text-align: center;
}
But div - centerbuttons won't center.. (I want it to center horizontally on the button - div.)


EDIT: I figured out something else:
I want to have two boxes: #borders and #buttons. buttons is supposed to be inside borders.
I then want buttons to be located 50% from border's left side. (In the middle, simply.)
I tried margin-left: 50%, but that counts from the very left-most side. (Not border's left side.)
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
New Question:
What font should I use for writing longer pieces of text?
-My sister mentioned something about that once, supposedly making it easier to read, but I forgot what it was.

Any ideas? :)
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
Nah, that's not the one.
Thanks, though.

New question.
I want to click on a thumbnail picture and have the picture enlarged and maybe the surroundings become grey'ish.. -How can I do this? :p
 
enouwee

enouwee

Non ex transverso sed deorsum
Reaction score
240
Exide said:
I want to click on a thumbnail picture and have the picture enlarged and maybe the surroundings become grey'ish.. -How can I do this? :p
Click to expand...

Can't you just search for such trivial things? It's called a Lightbox and there are many scripts for it, like multibox.
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
enouwee said:
Can't you just search for such trivial things? It's called a Lightbox and there are many scripts for it, like multibox.
Click to expand...

Thanks.
I didn't know what they were called. :p

So I google'd and found an easier version, than the one you linked to.
It nearly works, too! :p

http://www.huddletogether.com/projects/lightbox/

When I click the image-link, I get the larger image in the middle of the screen and all that. But the background around it doesn't "go grey".
Also, in the code they mention 'blank.gif' - which isn't available for downloading.. :confused:
 
enouwee

enouwee

Non ex transverso sed deorsum
Reaction score
240
Exide said:
When I click the image-link, I get the larger image in the middle of the screen and all that. But the background around it doesn't "go grey".
Click to expand...
Why don't you look at the code (both HTML and CSS) they've got on their website? Or read the documentation?

Also, in the code they mention 'blank.gif' - which isn't available for downloading.. :confused:
Click to expand...
Maybe because you can create it on your own? When somebody tells me "x.gif" or "blank.gif", I immediately associate it to an 1x1 transparent GIF.
But maybe that's only me. :rolleyes:
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
enouwee said:
Why don't you look at the code (both HTML and CSS) they've got on their website? Or read the documentation?


Maybe because you can create it on your own? When somebody tells me "x.gif" or "blank.gif", I immediately associate it to an 1x1 transparent GIF.
But maybe that's only me. :rolleyes:
Click to expand...

Yea, I already figured the "shadow/grey" part out. :p

EDIT: This problem fixed. :thup:
Only the problem below remaining, at the moment. :)

Another thing is my img-links (the thumbnails), they have a blue border around themselves. I believe there's some css code that can fix this, but I can't remember which one it is or where to put it. :p
 
enouwee

enouwee

Non ex transverso sed deorsum
Reaction score
240
Exide said:
Another thing is my img-links (the thumbnails), they have a blue border around themselves. I believe there's some css code that can fix this, but I can't remember which one it is or where to put it. :p
Click to expand...

You've added the multibox styles from lightbox.css?
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
enouwee

enouwee

Non ex transverso sed deorsum
Reaction score
240
From the page you linked to:
lightbox.css - basic style and tricky PNG support
Click to expand...

I hope you followed the other instructions... see their own page on how to do it correctly.
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
Ah.
Yea, I added it.

I solved the border problem by: border="0". :p
It's still not perfect, but I believe I can work it out. =)
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
Ok, I got a new question. :p
It's not really CSS, but I figured I'd hi-jack my own thread, instead of creating a new one.

I'm trying to make image-links. But whenever I do, tiny, annoying underlines appear in the bottom-right corner of the image.
Like this:
lankar.jpg

Any ideas of how to get rid of these? :)
 
enouwee

enouwee

Non ex transverso sed deorsum
Reaction score
240
Rather than writing:
Code: 
<a href="#"><img ... /> <img ... /> <img ... /></a>

use:
Code: 
<a href="#"><img ... /><img ... /><img ... /></a>

or:
Code: 
<a href="#"><img ... /></a> <a href="#"><img ... /></a> <a href="#"><img ... /></a>

To avoid the whitespace inside your link being underlined.
 
Exide

Exide

I am amazingly focused right now!
Reaction score
448
Aaah, of course!
Thanks. =)
 
You must log in or register to reply here.
General chit-chat
Help Users
  • No one is chatting at the moment.
  • Varine Varine:
    How can you tell the difference between real traffic and indexing or AI generation bots?
  • The Helper The Helper:
    The bots will show up as users online in the forum software but they do not show up in my stats tracking. I am sure there are bots in the stats but the way alot of the bots treat the site do not show up on the stats
  • The Helper The Helper:
    New recipe is Shipwreck Dinner - https://www.thehelper.net/threads/recipe-shipwreck-dinner.193511/
  • Varine Varine:
    I want to build a filtration system for my 3d printer, and that shit is so much more complicated than I thought it would be
  • Varine Varine:
    Apparently ABS emits styrene particulates which can be like .2 micrometers, which idk if the VOC detectors I have can even catch that
  • Varine Varine:
    Anyway I need to get some of those sensors and two air pressure sensors installed before an after the filters, which I need to figure out how to calculate the necessary pressure for and I have yet to find anything that tells me how to actually do that, just the cfm ratings
  • Varine Varine:
    And then I have to set up an arduino board to read those sensors, which I also don't know very much about but I have a whole bunch of crash course things for that
  • Varine Varine:
    These sensors are also a lot more than I thought they would be. Like 5 to 10 each, idk why but I assumed they would be like 2 dollars
  • Varine Varine:
    Another issue I'm learning is that a lot of the air quality sensors don't work at very high ambient temperatures. I'm planning on heating this enclosure to like 60C or so, and that's the upper limit of their functionality
  • Varine Varine:
    Although I don't know if I need to actually actively heat it or just let the plate and hotend bring the ambient temp to whatever it will, but even then I need to figure out an exfiltration for hot air. I think I kind of know what to do but it's still fucking confusing
  • The Helper The Helper:
    Maybe you could find some of that information from AC tech - like how they detect freon and such
  • Varine Varine:
    That's mostly what I've been looking at
  • Varine Varine:
    I don't think I'm dealing with quite the same pressures though, at the very least its a significantly smaller system. For the time being I'm just going to put together a quick scrubby box though and hope it works good enough to not make my house toxic
  • Varine Varine:
    I mean I don't use this enough to pose any significant danger I don't think, but I would still rather not be throwing styrene all over the air
  • The Helper The Helper:
    New dessert added to recipes Southern Pecan Praline Cake https://www.thehelper.net/threads/recipe-southern-pecan-praline-cake.193555/
  • The Helper The Helper:
    Another bot invasion 493 members online most of them bots that do not show up on stats
  • Varine Varine:
    I'm looking at a solid 378 guests, but 3 members. Of which two are me and VSNES. The third is unlisted, which makes me think its a ghost.
     +1
  • The Helper The Helper:
    Some members choose invisibility mode
     +1
  • The Helper The Helper:
    Latest Recipe is Garlic Parmesan Chicken https://www.thehelper.net/threads/recipe-garlic-parmesan-chicken.193575/
  • The Helper The Helper:
    I bitch about Xenforo sometimes but it really is full featured you just have to really know what you are doing to get the most out of it.
  • The Helper The Helper:
    It is just not easy to fix styles and customize but it definitely can be done
  • The Helper The Helper:
    I do know this - xenforo dropped the ball by not keeping the vbulletin reputation comments as a feature. The loss of the Reputation comments data when we switched to Xenforo really was the death knell for the site when it came to all the users that left. I know I missed it so much and I got way less interested in the site when that feature was gone and I run the site.
  • Blackveiled Blackveiled:
    People love rep, lol
     +1
  • The Helper The Helper:
    The recipe today is Sloppy Joe Casserole - one of my faves LOL https://www.thehelper.net/threads/sloppy-joe-casserole-with-manwich.193585/
  • The Helper The Helper:
    Decided to put up a healthier type recipe to mix it up - Honey Garlic Shrimp Stir-Fry https://www.thehelper.net/threads/recipe-honey-garlic-shrimp-stir-fry.193595/

      The Helper Discord

      Members online

      No members online now.
      Online now:
      438 (members: 0, guests: 438)

      Share this page

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top