I need help in HTML Code please

Discussion in 'HTML & Website Design' started by Dead Man, Jul 17, 2012.

  1. #1
    Hello,

    I am facing a problem regarding below html code. This code shows Latest Ads Vertically, but I want to display these horizontally. This code needs small amendment. Can anyone help me out please?? Those who help me will get +Rep! :)

    Waiting........

    Dead Man!~:cool:

     
    Dead Man, Jul 17, 2012 IP
  2. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #2
    apparently your css is setup for displaying vertically...... Therefore, using the existing layout, you'll need to work on your css classes in addition to adjusting your html a bit...... those templates a bit of a mess with so many containers that, in this day and age, are completely unnecessary....
     
    workingsmart, Jul 17, 2012 IP
  3. Dead Man

    Dead Man Active Member

    Messages:
    165
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    88
    #3
    I am unbale to understand as I am not good in html :(
     
    Dead Man, Jul 17, 2012 IP
  4. 3dy.ro

    3dy.ro Member

    Messages:
    100
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    45
    #4
    As you might have been able to figure out by the number of responses you got, we can't just use your code for this because we don't have your images and the other files your code links to. So it just doesn't look right at us.

    As soon as you give us a link to the live website we'll be happy to help.
     
    3dy.ro, Jul 17, 2012 IP
  5. itarticle

    itarticle Greenhorn

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #5
    unbale to understand, please attach the CSS also
     
    itarticle, Jul 18, 2012 IP
  6. Dead Man

    Dead Man Active Member

    Messages:
    165
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    88
    #6
    Here is the link of my site........ www.pakrides.com Look at Latest Ads

    Also find the attached .css file http://pakrides.com/style.zip

    Waiting
     
    Dead Man, Jul 18, 2012 IP
  7. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #7
    You want them vertically like the featured listings?...

    What script is that?... SNetworks or Oxy?
     
    workingsmart, Jul 18, 2012 IP
  8. Dead Man

    Dead Man Active Member

    Messages:
    165
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    88
    #8
    Yes this is Oxy & problem is what........knows everyone about George (Owner of Script) he took long time to reply a message & if we need help.........he even dont consider that message.... This script has good features that's why I am using otherwise very disappointment on his support!
     
    Dead Man, Jul 19, 2012 IP
  9. vincaslt

    vincaslt Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    What is it you want to do exactly? You want your latest ads to be shown like featured ads?
     
    vincaslt, Jul 19, 2012 IP
  10. ColourKraft

    ColourKraft Member

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    38
    #10
    It's very hard to diagnose your HTML when it's so messy. If you push yourself to write cleaner code you will run into a lot fewer problems down the line.
    Try to get in the habit of commenting your closing divs, so you know which element it's closing, it will pay off big time.
     
    ColourKraft, Jul 19, 2012 IP
  11. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #11
    Not just messy as ColourKraft has said, but horrifically outdated... tables for layout, endless pointless DIV around everything, non-semantic markup, presentational style inlined in the markup, absolute URL's on everything for no good reason apart from wasting bandwidth -- you've got 89k of HTML to deliver 4.41k of plaintext and somewhere around 4 dozen images -- that's easily two or three times as much HTML as is needed for such a simple page... and with 147 validation errors you don't even have HTML, you have gibberish.

    ... and that's before we talk the inaccessible px metric fonts, fixed width layout, excessively long page load time due to having too many images, more anchors (239) than anyone is EVER going to waste their time clicking on, etc, etc...

    Throw it out and start over, there's nothing worth saving there.

    To give you an example, if I was writing that same advert section, my markup would probably look something like this:

    
    
    <div id="latestAds">
    	<h2>Latest Ads</h2>
    	<div class="advert">
    		<a href="/2448-saling-my-suzuki-mehran-2007/details.html">
    			<img
    				src="/images/listings/2012-07/thmb/saling_my_suzuki_mehran_2007-1342724470-829-d_pic.jpg"
    				alt="saling my SUZUKI MEHRAN 2007"
    				class="leadingPlate"
    			/>
    		</a>
    		<div>
    			<h3>
    				<a href="/2448-saling-my-suzuki-mehran-2007/details.html">
    					Suzuki Mehran
    				</a>
    			</h3>
    			Sindh, Karachi
    			<span>
    				Rs.310,000.00
    				<span>Jul 20, 2012</span>
    			</span>
    		</div>
    	<!-- .advert --></div>
    	
    	<div class="advert">
    		<a href="/2447-honda-civic-1999aug/details.html">
    			<img
    				src="/images/listings/2012-07/thmb/honda_civic_1999aug-1342724354-388-d_pic.jpg"
    				alt="Honda Civic 1999-Aug"
    				class="leadingPlate"
    			/>
    		</a>
    		<div>
    			<h3>
    				<a href="/2447-honda-civic-1999aug/details.html">
    					Honda Civic
    				</a>
    			</h3>
    			Sindh, Karachi
    			<span>
    				Rs.675,000.00
    				<span>Jul 19, 2012</span>
    			</span>
    		</div>
    	<!-- .advert --></div>
    
    Code (markup):
    Which turns 3k of code into 1k... despite the presence of more formatting and more comments... and yes, I could make those look near identical... and arrange them vertically, horizontally, or even a mix of the two.

    Though I don't know what language or templating system your original post's code is in, but I'd suggest putting that down like old yeller too... but then I'm not a fan of that style of scripting (again, I'm the guy who wants to see <?php ?> removed from PHP)
     
    deathshadow, Jul 19, 2012 IP