Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by JoReL

  1. Hi, i have this code i got on a theme for a personnal ipost on wordpress. I want to change the width and height but cant seem to find the values or where to pu them if there not in it. Originally it shows a square where information is place inside it, but i want to make it a more rectangular shape. Heres the code on the css: div.personnal-item{ border-width: 1px; border-style: solid; }div.personnal-item .personnal-position{ text-align: center; font-size: 15px; margin-bottom: 22px; }div.personnal-item .personnal-thumbnail{ margin: 0px 0px 15px; border-top-width: 2px; border-bottom-width: 2px; border-style: solid; }div.personnal-item .personnal-thumbnail img{ display: block; }div.personnal-item .personnal-title{ text-align: center; margin: 25px 15px 3px; font-size: 24px; line-height: 1; }div.personnal-item .personnal-content{ margin: 0px 15px; padding-bottom: 15px; }div.personnal-item{ background-color: #f7f7f7; }div.personnal-item .personnal-position{ color: #9d9d9d; }div.personnal-item .personnal-title{ color: #353535; }div.personnal-item .personnal-thumbnail{ border-color: #da0028; }div.personnal-item .personnal-content{ color: #838383; } Thanks in advanced for your help and time.
  2. JoReL

    Tab Menu

    Yeah, that's exactly what im looking. But there all java script, I know little about it and i don't want to run on a problem that i wont be able to resolve in the future, i heard that that you cant have different java script on the same page or something like that. (Some variable problems)
  3. JoReL

    CSS: 2 columns

    woops! totally forgot about it.Thanks, it´s working now.
  4. JoReL

    Tab Menu

    I´m looking for a tutorial and how to make a menu with 3 tabs with different content each. one of the tabs will have a video. My question is, How can i achieve this?Will it be on html only, css, or both?Thanks in advance for your time. :)I'm looking on google but nothing on how to achieve this.
  5. JoReL

    Making a Tab menu

    I´m looking for a tutorial and how to make a menu with 3 tabs with different content each. one of the tabs will have a video. My question is, How can i achieve this?Will it be on html only, css, or both?Thanks in advance for your time. :)Currently im looking on google but nothing special on how to achieve this.
  6. JoReL

    CSS: 2 columns

    it wont show a thing on that section of the tab menu.te code for tab menu is: div#panel { position: relative; width:400px; height: 300px;} ul#tabs { position:absolute; left: 0px; top: 0px; margin:0; padding:0; width: 400px; height: 24px; z-index: 20;} ul#tabs li { float:left; height: 23px; padding-left: 8px; list-style: none; margin-right: 1px; background: url(images/tabs.png) left -48px; } ul#tabs li.actual { height: 24px; background: url(images/tabs.png) left -72px; } ul#tabs li a { display: block; /* hack para ie6 */ .display: inline-block; /* fin del hack */ height: 23px; line-height: 23px; padding-right: 8px; outline: 0px none; font-family: arial; font-size: 10px; text-decoration: none; color: #000; background: url(images/tabs.png) right 0px; } ul#tabs li.actual a { height: 24px; line-height: 24px; background: url(images/tabs.png) right -24px; cursor: default; }/* Panel Configuration */div#panel #paneles { position: absolute; left: 0px; top: 26px; width: 398px; height: 275px; border: 1px solid #91a7b4; background: #fff; overflow: hidden; z-index: 10px;} div#panel #paneles div { margin:10px; width: 378px; height: 255px; font-family: arial; font-size: 12px; text-decoration: none; color: #000; overflow: auto; }
  7. i have a similiar dropdown menu with css: #menu { list-style:none; width:1160px; margin:0px auto 0px auto; height:43px; padding:0px 20px 0px 20px;}dropdown_2columns{margin:4px auto; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #777777; border-top:none;} <ul id="menu"> <li><a href="#" class="drop">Corporative</a><!-- menu starts--> <div class="dropdown_2columns"><!-- starts 2 column container --> Have you change the position value?
  8. JoReL

    CSS: 2 columns

    I have this menu with tabs on it for deferent info on products. The problems is that in this tab i added a list of two columns, but the info i placed on the list wont show. I dont have problems with the other tabs, thinking there might be a problem on the css or bad sintax.Code on css: #lateral_X{width: 100px;background-color: #CCCCCC;float:left;}#lateral_Y{margin-left:190px;background-color: #FFFFFF;border:#000000 1px solid;} code HTML <div id="panel_02"> <div id="lateral_X"> <li><p>Functions</p></li> <li><p>blablabla</p></li> <li><p>blablabla</p></li> <li><p>*Product</p></li> <li><p>*Product</p></li> <li><p>*Product</p></li> <li><p>*Product</p></li> </div> <div id="lateral_Y"> <li><p>Functons</p></li> <li><p>blablabla</p></li> <li><p>blablabla</p></li> <li><p>*Product</p></li> <li><p>*Product</p></li> <li><p>*Product</p></li> <li><p>*Product</p></li> </div></div>
  9. It may also be the security on youre side. Are you the IT administrator ?? Or does the account even exist?
  10. In my opinion, godaddy has a great service, even if you just want there service for a month or a year, for a proyect or a complex corporate site. Servers are completly configurable if you DO know how to do it. The only think that isn that great (only because it has limits on configuring) its MySQL database apps, for more advance services you will find that its not that much to customize or configure. But, for everything else its pretty cool and professional.
  11. for what i can see on your code, the referece of the css code must be on the root folder or in the same folder the html is to work. Its better to make them independen files, like one for html file (index.html) and one css file (default.css). Then for example,on the index file you just put this code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><link href="default.css" rel="stylesheet" type="text/css" media="all" /> < --! Assuming you have the css file on the same foolder --></head><body><div id="wrapper"><div id="header"> <div id="logo"><--! and so on...... -->
  12. Hmm... looks like I need some more reading. Thanks for your help again.
  13. Hey! Thanks a lot dsonesukI remember cheking this part of the code a,d changing the values but I dont remember resolving it.Is this a CSS rule when using background colors and gradients??
  14. Loving those lines...

  15. Hi, im having a little problem with a css menu bar displaying correctly on internet explorer but on firefox not showing it correctly. the problem is that the color I set on the css code is a red one, but firefox shows a blue color. I tried with other browsers to see if there was a problem with the code but for chrome,safari an ie the color shows correctly, having only firefox with the bad color displayed. Here is the code of the menu bar on the css: #menu {list-style:none;width:1160px;margin:30px auto 0px auto;height:43px;padding:0px 20px 0px 20px;/* Rounded Corners */ -moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;/* Background color and gradients */ background: #C81F18;background: -moz-linear-gradient(top, #0272a7, #013953);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); I looked everywhere on the code to see if there is a misplaced color or a syntax error but haven't found it. Thanks in advanced for your time and help.
  • Create New...